@charset "utf-8";

:root {
  --bk: #000;
  --wh: #fff;
  --mono-01: #333;
  --mono-02: #666;
  --mono-03: #999;
  --mono-04: #b4b4b4;
  --mono-05: #ccc;
  --mono-06: #e2e1e1;
  --mono-07: #f6f7f8;
  --mono-08: #e5e5e5;

  --point-color01: #404aff;
  --point-color02: #2830be;
  --point-color03: #eef1fb;
  --point-color04: #ecedff;
  --point-color05: #f23333;
  --point-color06: #e5001f;
  --point-color07: #f8e3e3;

  /* overlay */
  --overlay-pt-color01: rgba(64, 74, 255, 0.13);

  /* surface */
  --surface-bg: var(--wh);
  --surface--text-color: var(--bk);

  /* font wg */
  --font-black: 900;
  --font-extraBold: 800;
  --font-bold: 700;
  --font-semiBold: 600;
  --font-medium: 500;
  --font-normal: 400;
  --font-light: 300;
  --font-extraLight: 200;
  --font-thin: 100;

  /* text */
  --text-base: 16px; /* 16px */
  --text-4xl: 2.25em; /* 36px */
  --text-3xl: 1.875em; /* 30px */
  --text-2xl: 1.5em; /* 24px */
  --text-xl: 1.375em; /* 22px */
  --text-lg: 1.25em; /* 20px */
  --text-md: 1.125em; /* 18px */
  --text-sm: 0.94em; /* 15px */
  --text-xs: 0.875em; /* 14px */
  --text-1xs: 0.81em; /* 13px */
  --text-2xs: 0.75em; /* 12px */

  /* border */
  --border-base: var(--mono-05);

  /* radius */
  --rounded-lg: 0.94em; /* 15px */
  --rounded-md: 0.625em; /* 10px */
  --rounded-sm: 0.32em; /* 5px */
  --rounded-pill: 10em;
  --rounded-circle: 50%;

  /* gap */
  --gap-md: 1.75em; /* 28px */
  --gap-sm: 1.25em; /* 20px */
  --gap-xs: 0.625em; /* 10px */
}
@media screen and (max-width: 800px) {
  :root {
    --text-xl: 1.5em;
    --text-md: 1.25em;
    --text-base: 1.17em;
    --text-sm: 1.1em;
    --text-xs: 1em;
    --text-1xs: 0.98em;
    --text-2xs: 0.94em;
  }
}

body:has(.com_wp_code_section) {
  overflow-x: hidden !important;
}
.com_wp_code_section * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-weight: inherit;
  font-size: 1em;
  box-sizing: border-box;
}
.com_wp_code_section a {
  text-decoration: none;
}
.com_wp_code_section img {
  max-width: 100%;
  border: 0;
}
.com_wp_code_section :is(ul, ol, li) {
  list-style: none;
}
.com_wp_code_section ul:after {
  content: "";
  display: block;
  clear: both;
}
.com_wp_code_section table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* wp class */
.com_wp_code_section :is(h1, h2, h3, h4, h5, h6, p) {
  margin: inherit;
}

[v-cloak] {
  display: none;
}