@charset "UTF-8";
body {
  font: var(--SiteFS, 12px) / 1.5 var(--SiteFF2), Arial, sans-serif;
  font-weight: 600;
  margin: 0;
  background: var(--body-background-color, hsl(0 0% 97%));
  color: var(--body-text-color, rgba(0 0 0/75%));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
}

input,
select,
textarea {
  font-size: 1em;
  color: #555;
  font-family: var(--SiteFF2);
  font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
  margin: 0;
}
h1,
h2,
h3 {
  font-family: var(--SiteFF);
  font-weight: 600;
}
menu,
ol,
ul {
  padding-inline-start: 0;
  padding-inline-start: 0;
}
li {
  list-style-type: none;
}
dd,
dl,
form,
menu {
  margin: 0;
}
a img {
  border: none;
}
a {
  color: var(--SiteTHM);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/200-bbd67c29ca.woff) format("woff");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/300-1724266c39.woff) format("woff");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/400-450d518a6b.woff) format("woff");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/500-e3401d76c1.woff) format("woff");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/600-29368e1be4.woff) format("woff");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/700-5323f0c7d9.woff) format("woff");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../../js/fonts/manrope.woff2) format("woff2"),
    url(../../fonts/manrope/v13/800-92c36492e3.woff) format("woff");
}
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: Manrope;
    src: url(../../js/fonts/manrope.woff2)
        format("woff2 supports variations"),
      url(../../js/fonts/manrope.woff2)
        format("woff2-variations");
    font-weight: 200 800;
    font-stretch: 25% 151%;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/100-6c8452278f.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/200-5fa656dd40.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/300-f175dfedb8.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/400-a75a24793f.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/500-a903bfd878.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/600-2922fe7b75.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/700-ba2d4ca107.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/800-00972a6843.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: noto sans arabic;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2)
      format("woff2"),
    url(../fonts/notosansarabic/v18/900-b2c28bb9ca.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
    U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --CPT-BDR: calc(var(--CPT-FS) * 1.5);
  --CPT-TST: var(--SiteTST);
  --CPT-FF: "Manrope", "Arial", "PingFang", system-ui, sans-serif;
  --SiteTHM: var(--CPT-THM);
  --SiteTHM-A0: rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B) / 0);
  --SiteTHM-A5: rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B) / 5%);
  --SiteTHM-A10: rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B) / 10%);
  --SiteTHM-A25: rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B) / 25%);
  --SiteTHM-A50: rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B) / 50%);
  --SiteTHM-A75: rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B) / 75%);
  --SiteTST: all ease 0.2s;
  --IconFF: var(--IconFF3);
  --background-color-warning: rgba(255 255 0/10%);
  --text-color-warning: rgba(255 255 0);
  --background-color-alert: rgba(255 50 50/25%);
  --text-color-alert: rgba(255 70 70);
  --background-color-complete: rgba(0 128 0/10%);
  --text-color-complete: rgba(0 128 0);
  --background-color-promotion: rgba(0 128 0/10%);
  --text-color-promotion: rgba(0 128 0);
}
.btw {
  --font-weight: 800;
}
.btw[color="theme"] {
  background-image: linear-gradient(
    calc(135deg * var(--angle-reverse, 1)),
    hsl(calc(var(--CPT-THM-H) - 5) var(--CPT-THM-S) var(--CPT-THM-L)),
    hsl(calc(var(--CPT-THM-H) + 5) var(--CPT-THM-S) var(--CPT-THM-L))
  );
}
:root {
  --font-family-heading-1: "Manrope";
  --font-family-heading-2: "Montserrat";
  --font-family-heading-3: "Readex Pro";
  --font-family-content-1: "Manrope";
  --SiteFF: var(--font-family-heading-1, ""), "Arial", system-ui, sans-serif;
  --SiteFF3: var(--font-family-heading-2, ""), "Arial", system-ui, sans-serif;
  --SiteFF4: var(--font-family-heading-3, ""), "Arial", system-ui, sans-serif;
  --SiteFF2: var(--font-family-content-1, ""), "Arial", system-ui, sans-serif;
}
body {
  --VWX: calc(var(--VW) * 1px);
  --VHX: calc(var(--VH) * 1px);
  --VWidth: var(--VWX, 100vw);
  --VHeight: var(--VHX, 100vh);
  --MaxContentWidth: 120em;
}
@media only screen and (max-width: 1440px) {
  body {
    --MaxContentWidth: 106.666667em;
  }
}
@media only screen and (max-width: 1280px) {
  body {
    --MaxContentWidth: 83.333334em;
  }
}
@media only screen and (max-width: 1000px) {
  body {
    --MaxContentWidth: 100%;
  }
}
[class*="cpt-"]
  > input:not([type="checkbox"], [type="radio"], [type="range"]):first-child,
[class*="cpt-"] > textarea {
  padding-inline-start: calc(var(--CPT-INPTPD) * 1.5);
  padding-inline-end: calc(var(--CPT-INPTPD) * 1.5);
}
[class*="cpt-"] > select:first-child {
  padding-inline-start: calc(var(--CPT-INPTPD) * 1.5);
}
.cpt-select::after {
  margin-inline-end: 1em;
}
.cpt-select option {
  color: var(--body-text-color);
  background: var(--background-color-L1);
}
.cpt-checkbox > span::before {
  border-radius: 0.333334em;
}
[lang*="ar"] {
  direction: rtl;
  --inline-start: right;
  --inline-end: left;
  --translate-reverse: -1;
  --angle-reverse: -1;
  --font-family-heading-1: "Manrope", "Noto Sans Arabic";
  --font-family-heading-2: "Montserrat", "Noto Sans Arabic";
  --font-family-heading-3: "Noto Sans Arabic";
  --font-family-content-1: "Manrope", "Noto Sans Arabic";
  --CPT-FF: "Manrope", "Noto Sans Arabic", "Arial", system-ui, sans-serif;
}
[lang*="ar"] [icon-only="arrow_back"]::before,
[lang*="ar"] [icon-only="arrow_forward"]::before,
[lang*="ar"] [icon-only="chevron_left"]::before,
[lang*="ar"] [icon-only="chevron_right"]::before,
[lang*="ar"] [icon-only="logout"]::before,
[lang*="ar"] [icon-only="navigate_before"]::before,
[lang*="ar"] [icon-only="navigate_next"]::before,
[lang*="ar"] [icon-only="search"]::before,
[lang*="ar"] [icon-only="send"]::before,
[lang*="ar"] [icon-only="sort"]::before,
[lang*="ar"] [icon="arrow_back"]::before,
[lang*="ar"] [icon="arrow_forward"]::before,
[lang*="ar"] [icon="chevron_left"]::before,
[lang*="ar"] [icon="chevron_right"]::before,
[lang*="ar"] [icon="logout"]::before,
[lang*="ar"] [icon="navigate_before"]::before,
[lang*="ar"] [icon="navigate_next"]::before,
[lang*="ar"] [icon="search"]::before,
[lang*="ar"] [icon="send"]::before,
[lang*="ar"] [icon="sort"]::before {
  transform: scaleX(-1);
}
body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 320px;
  min-height: var(--VHeight);
}
#content {
  flex: auto;
}
#content > .inner {
  margin: 0 auto;
  max-width: var(--MaxContentWidth);
  padding: 0 2em;
  box-sizing: border-box;
}
#site_header {
  background: var(--background-color-L2, #fff);
  position: sticky;
  top: calc(var(--global-nav-height) * -1px);
  z-index: 9;
}
#site_header.float {
  box-shadow: rgba(0 0 0/5%) 0 0 1em;
}
#site_header > .inner {
  width: 100%;
  max-width: var(--MaxContentWidth);
  height: 6em;
  padding-inline: 2em;
  margin-inline: auto;
  display: flex;
  align-items: center;
}
#global_nav {
  box-shadow: var(--body-text-color-a5, rgba(0 0 0/5%)) 0 -1px 0 inset;
}
#global_nav > .inner {
  margin: 0 auto;
  max-width: var(--MaxContentWidth);
  min-height: 4em;
  padding: 0 2em;
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 2em;
}
#global_nav > .inner > .global_nav_ctrl {
  display: none;
}
#global_nav .nav > .inner {
  display: flex;
  align-items: center;
  gap: 2em;
  flex-wrap: wrap;
  height: 1.5em;
  overflow: hidden;
}
#global_nav .nav > .inner > a {
  display: block;
  color: currentColor;
  white-space: nowrap;
}
#global_nav .nav > .inner > a:hover {
  text-decoration: underline;
  opacity: 1;
}
#global_nav .nav > .inner > a > span::before {
  display: none;
}
#global_nav .settings {
  display: flex;
  align-items: center;
  gap: 1em;
}
#global_nav .language_settings {
  display: block;
  position: relative;
  overflow: hidden;
}
#global_nav .language_settings > span {
  display: flex;
  align-items: center;
  gap: 1em;
  padding-block: 0.75em;
}
#global_nav .language_settings > span::before {
  content: attr(icon);
  display: block;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  opacity: 0.5;
}
#global_nav .language_settings > span::after {
  content: attr(language);
  display: block;
}
#global_nav .language_settings > select {
  all: unset;
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
#global_nav .language_settings > select {
  color: var(--body-text-color);
  background: var(--background-color-L1);
}
@media only screen and (max-width: 1000px) {
  #global_nav > .inner {
    padding: 0 1em;
    gap: 0 2em;
  }
  #global_nav > .inner > .global_nav_ctrl {
    display: block;
    width: 3em;
    height: 3em;
    padding: 0.75em;
    margin: 0.5em 0;
    box-sizing: border-box;
  }
  #global_nav > .inner > .global_nav_ctrl::before {
    content: attr(icon);
    display: block;
    font-size: 1.5em;
    width: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    opacity: 0.5;
  }
  #global_nav > .inner > .global_nav_ctrl.on::before {
    content: "close";
    opacity: 1;
    transform: rotate(270deg);
    transition: 0.3s;
  }
  #global_nav .nav {
    display: none;
    grid-area: 2/1/3/3;
    position: relative;
  }
  #global_nav .nav.show {
    display: block;
  }
  #global_nav .nav::before {
    content: "";
    display: block;
    background: var(--background-color-L3, hsl(0 0% 97%));
    width: 1em;
    height: 1em;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 2;
    margin: -0.25em 1em 0;
    transform: rotate(45deg);
  }
  #global_nav .nav > .inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
    gap: 0 1em;
    height: auto;
    margin: 0 -1.5em;
    padding: 1.5em 2em;
    background: var(--background-color-L3, hsl(0 0% 97%));
  }
  #global_nav .nav > .inner > a {
    padding: 0.5em 0;
    text-decoration: none !important;
  }
  #global_nav .nav > .inner > a > span {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
    align-items: center;
    opacity: unset;
  }
  #global_nav .nav > .inner > a > span::before {
    display: block;
    font-size: 2em;
    width: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
  }
  #global_nav .nav > .inner > a > span[icon]::before {
    content: attr(icon);
  }
  #global_nav .download_app {
    padding: 0.25em;
  }
  #global_nav .download_app > span {
    display: block;
    width: 1.5em;
    height: 1.5em;
    overflow: hidden;
  }
}
@media only screen and (max-width: 480px) {
  #global_nav > .inner {
    padding: 0 1em;
  }
  #global_nav .nav > .inner {
    margin: 0 -1em;
    padding: 1.5em;
  }
}
#nav_logo {
  width: fit-content;
}
#nav_logo a {
  display: block;
  height: 2em;
  aspect-ratio: 183/61;
  background: url(../images/seagm_member_logo_2020_text_black-2ad8c54e98.svg)
    no-repeat center/contain;
  filter: invert(var(--brightness-filter, -1));
  color: transparent;
}
#main_nav .menu {
  display: flex;
  gap: 2em;
  align-items: center;
  position: relative;
}
#site_header #user-btn {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#site_header #user-btn > .avatar {
  width: 2.5em;
  height: 2.5em;
  border-radius: 100%;
  overflow: hidden;
  background: var(--body-text-color-a5, rgba(0 0 0/5%));
  box-shadow: var(--body-text-color-a10, rgba(0 0 0/5%)) 0 0 0 0.25em;
}
#site_header #user-btn > .avatar > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#user_dropdown .user_menu_info {
  display: grid;
  grid-template-columns: 3em calc(100% - 4em);
  align-items: center;
  gap: 1em;
  padding-block-end: 2em;
  box-shadow: var(--body-text-color-a5, rgba(0 0 0/5%)) 0 1px 0;
  color: currentColor;
}
#user_dropdown .user_menu_info .avatar {
  width: 3em;
  height: 3em;
  border-radius: 100%;
  overflow: hidden;
  background: var(--body-text-color-a5, rgba(0 0 0/5%));
  box-shadow: var(--body-text-color-a10, rgba(0 0 0/5%)) 0 0 0 1px;
}
#user_dropdown .user_menu_info .avatar > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
#user_dropdown .user_menu_info .name > i,
#user_dropdown .user_menu_info .name > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#user_dropdown .user_menu_info .name > span {
  font-weight: 800;
}
#user_dropdown .user_menu_info .name > i {
  font-style: normal;
  opacity: 0.5;
}
#user_dropdown .user_menu_info .func {
  display: none;
}
#user_dropdown .user_menu {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
  padding-block-start: 2em;
}
#user_dropdown .user_menu > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
  gap: 0 2em;
}
#user_dropdown .user_menu a {
  color: currentColor;
  text-decoration: none;
  display: grid;
  grid-template-columns: 3em 1fr;
  align-items: center;
  gap: 1em;
  padding: 0.5em 0;
}
#user_dropdown .user_menu a::before {
  content: attr(icon);
  display: block;
  font-size: 2em;
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-inline: auto;
  overflow: hidden;
}
#user_dropdown .user_menu a > span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 1001px) {
  #main_nav > .inner {
    margin: 0 auto;
    max-width: var(--MaxContentWidth);
    padding: 0 2em;
    height: 6em;
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2em;
    align-items: center;
  }
  #main_nav .nav > .inner {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2em;
  }
  #main_nav .user {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2em;
  }
  #main_nav .user_dropdown_ctrl_off {
    display: none;
  }
  #user_dropdown {
    position: absolute;
    z-index: 1;
    inset-inline-end: 0;
    top: calc(100% + 1em);
    width: 35em;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1em);
  }
  #site_header #login-btn ~ #user_dropdown {
    width: 25em;
  }
  #user_dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: 0.3s;
  }
  #user_dropdown > .inner {
    background: var(--background-color-L1, #fff);
    border-radius: 1em;
    box-shadow: rgb(0 0 0/10%) 0 1em 2em;
    padding: 2em;
  }
}
@media only screen and (max-width: 1000px) {
  #main_nav > .inner {
    height: 6em;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.5em;
    align-items: center;
    padding-inline: 2em;
  }
  #main_nav .menu {
    gap: 1.5em;
  }
  #main_nav .user {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5em;
  }
  #site_header #headCart[data-cart-counter=""],
  #site_header #headCart[data-cart-counter="0"] {
    display: none;
  }
  #site_header #login-btn > span {
    width: 2em;
    height: 2em;
    overflow: hidden;
    padding: 0;
    margin: 0.5em;
  }
  #site_header #login-btn > span::before {
    content: attr(icon);
    font-size: 2em;
    width: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
  }
  body.show_user_dropdown {
    overflow: hidden;
  }
  #user_dropdown.show {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
  }
  #user_dropdown.show > .inner {
    margin-inline-end: 0;
    transition: margin 0.3s;
  }
  #user_dropdown {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: var(--background-color-mask-a75, rgba(255 255 255/75%));
    visibility: hidden;
    opacity: 0;
  }
  #user_dropdown > .user_dropdown_ctrl_off {
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  #user_dropdown > .inner {
    width: calc(100% - 5em);
    max-width: 25em;
    height: 100%;
    margin-inline-start: auto;
    margin-inline-end: -2em;
    padding: 0;
    box-sizing: border-box;
    border-radius: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    background: var(--background-color-L1, #fff);
    box-shadow: rgba(0 0 0/10%) 0 0 2em;
    position: relative;
  }
  #user_dropdown > .inner > .close {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    z-index: 1;
    margin: 0.5em;
  }
  #user_dropdown .user_menu_info {
    padding: 1.5em;
    padding-inline-end: 1em;
    box-sizing: border-box;
    overflow: hidden;
    grid-template-columns: 3em calc(100% - 8em) 3em;
  }
  #user_dropdown .user_menu_info .func {
    display: block;
    opacity: 0.5;
  }
  #user_dropdown .user_menu {
    overflow: hidden;
    overflow-y: auto;
    padding: 0 1.5em;
    display: block;
  }
  #user_dropdown .user_menu > ul {
    margin-block: 1.5em;
  }
}
@media only screen and (max-width: 480px) {
  #main_nav > .inner {
    height: 5em;
    padding-inline: 1em;
    gap: 1em;
  }
  #nav_logo {
    padding-inline: 0.5em;
  }
}
#site_content {
  flex: auto;
}
#site_content > .inner {
  max-width: var(--MaxContentWidth);
  padding: 2em;
  margin-inline: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: clamp(20em, 25%, 25em) 1fr;
  gap: 4em;
}
#site_content > .inner > .content h1 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
  margin-block-end: 1em;
}
@media only screen and (max-width: 1000px) {
  #site_content > .inner > .aside {
    display: none;
  }
  #site_content > .inner > .content {
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 480px) {
  #site_content > .inner {
    padding: 1.5em;
  }
}
#site_footer {
  width: 100%;
  max-width: var(--MaxContentWidth);
  margin-inline: auto;
}
#site_footer > .inner {
  padding: 2em;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1em 2em;
}
#site_footer .copyright {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.5em;
  opacity: 0.5;
}
#site_footer .copyright::before {
  content: attr(icon);
  display: block;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
}
#site_footer .nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1em;
}
#site_footer .nav a {
  color: currentColor;
}
@media only screen and (max-width: 1000px) {
  #site_footer > .inner {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 480px) {
  #site_footer > .inner {
    padding: 1.5em;
  }
}
.password_validate_tips {
  margin-block-start: 1em;
  margin-inline: 1.5em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.password_validate_tips > div {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 1em;
}
.password_validate_tips > div::before {
  content: var(--i, "info_outline");
  display: block;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  color: var(--color);
}
.password_validate_tips .tips {
  color: var(--body-text-color-a50, rgba(0 0 0/50%));
}
.password_validate_tips .alert {
  color: var(--text-color-alert);
  --i: "cancel";
}
.password_validate_tips .success {
  --color: var(--text-color-complete);
  --i: "check_circle_outline";
}
.page_block {
  max-width: 50em;
  margin-inline: auto;
}
.page_block > h2 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
  margin-block-end: 1em;
}
@media only screen and (max-width: 1000px) {
  .page_block > h2 {
    font-size: 1.5em;
  }
}
[currency]::before,
[region]::before {
  content: "";
  display: block;
  --w: calc(var(--h) * 4 / 3);
  --h: 2em;
  width: var(--w);
  height: var(--h);
  border-radius: var(--h);
  background-color: #fff;
  background-image: url(https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w32.png);
  background-image: -webkit-image-set(
    url("https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w32.png")
      1x,
    url("https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w64.png")
      2x,
    url("https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w128.png")
      3x
  );
  background-position: calc(var(--x, 9) * var(--w) * -1)
    calc(var(--y, 29) * var(--h) * -1);
  background-size: calc(var(--w) * 10) calc(var(--h) * 30);
  background-repeat: no-repeat;
  box-shadow: inset rgb(0 0 0/10%) 0 0 0 1px;
  margin: 0 auto;
}
[currency=""]::before,
[region=""]::before {
  content: none;
}
[region="ad"] {
  --x: 0;
  --y: 0;
}
[currency="AED"],
[region="ae"] {
  --x: 1;
  --y: 0;
}
[currency="AFN"],
[region="af"] {
  --x: 2;
  --y: 0;
}
[region="ag"] {
  --x: 3;
  --y: 0;
}
[region="ai"] {
  --x: 4;
  --y: 0;
}
[region="al"] {
  --x: 5;
  --y: 0;
}
[currency="AMD"],
[region="am"] {
  --x: 6;
  --y: 0;
}
[currency="AOA"],
[region="ao"] {
  --x: 7;
  --y: 0;
}
[currency="ARS"],
[region="ar"] {
  --x: 8;
  --y: 0;
}
[region="as"] {
  --x: 9;
  --y: 0;
}
[region="at"] {
  --x: 0;
  --y: 1;
}
[currency="AUD"],
[region="au"] {
  --x: 1;
  --y: 1;
}
[currency="AWG"],
[region="aw"] {
  --x: 2;
  --y: 1;
}
[region="ax"] {
  --x: 3;
  --y: 1;
}
[currency="AZN"],
[region="az"] {
  --x: 4;
  --y: 1;
}
[region="ba"] {
  --x: 5;
  --y: 1;
}
[currency="BBD"],
[region="bb"] {
  --x: 6;
  --y: 1;
}
[currency="BDT"],
[region="bd"] {
  --x: 7;
  --y: 1;
}
[region="be"] {
  --x: 8;
  --y: 1;
}
[region="bf"] {
  --x: 9;
  --y: 1;
}
[currency="BGN"],
[region="bg"] {
  --x: 0;
  --y: 2;
}
[currency="BHD"],
[region="bh"] {
  --x: 1;
  --y: 2;
}
[currency="BIF"],
[region="bi"] {
  --x: 2;
  --y: 2;
}
[region="bj"] {
  --x: 3;
  --y: 2;
}
[region="bl"] {
  --x: 4;
  --y: 2;
}
[currency="BMD"],
[region="bm"] {
  --x: 5;
  --y: 2;
}
[currency="BND"],
[region="bn"] {
  --x: 6;
  --y: 2;
}
[currency="BOB"],
[region="bo"] {
  --x: 7;
  --y: 2;
}
[region="bq"] {
  --x: 8;
  --y: 2;
}
[currency="BRL"],
[region="br"] {
  --x: 9;
  --y: 2;
}
[currency="BSD"],
[region="bs"] {
  --x: 0;
  --y: 3;
}
[currency="BTN"],
[region="bt"] {
  --x: 1;
  --y: 3;
}
[region="bv"] {
  --x: 2;
  --y: 3;
}
[currency="BWP"],
[region="bw"] {
  --x: 3;
  --y: 3;
}
[currency="BYR"],
[region="by"] {
  --x: 4;
  --y: 3;
}
[currency="BZD"],
[region="bz"] {
  --x: 5;
  --y: 3;
}
[currency="CAD"],
[region="ca"] {
  --x: 6;
  --y: 3;
}
[region="cc"] {
  --x: 7;
  --y: 3;
}
[region="cd"] {
  --x: 8;
  --y: 3;
}
[region="cf"] {
  --x: 9;
  --y: 3;
}
[currency="CDF"],
[region="cg"] {
  --x: 0;
  --y: 4;
}
[currency="CHF"],
[region="ch"] {
  --x: 1;
  --y: 4;
}
[region="ci"] {
  --x: 2;
  --y: 4;
}
[region="ck"] {
  --x: 3;
  --y: 4;
}
[currency="CLP"],
[region="cl"] {
  --x: 4;
  --y: 4;
}
[region="cm"] {
  --x: 5;
  --y: 4;
}
[currency="CNY"],
[region="cn"] {
  --x: 6;
  --y: 4;
}
[currency="COP"],
[region="co"] {
  --x: 7;
  --y: 4;
}
[currency="CRC"],
[region="cr"] {
  --x: 8;
  --y: 4;
}
[region="cu"] {
  --x: 9;
  --y: 4;
}
[currency="CVE"],
[region="cv"] {
  --x: 0;
  --y: 5;
}
[region="cw"] {
  --x: 1;
  --y: 5;
}
[region="cx"] {
  --x: 2;
  --y: 5;
}
[region="cy"] {
  --x: 3;
  --y: 5;
}
[currency="CZK"],
[region="cz"] {
  --x: 4;
  --y: 5;
}
[currency="DEM"],
[region="de"] {
  --x: 5;
  --y: 5;
}
[currency="DJF"],
[region="dj"] {
  --x: 6;
  --y: 5;
}
[currency="DKK"],
[region="dk"] {
  --x: 7;
  --y: 5;
}
[currency="DOP"],
[region="dm"] {
  --x: 8;
  --y: 5;
}
[region="do"] {
  --x: 9;
  --y: 5;
}
[currency="DZD"],
[region="dz"] {
  --x: 0;
  --y: 6;
}
[currency="ECS"],
[region="ec"] {
  --x: 1;
  --y: 6;
}
[region="ee"] {
  --x: 2;
  --y: 6;
}
[currency="EGP"],
[region="eg"] {
  --x: 3;
  --y: 6;
}
[region="eh"] {
  --x: 4;
  --y: 6;
}
[currency="ERN"],
[region="er"] {
  --x: 5;
  --y: 6;
}
[region="es"] {
  --x: 6;
  --y: 6;
}
[currency="ETB"],
[region="et"] {
  --x: 7;
  --y: 6;
}
[region="fi"] {
  --x: 8;
  --y: 6;
}
[currency="FJD"],
[region="fj"] {
  --x: 9;
  --y: 6;
}
[currency="FKP"],
[region="fk"] {
  --x: 0;
  --y: 7;
}
[region="fm"] {
  --x: 1;
  --y: 7;
}
[region="fo"] {
  --x: 2;
  --y: 7;
}
[currency="FRF"],
[region="fr"] {
  --x: 3;
  --y: 7;
}
[region="ga"] {
  --x: 4;
  --y: 7;
}
[currency="GBP"],
[region="gb"] {
  --x: 5;
  --y: 7;
}
[region="gd"] {
  --x: 6;
  --y: 7;
}
[currency="GEL"],
[region="ge"] {
  --x: 7;
  --y: 7;
}
[region="gf"] {
  --x: 8;
  --y: 7;
}
[region="gg"] {
  --x: 9;
  --y: 7;
}
[currency="GHS"],
[region="gh"] {
  --x: 0;
  --y: 8;
}
[currency="GIP"],
[region="gi"] {
  --x: 1;
  --y: 8;
}
[region="gl"] {
  --x: 2;
  --y: 8;
}
[currency="GMD"],
[region="gm"] {
  --x: 3;
  --y: 8;
}
[currency="GNF"],
[region="gn"] {
  --x: 4;
  --y: 8;
}
[region="gp"] {
  --x: 5;
  --y: 8;
}
[region="gq"] {
  --x: 6;
  --y: 8;
}
[region="gr"] {
  --x: 7;
  --y: 8;
}
[region="gs"] {
  --x: 8;
  --y: 8;
}
[currency="GTQ"],
[region="gt"] {
  --x: 9;
  --y: 8;
}
[region="gu"] {
  --x: 0;
  --y: 9;
}
[region="gw"] {
  --x: 1;
  --y: 9;
}
[currency="GYD"],
[region="gy"] {
  --x: 2;
  --y: 9;
}
[currency="HKD"],
[region="hk"] {
  --x: 3;
  --y: 9;
}
[region="hm"] {
  --x: 4;
  --y: 9;
}
[currency="HNL"],
[region="hn"] {
  --x: 5;
  --y: 9;
}
[currency="HRK"],
[region="hr"] {
  --x: 6;
  --y: 9;
}
[currency="HTG"],
[region="ht"] {
  --x: 7;
  --y: 9;
}
[currency="HUF"],
[region="hu"] {
  --x: 8;
  --y: 9;
}
[currency="IDR"],
[region="id"] {
  --x: 9;
  --y: 9;
}
[currency="IEP"],
[region="ie"] {
  --x: 0;
  --y: 10;
}
[currency="ILS"],
[region="il"] {
  --x: 1;
  --y: 10;
}
[region="im"] {
  --x: 2;
  --y: 10;
}
[currency="INR"],
[region="in"] {
  --x: 3;
  --y: 10;
}
[region="io"] {
  --x: 4;
  --y: 10;
}
[currency="IQD"],
[region="iq"] {
  --x: 5;
  --y: 10;
}
[currency="IRR"],
[region="ir"] {
  --x: 6;
  --y: 10;
}
[currency="ISK"],
[region="is"] {
  --x: 7;
  --y: 10;
}
[currency="ITL"],
[region="it"] {
  --x: 8;
  --y: 10;
}
[region="je"] {
  --x: 9;
  --y: 10;
}
[currency="JMD"],
[region="jm"] {
  --x: 0;
  --y: 11;
}
[currency="JOD"],
[region="jo"] {
  --x: 1;
  --y: 11;
}
[currency="JPY"],
[region="jp"] {
  --x: 2;
  --y: 11;
}
[currency="KES"],
[region="ke"] {
  --x: 3;
  --y: 11;
}
[currency="KGS"],
[region="kg"] {
  --x: 4;
  --y: 11;
}
[currency="KHR"],
[region="kh"] {
  --x: 5;
  --y: 11;
}
[region="ki"] {
  --x: 6;
  --y: 11;
}
[currency="KMF"],
[region="km"] {
  --x: 7;
  --y: 11;
}
[region="kn"] {
  --x: 8;
  --y: 11;
}
[currency="KPW"],
[region="kp"] {
  --x: 9;
  --y: 11;
}
[currency="KRW"],
[region="kr"] {
  --x: 0;
  --y: 12;
}
[currency="KWD"],
[region="kw"] {
  --x: 1;
  --y: 12;
}
[currency="KYD"],
[region="ky"] {
  --x: 2;
  --y: 12;
}
[currency="KZT"],
[region="kz"] {
  --x: 3;
  --y: 12;
}
[region="la"] {
  --x: 4;
  --y: 12;
}
[currency="LBP"],
[region="lb"] {
  --x: 5;
  --y: 12;
}
[region="lc"] {
  --x: 6;
  --y: 12;
}
[region="li"] {
  --x: 7;
  --y: 12;
}
[currency="LKR"],
[region="lk"] {
  --x: 8;
  --y: 12;
}
[region="lr"] {
  --x: 9;
  --y: 12;
}
[currency="LSL"],
[region="ls"] {
  --x: 0;
  --y: 13;
}
[currency="LTL"],
[region="lt"] {
  --x: 1;
  --y: 13;
}
[region="lu"] {
  --x: 2;
  --y: 13;
}
[currency="LVL"],
[region="lv"] {
  --x: 3;
  --y: 13;
}
[currency="LYD"],
[region="ly"] {
  --x: 4;
  --y: 13;
}
[currency="MAD"],
[region="ma"] {
  --x: 5;
  --y: 13;
}
[region="mc"] {
  --x: 6;
  --y: 13;
}
[currency="MDL"],
[region="md"] {
  --x: 7;
  --y: 13;
}
[region="me"] {
  --x: 8;
  --y: 13;
}
[region="mf"] {
  --x: 9;
  --y: 13;
}
[currency="MGA"],
[region="mg"] {
  --x: 0;
  --y: 14;
}
[region="mh"] {
  --x: 1;
  --y: 14;
}
[currency="MKD"],
[region="mk"] {
  --x: 2;
  --y: 14;
}
[region="ml"] {
  --x: 3;
  --y: 14;
}
[currency="MMK"],
[region="mm"] {
  --x: 4;
  --y: 14;
}
[currency="MNT"],
[region="mn"] {
  --x: 5;
  --y: 14;
}
[currency="MOP"],
[region="mo"] {
  --x: 6;
  --y: 14;
}
[region="mp"] {
  --x: 7;
  --y: 14;
}
[region="mq"] {
  --x: 8;
  --y: 14;
}
[currency="MRO"],
[region="mr"] {
  --x: 9;
  --y: 14;
}
[region="ms"] {
  --x: 0;
  --y: 15;
}
[region="mt"] {
  --x: 1;
  --y: 15;
}
[currency="MUR"],
[region="mu"] {
  --x: 2;
  --y: 15;
}
[currency="MVR"],
[region="mv"] {
  --x: 3;
  --y: 15;
}
[currency="MWK"],
[region="mw"] {
  --x: 4;
  --y: 15;
}
[currency="MXN"],
[region="mx"] {
  --x: 5;
  --y: 15;
}
[currency="MYR"],
[region="my"] {
  --x: 6;
  --y: 15;
}
[currency="MZN"],
[region="mz"] {
  --x: 7;
  --y: 15;
}
[currency="NAD"],
[region="na"] {
  --x: 8;
  --y: 15;
}
[region="nc"] {
  --x: 9;
  --y: 15;
}
[region="ne"] {
  --x: 0;
  --y: 16;
}
[region="nf"] {
  --x: 1;
  --y: 16;
}
[currency="NGN"],
[region="ng"] {
  --x: 2;
  --y: 16;
}
[currency="NIO"],
[region="ni"] {
  --x: 3;
  --y: 16;
}
[currency="ANG"],
[region="nl"] {
  --x: 4;
  --y: 16;
}
[currency="NOK"],
[region="no"] {
  --x: 5;
  --y: 16;
}
[currency="NPR"],
[region="np"] {
  --x: 6;
  --y: 16;
}
[region="nr"] {
  --x: 7;
  --y: 16;
}
[region="nu"] {
  --x: 8;
  --y: 16;
}
[currency="NZD"],
[region="nz"] {
  --x: 9;
  --y: 16;
}
[currency="OMR"],
[region="om"] {
  --x: 0;
  --y: 17;
}
[currency="PAB"],
[region="pa"] {
  --x: 1;
  --y: 17;
}
[currency="PEN"],
[region="pe"] {
  --x: 2;
  --y: 17;
}
[region="pf"] {
  --x: 3;
  --y: 17;
}
[currency="PGK"],
[region="pg"] {
  --x: 4;
  --y: 17;
}
[currency="PHP"],
[region="ph"] {
  --x: 5;
  --y: 17;
}
[currency="PKR"],
[region="pk"] {
  --x: 6;
  --y: 17;
}
[currency="PLN"],
[region="pl"] {
  --x: 7;
  --y: 17;
}
[region="pm"] {
  --x: 8;
  --y: 17;
}
[region="pn"] {
  --x: 9;
  --y: 17;
}
[region="pr"] {
  --x: 0;
  --y: 18;
}
[region="ps"] {
  --x: 1;
  --y: 18;
}
[region="pt"] {
  --x: 2;
  --y: 18;
}
[region="pw"] {
  --x: 3;
  --y: 18;
}
[currency="PYG"],
[region="py"] {
  --x: 4;
  --y: 18;
}
[currency="QAR"],
[region="qa"] {
  --x: 5;
  --y: 18;
}
[region="re"] {
  --x: 6;
  --y: 18;
}
[currency="RON"],
[region="ro"] {
  --x: 7;
  --y: 18;
}
[currency="RSD"],
[region="rs"] {
  --x: 8;
  --y: 18;
}
[currency="RUB"],
[region="ru"] {
  --x: 9;
  --y: 18;
}
[currency="RWF"],
[region="rw"] {
  --x: 0;
  --y: 19;
}
[currency="SAR"],
[region="sa"] {
  --x: 1;
  --y: 19;
}
[currency="SBD"],
[region="sb"] {
  --x: 2;
  --y: 19;
}
[currency="SCR"],
[region="sc"] {
  --x: 3;
  --y: 19;
}
[currency="SDG"],
[region="sd"] {
  --x: 4;
  --y: 19;
}
[currency="SEK"],
[region="se"] {
  --x: 5;
  --y: 19;
}
[currency="SGD"],
[region="sg"] {
  --x: 6;
  --y: 19;
}
[region="sh"] {
  --x: 7;
  --y: 19;
}
[currency="SIT"],
[region="si"] {
  --x: 8;
  --y: 19;
}
[region="sj"] {
  --x: 9;
  --y: 19;
}
[region="sk"] {
  --x: 0;
  --y: 20;
}
[currency="SLL"],
[region="sl"] {
  --x: 1;
  --y: 20;
}
[region="sm"] {
  --x: 2;
  --y: 20;
}
[region="sn"] {
  --x: 3;
  --y: 20;
}
[currency="SOS"],
[region="so"] {
  --x: 4;
  --y: 20;
}
[region="sr"] {
  --x: 5;
  --y: 20;
}
[region="ss"] {
  --x: 6;
  --y: 20;
}
[region="st"] {
  --x: 7;
  --y: 20;
}
[region="sv"] {
  --x: 8;
  --y: 20;
}
[region="sx"] {
  --x: 9;
  --y: 20;
}
[currency="SYP"],
[region="sy"] {
  --x: 0;
  --y: 21;
}
[currency="SZL"],
[region="sz"] {
  --x: 1;
  --y: 21;
}
[region="tc"] {
  --x: 2;
  --y: 21;
}
[region="td"] {
  --x: 3;
  --y: 21;
}
[region="tf"] {
  --x: 4;
  --y: 21;
}
[region="tg"] {
  --x: 5;
  --y: 21;
}
[currency="THB"],
[region="th"] {
  --x: 6;
  --y: 21;
}
[currency="TJS"],
[region="tj"] {
  --x: 7;
  --y: 21;
}
[region="tk"] {
  --x: 8;
  --y: 21;
}
[region="tl"] {
  --x: 9;
  --y: 21;
}
[currency="TMT"],
[region="tm"] {
  --x: 0;
  --y: 22;
}
[currency="TND"],
[region="tn"] {
  --x: 1;
  --y: 22;
}
[currency="TOP"],
[region="to"] {
  --x: 2;
  --y: 22;
}
[currency="TRY"],
[region="tr"] {
  --x: 3;
  --y: 22;
}
[region="tt"] {
  --x: 4;
  --y: 22;
}
[region="tv"] {
  --x: 5;
  --y: 22;
}
[currency="NTD"],
[region="tw"] {
  --x: 6;
  --y: 22;
}
[currency="TZS"],
[region="tz"] {
  --x: 7;
  --y: 22;
}
[currency="UAH"],
[region="ua"] {
  --x: 8;
  --y: 22;
}
[currency="UGX"],
[region="ug"] {
  --x: 9;
  --y: 22;
}
[region="um"] {
  --x: 0;
  --y: 23;
}
[currency="USD"],
[region="us"] {
  --x: 1;
  --y: 23;
}
[currency="UYU"],
[region="uy"] {
  --x: 2;
  --y: 23;
}
[currency="UZS"],
[region="uz"] {
  --x: 3;
  --y: 23;
}
[region="va"] {
  --x: 4;
  --y: 23;
}
[region="vc"] {
  --x: 5;
  --y: 23;
}
[currency="VEF"],
[region="ve"] {
  --x: 6;
  --y: 23;
}
[region="vg"] {
  --x: 7;
  --y: 23;
}
[region="vi"] {
  --x: 8;
  --y: 23;
}
[currency="VND"],
[region="vn"] {
  --x: 9;
  --y: 23;
}
[currency="VUV"],
[region="vu"] {
  --x: 0;
  --y: 24;
}
[region="wf"] {
  --x: 1;
  --y: 24;
}
[currency="WST"],
[region="ws"] {
  --x: 2;
  --y: 24;
}
[region="ye"] {
  --x: 3;
  --y: 24;
}
[region="yt"] {
  --x: 4;
  --y: 24;
}
[currency="ZAR"],
[region="za"] {
  --x: 5;
  --y: 24;
}
[currency="ZMW"],
[region="zm"] {
  --x: 6;
  --y: 24;
}
[currency="ZWL"],
[region="zw"] {
  --x: 7;
  --y: 24;
}
[region="global"] {
  --x: 8;
  --y: 24;
}
[currency="EUR"],
[region="eu"] {
  --x: 9;
  --y: 24;
}
[region="apac"] {
  --x: 0;
  --y: 25;
}
[region="sea"] {
  --x: 1;
  --y: 25;
}
[region="latam"] {
  --x: 2;
  --y: 25;
}
[region="mena"] {
  --x: 3;
  --y: 25;
}
[region="asia"] {
  --x: 4;
  --y: 25;
}
[region="europe"] {
  --x: 5;
  --y: 25;
}
[region="north-america"] {
  --x: 6;
  --y: 25;
}
[region="south-america"] {
  --x: 7;
  --y: 25;
}
[region="oceania"] {
  --x: 8;
  --y: 25;
}
[region="africa"] {
  --x: 9;
  --y: 25;
}
[region="aq"] {
  --x: 0;
  --y: 26;
}
[currency="XAF"],
[region="central-african"] {
  --x: 1;
  --y: 26;
}
[currency="XOF"],
[region="west-african"] {
  --x: 2;
  --y: 26;
}
div.load {
  display: block;
  padding: 1em;
  text-align: center;
  pointer-events: none;
}
div.load .loading {
  display: inline-flex;
  align-items: center;
  gap: 1em;
  vertical-align: top;
  position: relative;
  white-space: nowrap;
  color: var(--body-text-color-a50, rgba(0 0 0/50%));
}
div.load .loading::after,
div.load .loading::before {
  content: "";
  display: block;
  font-size: 2em;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background: var(--SiteTHM);
  opacity: 0;
  animation: loadingdot 1.5s 0s ease-out infinite;
}
div.load .loading::after {
  position: absolute;
  inset-inline-start: 0;
  inset-block: 50%;
  margin-block: -0.5em;
  z-index: 1;
  animation-delay: 750ms;
}
@keyframes loadingdot {
  0% {
    transform: scale(0.25);
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
#search_empty {
  text-align: center;
  margin: 0 auto;
  padding: 2em;
  width: 100%;
  max-width: 40em;
  box-sizing: border-box;
}
#search_empty img {
  vertical-align: top;
  width: 100%;
  max-width: 30em;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: contain;
}
#search_empty h3 {
  font-size: 1em;
  margin: 1em 0;
  font-weight: 800;
}
#tukitip_wrp {
  position: fixed;
  inset-inline: 0;
  inset-block-start: 0;
  z-index: 10000;
  height: 0;
  margin: 1em;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 1em;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-2em);
}
#tukitip_wrp.show {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: transform 0.3s, opacity 0.3s;
}
#tukitip {
  max-width: 40em;
  min-width: 15em;
  padding: 2em;
  text-align: center;
  background: var(--background-color-L1, #fff);
  border-radius: 1em;
  box-sizing: border-box;
  box-shadow: rgba(0 0 0/10%) 0 1em 2em;
}
#tukitip [icon] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5em;
  align-items: center;
}
#tukitip [icon]::before {
  content: attr(icon);
  display: block;
  font-size: 2.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  align-self: start;
}
#tukitip.alert {
  font-weight: 800;
  text-align: start;
  color: var(--text-color-alert);
  background-image: linear-gradient(
    var(--background-color-alert),
    var(--background-color-alert)
  );
}
#tukitip.success {
  font-weight: 800;
  text-align: start;
  color: var(--text-color-complete);
  background-image: linear-gradient(
    var(--background-color-complete),
    var(--background-color-complete)
  );
}
#tukitip .load {
  padding: 0;
}
body.tukibox_overlay {
  overflow: hidden;
}
#tukibox_overlay.show {
  visibility: visible;
  opacity: 1;
}
#tukibox_overlay.show > .inner {
  transform: none;
}
#tukibox_overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-color-mask-a75, rgba(255 255 255/75%));
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  --pd: 2em;
  --MxHeight: calc(var(--VHeight) - var(--pd) * 2);
}
#tukibox_overlay > .inner {
  padding: var(--pd);
  transform: scale(0.9);
  transition: transform cubic-bezier(0.5, 0, 0.5, 1.5) 0.3s,
    opacity cubic-bezier(0.5, 0, 0.5, 1.5) 0.3s;
}
.tukibox {
  position: relative;
}
.tukibox > .close {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 1;
  margin: calc(var(--pd) / 2);
  opacity: 0.7;
}
@media only screen and (max-width: 480px), (max-height: 480px) {
  #tukibox_overlay {
    --pd: 1em;
  }
}
.tukibox_loading {
  width: 30em;
  height: 8em;
  max-width: calc(var(--VWidth) - 2 * var(--pd));
  max-height: calc(var(--VHeight) - 2 * var(--pd));
  box-sizing: border-box;
  overflow: hidden;
  background: var(--background-color-L1, #fff);
  box-shadow: rgb(0 0 0/10%) 0 1em 2em;
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 800;
  text-transform: uppercase;
}
.tukibox_content {
  width: 40em;
  max-width: calc(var(--VWidth) - 2 * var(--pd));
  max-height: calc(var(--VHeight) - 2 * var(--pd));
  box-sizing: border-box;
  overflow: hidden;
  background: var(--background-color-L1, #fff);
  box-shadow: rgb(0 0 0/10%) 0 1em 2em;
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) / 2);
  padding-block: var(--spacing);
  --spacing: clamp(1.75em, 4vw, 3em);
}
.tukibox_content > .header {
  margin-inline: var(--spacing);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing);
}
.tukibox_content > .content {
  padding: calc(var(--spacing) / 2) var(--spacing);
  flex: auto;
  overflow: hidden;
  overflow-y: auto;
}
.tukibox_content > .footer {
  margin-inline: var(--spacing);
}
.tukibox_content h3 {
  font-size: 1.333334em;
  font-weight: 800;
}
.tukibox_content .btc {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1.5em;
}
.livechat_container {
  position: fixed;
  inset-inline-end: 0;
  inset-block-end: 0;
  z-index: 8;
  margin-inline: 2em;
}
.livechat_container .livechat_btw {
  border-radius: 1em 1em 0 0;
  background: var(--SiteTHM);
  color: var(--body-background-color, #fff);
  box-shadow: var(--CPT-THM-A10) 0 0 0 1px, var(--CPT-THM-A10) 0 0 0 0.5em;
  font-weight: 800;
  cursor: pointer;
  padding: 0.75em 1.5em;
}
.livechat_container .livechat_btw > span {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1em;
  align-items: center;
}
.livechat_container .livechat_btw > span::before {
  content: attr(icon);
  display: block;
  font-size: 2em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
}
.livechat_container .livechat_btw.btwloading > span::before {
  content: "";
  border-radius: 100%;
  background: currentColor;
  opacity: 0;
  animation: btwloadingdot 0.75s 0s ease-out infinite;
}
@media only screen and (max-width: 1000px) {
  .livechat_container {
    margin-inline: 0;
  }
  .livechat_container .livechat_btw {
    border-radius: 1em 0 0 0;
    padding: 0.75em 1em;
  }
  .livechat_container .livechat_btw > span {
    display: block;
    width: 2em;
    height: 2em;
    overflow: hidden;
  }
}