:where(:root, :host) {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  background: var(--s2-container-bg);
  --s2-scale: 1;
  --s2-font-size-base: 14;
}

@media (prefers-color-scheme: dark) {
  :where(:root, :host) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

@media not ((hover: hover) and (pointer: fine)) {
  :where(:root, :host) {
    --s2-scale: 1.25;
    --s2-font-size-base: 17;
  }
}

:where(:root, :host)[data-color-scheme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

:where(:root, :host)[data-color-scheme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

:where(:root, :host)[data-background="layer-1"] {
  --s2-container-bg: var(--lightningcss-light, #f8f8f8) var(--lightningcss-dark, #1b1b1b);
}

:where(:root, :host)[data-background="layer-2"] {
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
}

@layer _.a {
  .sd1 {
    display: flex;
  }

  .qf1 {
    column-gap: .714286em;
  }

  .ea1 {
    align-items: baseline;
  }

  .ZJ1 {
    width: fit-content;
  }

  .uk1 {
    font-family: adobe-clean-spectrum-vf, adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .-_6BNtrc-a1 {
    --fs: pow(1.125, -2);
  }

  .-_6BNtrc-b1 {
    --fs: pow(1.125, -1);
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .xb1 {
    font-weight: 400;
  }

  ._xa1 {
    font-synthesis-weight: none;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .pt1 {
    color: #292929 #dbdbdb;
    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .po1 {
    color: #131313 #f2f2f2;
    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .pp1 {
    color: #c6c6c6 #444;
    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .Yc1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke;
  }

  .zhJUGr1 {
    grid-column-start: field;
  }

  .__ca1 {
    -webkit-tap-highlight-color: #0000;
  }

  ._Le1 {
    outline-style: none;
  }

  ._Lf1 {
    outline-style: solid;
  }

  .Oh1 {
    outline-color: #4b75ff #4069fd;
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Mc1 {
    outline-width: 2px;
  }

  ._Kd1 {
    outline-offset: 2px;
  }

  .-ERv7Xb-ZmDIzbc1 {
    --trackWidth: 1.85714em;
  }

  .-LsrJQc-Ft1 {
    --trackHeight: calc(1rem * var(--s2-scale));
  }

  .-LsrJQc-Fl1 {
    --trackHeight: calc(.875rem * var(--s2-scale));
  }

  .-LsrJQc-Fm1 {
    --trackHeight: calc(1.125rem * var(--s2-scale));
  }

  .-LsrJQc-Fn1 {
    --trackHeight: calc(1.25rem * var(--s2-scale));
  }

  .ZAkyXj1 {
    width: var(--trackWidth);
  }

  .Fpk5ROc1 {
    height: var(--trackHeight);
  }

  ._oa1 {
    box-sizing: border-box;
  }

  ._kc1 {
    border-top-width: 2px;
  }

  .hc1 {
    border-bottom-width: 2px;
  }

  .mc1 {
    border-inline-start-width: 2px;
  }

  .lc1 {
    border-inline-end-width: 2px;
  }

  ._jf1 {
    border-style: solid;
  }

  ._yb1 {
    forced-color-adjust: none;
  }

  .iv1 {
    border-color: #292929 #dbdbdb;
    border-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .in1 {
    border-color: #131313 #f2f2f2;
    border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .io1 {
    border-color: #c6c6c6 #444;
    border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .iA1 {
    border-color: #0000;
  }

  .g31 {
    background-color: #3b63fb #5681ff;
    background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
  }

  .gY1 {
    background-color: #274dea #6995fe;
    background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe);
  }

  .Fb1 {
    height: 100%;
  }

  .fa1 {
    aspect-ratio: 1;
  }

  .og1 {
    border-start-start-radius: 9999px;
  }

  .ng1 {
    border-start-end-radius: 9999px;
  }

  .kg1 {
    border-end-start-radius: 9999px;
  }

  .jg1 {
    border-end-end-radius: 9999px;
  }

  .g01 {
    background-color: #292929 #dbdbdb;
    background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .gu1 {
    background-color: #131313 #f2f2f2;
    background-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .gw1 {
    background-color: #c6c6c6 #444;
    background-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .gX1 {
    background-color: #fff #111;
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .Yd1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
  }

  .Xb1 {
    transition-duration: .15s;
  }

  ._2b1 {
    transition-timing-function: cubic-bezier(.45, 0, .4, 1);
  }
}

@layer _.b {
  .ucJ9TBTb1:lang(ar) {
    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }
}

@layer _.c {
  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .uea1:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd1:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje1:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.b.l {
  @media (forced-colors: active) {
    .plb1 {
      color: buttontext;
    }

    .plc1 {
      color: graytext;
    }

    .Olc1 {
      outline-color: highlight;
    }

    .ila1 {
      border-color: buttonborder;
    }

    .ilc1 {
      border-color: graytext;
    }

    .gle1 {
      background-color: highlight;
    }

    .gld1 {
      background-color: graytext;
    }
  }
}

@layer _.a {
  .sd1 {
    display: flex;
  }

  .eb1 {
    align-items: center;
  }

  .FRGfhd:before {
    content: " ";
    visibility: hidden;
    width: 0;
  }
}

@layer _.a {
  .se1 {
    display: grid;
  }

  .DS1aTJb1 {
    grid-template-columns: [field] 1fr;
  }

  .Dfzkwne1 {
    grid-template-columns: [label] auto[field] 1fr;
  }

  .Ul1 {
    row-gap: 1rem;
  }

  .Ui1 {
    row-gap: 1.25rem;
  }

  .Uj1 {
    row-gap: 1.5rem;
  }

  .Up1 {
    row-gap: 2rem;
  }

  .Un1 {
    row-gap: 2.5rem;
  }

  .qf1 {
    column-gap: .714286em;
  }
}

@layer _;

@layer L {
  .bNU3Fb {
    background-image: linear-gradient(to right, #e9e9e9 #2c2c2c 33%, #fff #393939, #e9e9e9 #2c2c2c 66%);
    background-image: linear-gradient(to right, var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c) 33%, var(--lightningcss-light, #fff) var(--lightningcss-dark, #393939), var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c) 66%);
    background-size: 300%;
  }

  .bNU3Fb * {
    visibility: hidden;
  }
}

@layer _.a {
  .pw1 {
    color: #0000;
  }

  ._ma1 {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .oa1 {
    border-start-start-radius: .25rem;
  }

  .na1 {
    border-start-end-radius: .25rem;
  }

  .ka1 {
    border-end-start-radius: .25rem;
  }

  .ja1 {
    border-end-end-radius: .25rem;
  }
}

/* Fira Sans Font Family */
@font-face {
  font-family: "Fira Sans";
  src: url(/static/media/FiraSans-Regular.e6634e9a8c43a57ad1b9.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url(/static/media/FiraSans-Italic.0a37de31e484091f1bcb.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url(/static/media/FiraSans-Light.d4c2bbf8521d79c238ba.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url(/static/media/FiraSans-Medium.eb6ac34a73fb0f322e1a.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url(/static/media/FiraSans-SemiBold.d36e1529cf67ed50c99f.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url(/static/media/FiraSans-ExtraBold.a6bca86aeb421a338930.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  --color-first: lch(50% 80 280);
  --color-second: lch(65% 80 280);
  --color-third: lch(15% 10 280);
  /* --color-light: lch(55% 95 350); */
  --color-light: lch(65% 85 60);
  --color-main: lch(85% 80 280);

  --color-bg: lch(98% 0.0 280);
  --color-bg-elevation-0: lch(100% 0.0 280);
  --color-bg-elevation-1: lch(90% 3.0 95);
  --color-bg-elevation-2: lch(80% 3.0 95);
  --color-bg-elevation-3: lch(15% 0.0 0);
  /* --color-bg-elevation-4: lch(95% 0.0 0); */

  --color-text: lch(15% 1.5 95);
  --color-text-hover: lch(45% 0.0 280);

  --header: lch(100% 0.0 280);

  --color-check: #00a400ff;
}

:root[data-color-scheme="dark"] {
  --color-third: lch(20% 80 280);

  --color-bg: lch(5.5% 0 280);
  --color-bg-elevation-0: lch(0% 0.0 280);
  --color-bg-elevation-1: lch(14% 0.5 95);
  --color-bg-elevation-2: lch(35% 3.0 95);
  --color-bg-elevation-3: lch(85% 0.0 0);
  /* --color-bg-elevation-4: lch(46.63% 94 39.78); */

  --color-text: lch(85% 1.5 95);
  --color-text-hover: lch(65% 0.0 280);

  --header: 'transparent';
  /* lch(20% 0.0 280); */

  --color-check: rgb(3, 204, 3);
}

html {
  background-color: lch(98% 0.0 280);
  background-color: var(--color-bg);
  color: lch(15% 1.5 95);
  color: var(--color-text);
}

body {
  margin: 0;
  background-color: lch(98% 0.0 280);
  background-color: var(--color-bg);
}

#root {
  height: 100vh;
}


* {
  font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-feature-settings: "liga", "clig";
  font-variant-ligatures: common-ligatures;
}

/* p {
  font-weight: 400;
} */
h1 {
  font-weight: 800;
  line-height: 0.9;
}

h2,
h3 {
  font-weight: 600;
}

h4,
h5,
h6 {
  font-weight: 400;
}




button {
  cursor: pointer;
  background-color: lch(80% 3.0 95);
  background-color: var(--color-bg-elevation-2);
  color: lch(15% 1.5 95);
  color: var(--color-text);
  border: 1px solid lch(15% 1.5 95);
  border: 1px solid var(--color-text);
  border-radius: 5px;
  padding: 0.5rem 1rem;
  /* letter-spacing: 0.5px; */
}

hr {
  border: none;
  border-top: 1px solid lch(15% 1.5 95);
  border-top: 1px solid var(--color-text);
  margin: -0.85em 0 1em 0;
  min-width: 150px;
}


.mainbody {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
  width: 85vw;
  height: 100vh;
  padding-top: 120px;
}

.bauch {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem 6rem;
  align-items: center;
  padding: 1rem 7.5vw 0.5rem 7.5vw;
  flex-wrap: wrap;
  background-color: lch(100% 0.0 280);
  background-color: var(--header);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

:root[data-color-scheme="dark"] .header {
  box-shadow: none;
  border-bottom: 1px solid lch(90% 3.0 95);
  border-bottom: 1px solid var(--color-bg-elevation-1);
  background-color: lch(98% 0.0 280);
  background-color: var(--color-bg);
}

.footer {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: lch(15% 10 280);
  background-color: var(--color-third);
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2em;
  padding: 2rem 7.5vw;
  flex-wrap: wrap;
  font-size: 0.75rem;
  color: lch(15% 1.5 95);
  color: var(--color-text);
  box-sizing: border-box;
  margin-top: 4em;
}

.root[data-color-scheme="dark"] .footer {
  color: #ffffff;
}

.footer {
  color: lch(90% 3.0 95);
  color: var(--color-bg-elevation-1);
}

.footer a {
  text-decoration: none;
  color: lch(90% 3.0 95);
  color: var(--color-bg-elevation-1);
  display: inline-block;
  transition: all 0.3s ease;
}

.footer a:hover {
  color: lch(65% 80 280);
  color: var(--color-second);
  transform: scale(1.05);
}

:root[data-color-scheme="dark"] .footer,
:root[data-color-scheme="dark"] .footer a,
:root[data-color-scheme="dark"] .footer a:hover {
  color: lch(88% 1.5 20);
}

.logo {
  width: 150px;
  height: 52px;
  transition: all 0.3s ease;
  --colorBack: var(--color-text);
  --colorTop: var(--color-bg-elevation-1);
}

.logo:hover {
  /* --colorBack: var(--color-first); */
  transform: scale(1.05);
}

.logo:active {
  --colorBack: var(--color-second);
  transform: scale(0.95);
}

.nav-link {
  text-decoration: none;
  color: lch(15% 1.5 95);
  color: var(--color-text);
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: lch(15% 1.5 95);
  color: var(--color-text);
  background-color: lch(90% 3.0 95);
  background-color: var(--color-bg-elevation-1);
}

.nav-link:active {
  color: lch(65% 80 280);
  color: var(--color-second);
  transform: scale(0.95);
}

.nav-link.active {
  color: lch(50% 80 280);
  color: var(--color-first);
}

.nav-link h2 {
  margin: 0;
  padding: 0;
}

.nav-text {
  display: inline;
}

.nav-link-div {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}




.btn-Outline {
  /* font-size: 1em; */
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  background-color: lch(15% 0.0 0);
  background-color: var(--color-bg-elevation-3);
  color: lch(98% 0.0 280);
  color: var(--color-bg);
  border: 2px solid lch(98% 0.0 280);
  border: 2px solid var(--color-bg);
  transition: all 0.3s ease;
}

.btn-Outline:hover {
  background-color: lch(50% 80 280);
  background-color: var(--color-first);
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
  color: lch(90% 3.0 95);
  color: var(--color-bg-elevation-1);
}

.btn-Outline:active {
  background-color: lch(65% 80 280);
  background-color: var(--color-second);
  border-color: lch(98% 0.0 280);
  border-color: var(--color-bg);
  /* color: var(--color-text); */
  transform: scale(0.95);
}

.btn-Outline-first {
  /* font-size: 1em; */
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  background-color: lch(50% 80 280);
  background-color: var(--color-first);
  color: lch(98% 0.0 280);
  color: var(--color-bg);
  border: 2px solid lch(98% 0.0 280);
  border: 2px solid var(--color-bg);
  transition: all 0.3s ease;
  box-shadow: 0 0 10px lch(98% 0.0 280);
  box-shadow: 0 0 10px var(--color-bg);
}

.btn-Outline-first:hover {
  background-color: lch(65% 80 280);
  background-color: var(--color-second);
  border-color: lch(98% 0.0 280);
  border-color: var(--color-bg);
  color: lch(90% 3.0 95);
  color: var(--color-bg-elevation-1);
}

.btn-Outline-first:active {
  background-color: lch(98% 0.0 280);
  background-color: var(--color-bg);
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
  color: lch(50% 80 280);
  color: var(--color-first);
  transform: scale(0.95);
}

.btn-icon {
  background-color: lch(80% 3.0 95);
  background-color: var(--color-bg-elevation-2);
  border: none;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: lch(15% 1.5 95);
  color: var(--color-text);
}

.btn-L {
  /* font-size: 1em; */
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 20px;
  background-color: lch(80% 3.0 95);
  background-color: var(--color-bg-elevation-2);
  color: lch(15% 1.5 95);
  color: var(--color-text);
  border: none;
  transition: all 0.3s ease;
}

.btn-L:hover,
.btn-icon:hover {
  background-color: lch(50% 80 280);
  background-color: var(--color-first);
  color: lch(90% 3.0 95);
  color: var(--color-bg-elevation-1);
}

.btn-L:active,
.btn-icon:active {
  background-color: lch(65% 80 280);
  background-color: var(--color-second);
  transform: scale(0.95);
}

.btn-XL {
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.5rem 0.9rem;
  border-radius: 100px;
  /* background-color: var(--color-bg-elevation-2); */
  background-color: transparent;
  color: lch(15% 1.5 95);
  color: var(--color-text);
  border: 2px solid lch(15% 1.5 95);
  border: 2px solid var(--color-text);
  display: flex;
  gap: 0.25em;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.btn-XL:hover {
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
  color: lch(50% 80 280);
  color: var(--color-first);
}

.btn-XL:active {
  background-color: lch(65% 80 280);
  background-color: var(--color-second);
  transform: scale(0.95);
  color: lch(90% 3.0 95);
  color: var(--color-bg-elevation-1);
}

.btn-L:disabled,
.btn-L:disabled:hover {
  background-color: transparent;
  color: lch(80% 3.0 95);
  color: var(--color-bg-elevation-2);
  border: 1px solid lch(80% 3.0 95);
  border: 1px solid var(--color-bg-elevation-2);
  cursor: not-allowed;
}

.settings-grid {
  /* max-height: 60vh; */
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;

  gap: 2rem;
  overflow-y: auto;
}


.viewer-comp {
  width: 100%;
  max-height: 80vh;
  aspect-ratio: 16/9;
  border-radius: 20px;
  overflow: hidden;

  color: lch(15% 1.5 95);

  color: var(--color-text);
  background-color: lch(90% 3.0 95);
  background-color: var(--color-bg-elevation-1);

  /* color: var(--color-bg-elevation-1);
  background-color: var(--color-bg-elevation-3); */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

@media (max-height: 800px) {
  .settings-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    max-height: none;
    gap: 2rem;
  }
}

.dbCardImg {
  display: flex;
  flex-direction: column;
  width: 300px;
  gap: 0.5rem;
  /* border: 1px solid var(--color-bg-elevation-2); */
  border-radius: 20px;
  background-color: lch(90% 3.0 95);
  background-color: var(--color-bg-elevation-1);
}

.dbCard {
  background-color: lch(100% 0.0 280);
  background-color: var(--color-bg-elevation-0);
  border: 1px solid lch(80% 3.0 95);
  border: 1px solid var(--color-bg-elevation-2);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.dbCard h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  word-break: break-word;
  flex: 1 1;
}
.dbCard p, .dbCard span {
  margin: 0;
  padding: 0;
  font-size: 0.85rem;
  color: var(--color-text-secondary);
}
.dbCard div {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.dbCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
}
.dbCard:active {
  transform: translateY(0);
  box-shadow: none;
  border-color: lch(80% 3.0 95);
  border-color: var(--color-bg-elevation-2);
}








input[type="text"] {
  -webkit-appearance: none;
  width: 100%;
  height: 2.5em;
  border-radius: 10px;
  border: 1px solid lch(15% 0.0 0);
  border: 1px solid var(--color-bg-elevation-3);
  background: #ffffff;
  padding: 0.25em 1em;
  opacity: 0.9;
  transition: opacity .2s;
  font-size: 1em;
}

input[type="text"]:focus {
  outline: none;
  opacity: 1;
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
}

label {
  font-size: 0.9em;
  font-weight: 500;
  margin-left: 1.25em;
  white-space: nowrap;
}

textarea {
  -webkit-appearance: none;
  width: 100%;
  border-radius: 10px;
  border: 1px solid lch(15% 0.0 0);
  border: 1px solid var(--color-bg-elevation-3);
  background: #ffffff;
  padding: 1em;
  opacity: 0.9;
  transition: opacity .2s;
  font-size: 1em;
  resize: vertical;
}

textarea:focus {
  outline: none;
  opacity: 1;
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
}

.textinfo {
  margin: 0;
  border: 1px solid lch(15% 0.0 0);
  border: 1px solid var(--color-bg-elevation-3);
  padding: 0.75em 1em;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: fit-content;
}

.textinfo:hover {
  border-color: lch(50% 80 280);
  border-color: var(--color-first);
}

/* Custom tooltip styles */
/* .nav-link[title]:hover::after,
.btn-XL[title]:hover::after {
  content: attr(title);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-bg-elevation-3);
  color: var(--color-bg);
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  font-size: 0.875rem;
  white-space: nowrap;
  z-index: 1001;
  pointer-events: none;
}

.nav-link,
.btn-XL {
  position: relative;
}

/* Tools submenu styles */
.nav-tools-container {
  position: relative;
}

.tools-submenu {
  position: absolute;
  top: 120%;
  left: 0;
  background-color: lch(100% 0.0 280);
  background-color: var(--color-bg-elevation-0);
  border: 1px solid lch(80% 3.0 95);
  border: 1px solid var(--color-bg-elevation-2);
  border-radius: 10px;
  padding: 0.5rem 0;
  min-width: 150px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1002;
  opacity: 0.5;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.nav-tools-container:hover .tools-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.tools-submenu a {
  display: block;
  padding: 0.5rem 1rem;
  color: lch(15% 1.5 95);
  color: var(--color-text);
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.tools-submenu a:hover {
  background-color: lch(90% 3.0 95);
  background-color: var(--color-bg-elevation-1);
  color: lch(50% 80 280);
  color: var(--color-first);
}

.tools-submenu p {
  margin: 0;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  color: lch(65% 85 60);
  color: var(--color-light);
}

/* -- Carousel title styles -- */

.carousel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: lch(98% 0.0 280);
  color: var(--color-bg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
}

.carousel .title-main {
  font-size: 6rem;
  line-height: 0.9;
  margin: 1rem;
}

.carousel .title-sub {
  font-size: 2rem;
  margin: 1rem;
}

.carousel .btn-Outline {
  margin-top: 2rem;
}

@media (max-width: 1200px) {
  .carousel .title-main {
    font-size: 4.5rem;
  }

  .carousel .title-sub {
    font-size: 1.5rem;
  }

  .carousel .btn-Outline {
    margin-top: 1rem;
  }
}

@media (max-width: 576px) {
  .carousel .title-main {
    font-size: 3.0rem;
  }

  .carousel .title-sub {
    font-size: 1.0rem;
  }

  .carousel .btn-Outline {
    margin-top: 0.5rem;
  }
}





/* 
Bootstrap Framework Breakpoints:
576px - Small (sm)
768px - Medium (md)
992px - Large (lg)
1200px - Extra Large (xl)
1400px - Extra Extra Large (xxl)
*/

@media (max-width: 1200px) {

  .mainbody {
    width: 100vw;
    padding-top: 0;
  }

  .bauch {
    width: 90vw;
    margin: 0 auto;
  }

  .header {
    flex: none;
    position: relative;
    margin: 0 auto;
    gap: 1rem 0.5rem;
  }

  .footer {
    /* width: 90vw; */
    justify-content: center;
    text-align: center;
  }

  .nav-link-div {
    width: 80%;
    gap: 0.1rem;
  }
}

/* Small screens - hide text, show icons only */
@media (max-width: 992px) {
  .header {
    padding: 1rem 2rem 0.5rem 2rem;
    gap: 1rem 2rem;
    justify-content: center;
  }

  .logo {
    width: 120px;
    height: 42px;
  }

  .nav-text {
    display: none;
  }

  .footer {
    flex-direction: column;
    gap: 0.5rem;
  }

  .nav-link-div {
    gap: 0.1rem;
    justify-content: center;
  }
}
.custom-badge {
    position: relative;
    display: inline-flex;
    padding: 3px 8px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}

.custom-badge span {
    font-size: 12px;
    font-weight: bold;    
}
@layer _.a {
  ._Pc1 {
    position: relative;
  }

  .qf1 {
    column-gap: .714286em;
  }

  .ea1 {
    align-items: baseline;
  }

  .ZJ1 {
    width: fit-content;
  }

  .uk1 {
    font-family: adobe-clean-spectrum-vf, adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .-_6BNtrc-a1 {
    --fs: pow(1.125, -2);
  }

  .-_6BNtrc-b1 {
    --fs: pow(1.125, -1);
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .xb1 {
    font-weight: 400;
  }

  ._xa1 {
    font-synthesis-weight: none;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .pt1 {
    color: #292929 #dbdbdb;
    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .po1 {
    color: #131313 #f2f2f2;
    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .pp1 {
    color: #c6c6c6 #444;
    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .Yc1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke;
  }

  .zhJUGr1 {
    grid-column-start: field;
  }

  .__ca1 {
    -webkit-tap-highlight-color: #0000;
  }

  ._Le1 {
    outline-style: none;
  }

  ._Lf1 {
    outline-style: solid;
  }

  .Oh1 {
    outline-color: #4b75ff #4069fd;
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Mc1 {
    outline-width: 2px;
  }

  ._Kd1 {
    outline-offset: 2px;
  }

  .-SFnbic-_Jb1 {
    --size: 1;
  }

  .-SFnbic-_JICefdd1 {
    --size: .790123;
  }

  .-SFnbic-_JJOW22b1 {
    --size: .888889;
  }

  .-SFnbic-_J0K2hn1 {
    --size: 1.125;
  }

  .-SFnbic-_JaP8ec1 {
    --size: 1.26563;
  }

  .-Bu7z1c-oa1 {
    --radius: .25rem;
  }

  .oj1 {
    border-start-start-radius: round(var(--radius) * var(--size), 1px);
  }

  .nj1 {
    border-start-end-radius: round(var(--radius) * var(--size), 1px);
  }

  .kj1 {
    border-end-start-radius: round(var(--radius) * var(--size), 1px);
  }

  .jj1 {
    border-end-end-radius: round(var(--radius) * var(--size), 1px);
  }

  .Zu1 {
    width: calc(1rem * var(--s2-scale));
  }

  .Zk1 {
    width: calc(.875rem * var(--s2-scale));
  }

  .Zl1 {
    width: calc(1.125rem * var(--s2-scale));
  }

  .Zm1 {
    width: calc(1.25rem * var(--s2-scale));
  }

  .Ft1 {
    height: calc(1rem * var(--s2-scale));
  }

  .Fl1 {
    height: calc(.875rem * var(--s2-scale));
  }

  .Fm1 {
    height: calc(1.125rem * var(--s2-scale));
  }

  .Fn1 {
    height: calc(1.25rem * var(--s2-scale));
  }

  ._va1 {
    flex-shrink: 0;
  }

  .sd1 {
    display: flex;
  }

  .eb1 {
    align-items: center;
  }

  ._Ca1 {
    justify-content: center;
  }

  ._k7m7Gv1 {
    border-top-width: .125rem;
  }

  .h7m7Gv1 {
    border-bottom-width: .125rem;
  }

  .m7m7Gv1 {
    border-inline-start-width: .125rem;
  }

  .l7m7Gv1 {
    border-inline-end-width: .125rem;
  }

  ._oa1 {
    box-sizing: border-box;
  }

  ._jf1 {
    border-style: solid;
  }

  .Yd1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
  }

  .Xb1 {
    transition-duration: .15s;
  }

  ._2b1 {
    transition-timing-function: cubic-bezier(.45, 0, .4, 1);
  }

  ._yb1 {
    forced-color-adjust: none;
  }

  .gX1 {
    background-color: #fff #111;
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .g01 {
    background-color: #292929 #dbdbdb;
    background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .gu1 {
    background-color: #131313 #f2f2f2;
    background-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .g31 {
    background-color: #3b63fb #5681ff;
    background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
  }

  .gY1 {
    background-color: #274dea #6995fe;
    background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe);
  }

  .g_d1 {
    background-color: #d73220 #fc432e;
    background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
  }

  .gt1 {
    background-color: #b72818 #ff6756;
    background-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756);
  }

  .gw1 {
    background-color: #c6c6c6 #444;
    background-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .iv1 {
    border-color: #292929 #dbdbdb;
    border-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .in1 {
    border-color: #131313 #f2f2f2;
    border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .ip1 {
    border-color: #d73220 #fc432e;
    border-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
  }

  .im1 {
    border-color: #b72818 #ff6756;
    border-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756);
  }

  .io1 {
    border-color: #c6c6c6 #444;
    border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .iA1 {
    border-color: #0000;
  }

  .-_8sjo0b-txpP0Sb1 {
    --iconPrimary: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }
}

@layer _.b {
  .ucJ9TBTb1:lang(ar) {
    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }
}

@layer _.c {
  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .uea1:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd1:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje1:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.b.l {
  @media (forced-colors: active) {
    .plc1 {
      color: graytext;
    }

    .Olc1 {
      outline-color: highlight;
    }

    .gla1 {
      background-color: background;
    }

    .gle1 {
      background-color: highlight;
    }

    .gl_b1 {
      background-color: mark;
    }

    .gld1 {
      background-color: graytext;
    }

    .ila1 {
      border-color: buttonborder;
    }

    .ile1 {
      border-color: mark;
    }

    .ilc1 {
      border-color: graytext;
    }

    .-_8sjo0b-lt8pvGJ1 {
      --iconPrimary: HighlightText;
    }
  }
}

@layer _.a {
  .Zj1 {
    width: calc(.75rem * var(--s2-scale));
  }

  .Zk1 {
    width: calc(.875rem * var(--s2-scale));
  }

  .Zu1 {
    width: calc(1rem * var(--s2-scale));
  }

  .Zi1 {
    width: calc(.625rem * var(--s2-scale));
    width: calc(.625rem * var(--s2-scale));
  }

  .Fk1 {
    height: calc(.75rem * var(--s2-scale));
  }

  .Fl1 {
    height: calc(.875rem * var(--s2-scale));
  }

  .Ft1 {
    height: calc(1rem * var(--s2-scale));
  }

  .Fj1 {
    height: calc(.625rem * var(--s2-scale));
    height: calc(.625rem * var(--s2-scale));
  }
}

@layer _.a {
  .Zi1 {
    width: calc(.625rem * var(--s2-scale));
  }

  .Zj1 {
    width: calc(.75rem * var(--s2-scale));
    width: calc(.75rem * var(--s2-scale));
  }

  .Zh1 {
    width: calc(.5rem * var(--s2-scale));
    width: calc(.5rem * var(--s2-scale));
  }

  .Fj1 {
    height: calc(.625rem * var(--s2-scale));
  }

  .Fk1 {
    height: calc(.75rem * var(--s2-scale));
    height: calc(.75rem * var(--s2-scale));
  }

  .Fi1 {
    height: calc(.5rem * var(--s2-scale));
    height: calc(.5rem * var(--s2-scale));
  }
}

@layer _.a {
  ._Pc1 {
    position: relative;
  }

  .qf1 {
    column-gap: .714286em;
  }

  .ea1 {
    align-items: baseline;
  }

  .uk1 {
    font-family: adobe-clean-spectrum-vf, adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .-_6BNtrc-a1 {
    --fs: pow(1.125, -2);
  }

  .-_6BNtrc-b1 {
    --fs: pow(1.125, -1);
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .xb1 {
    font-weight: 400;
  }

  ._xa1 {
    font-synthesis-weight: none;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .pt1 {
    color: #292929 #dbdbdb;
    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .po1 {
    color: #131313 #f2f2f2;
    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .pp1 {
    color: #c6c6c6 #444;
    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .Yc1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke;
  }

  .zhJUGr1 {
    grid-column-start: field;
  }

  .__ca1 {
    -webkit-tap-highlight-color: #0000;
  }

  ._Le1 {
    outline-style: none;
  }

  ._Lf1 {
    outline-style: solid;
  }

  .Oh1 {
    outline-color: #4b75ff #4069fd;
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Mc1 {
    outline-width: 2px;
  }

  ._Kd1 {
    outline-offset: 2px;
  }

  .Zu1 {
    width: calc(1rem * var(--s2-scale));
  }

  .Zk1 {
    width: calc(.875rem * var(--s2-scale));
  }

  .Zl1 {
    width: calc(1.125rem * var(--s2-scale));
  }

  .Zm1 {
    width: calc(1.25rem * var(--s2-scale));
  }

  .FRuFGYc1 {
    height: var(--F);
  }

  ._va1 {
    flex-shrink: 0;
  }

  .sd1 {
    display: flex;
  }

  .eb1 {
    align-items: center;
  }

  ._Ca1 {
    justify-content: center;
  }

  .Yd1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
  }

  .Xb1 {
    transition-duration: .15s;
  }

  ._2b1 {
    transition-timing-function: cubic-bezier(.45, 0, .4, 1);
  }

  .og1 {
    border-start-start-radius: 9999px;
  }

  .ng1 {
    border-start-end-radius: 9999px;
  }

  .kg1 {
    border-end-start-radius: 9999px;
  }

  .jg1 {
    border-end-end-radius: 9999px;
  }

  ._jf1 {
    border-style: solid;
  }

  ._oa1 {
    box-sizing: border-box;
  }

  ._k7m7Gv1 {
    border-top-width: .125rem;
  }

  ._kUXU7p1 {
    border-top-width: calc((var(--F)  - (4 / 16) * 1rem) / 2);
  }

  .h7m7Gv1 {
    border-bottom-width: .125rem;
  }

  .hUXU7p1 {
    border-bottom-width: calc((var(--F)  - (4 / 16) * 1rem) / 2);
  }

  .m7m7Gv1 {
    border-inline-start-width: .125rem;
  }

  .mUXU7p1 {
    border-inline-start-width: calc((var(--F)  - (4 / 16) * 1rem) / 2);
  }

  .l7m7Gv1 {
    border-inline-end-width: .125rem;
  }

  .lUXU7p1 {
    border-inline-end-width: calc((var(--F)  - (4 / 16) * 1rem) / 2);
  }

  ._yb1 {
    forced-color-adjust: none;
  }

  .gX1 {
    background-color: #fff #111;
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .iv1 {
    border-color: #292929 #dbdbdb;
    border-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .in1 {
    border-color: #131313 #f2f2f2;
    border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .iw1 {
    border-color: #3b63fb #5681ff;
    border-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
  }

  .iu1 {
    border-color: #274dea #6995fe;
    border-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #6995fe);
  }

  .ip1 {
    border-color: #d73220 #fc432e;
    border-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
  }

  .im1 {
    border-color: #b72818 #ff6756;
    border-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756);
  }

  .io1 {
    border-color: #c6c6c6 #444;
    border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .-F_-Ft1 {
    --F: calc(1rem * var(--s2-scale));
  }

  .-F_-Fl1 {
    --F: calc(.875rem * var(--s2-scale));
  }

  .-F_-Fm1 {
    --F: calc(1.125rem * var(--s2-scale));
  }

  .-F_-Fn1 {
    --F: calc(1.25rem * var(--s2-scale));
  }
}

@layer _.b {
  .ucJ9TBTb1:lang(ar) {
    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }
}

@layer _.c {
  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .uea1:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd1:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje1:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.b.l {
  @media (forced-colors: active) {
    .plc1 {
      color: graytext;
    }

    .Olc1 {
      outline-color: highlight;
    }

    .ila1 {
      border-color: buttonborder;
    }

    .ild1 {
      border-color: highlight;
    }

    .ile1 {
      border-color: mark;
    }

    .ilc1 {
      border-color: graytext;
    }
  }
}

@layer _.a {
  .se1 {
    display: grid;
  }

  .z2mU1 {
    grid-column-start: 1;
  }

  .yvoofG1 {
    grid-column-end: span 2;
  }

  .DM8Mfn1 {
    grid-template-columns: 1fr;
  }

  .DPlN5qb1 {
    grid-template-columns: auto 1fr;
  }

  .DLwlgod1 {
    grid-template-columns: subgrid;
  }

  .E4w1sLc1 {
    grid-template-rows: auto 1fr auto;
  }

  .EPlN5qb1 {
    grid-template-rows: auto 1fr;
  }

  .Cxaocre1 {
    grid-template-areas: "label"
                         "input"
                         "helptext";
  }

  .CbRM95c1 {
    grid-template-areas: "label input"
                         "label helptext";
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .-_6BNtrc-a1 {
    --fs: pow(1.125, -2);
  }

  .-_6BNtrc-b1 {
    --fs: pow(1.125, -1);
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .ea1 {
    align-items: baseline;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .-BhX7R-Fx1 {
    --field-height: calc(2rem * var(--s2-scale));
  }

  .-BhX7R-Fn1 {
    --field-height: calc(1.25rem * var(--s2-scale));
  }

  .-BhX7R-Fp1 {
    --field-height: calc(1.5rem * var(--s2-scale));
  }

  .-BhX7R-Fv1 {
    --field-height: calc(2.5rem * var(--s2-scale));
  }

  .-BhX7R-Fz1 {
    --field-height: calc(3rem * var(--s2-scale));
  }

  .-AJjOLd-UVxyPec1 {
    --field-gap: calc(var(--field-height)  - 1lh);
  }

  .qg1 {
    column-gap: .75rem;
  }

  .__ca1 {
    -webkit-tap-highlight-color: #0000;
  }

  .zXcEWr1 {
    grid-column-start: input;
  }

  .yXcEWr1 {
    grid-column-end: input;
  }

  .BXcEWr1 {
    grid-row-start: input;
  }

  .AXcEWr1 {
    grid-row-end: input;
  }

  .sd1 {
    display: flex;
  }

  ._ta1 {
    flex-direction: column;
  }

  ._tc1 {
    flex-direction: row;
  }

  ._wb1 {
    flex-wrap: wrap;
  }

  .ql1 {
    column-gap: 1rem;
  }

  .UgOnRt1 {
    row-gap: var(--field-gap);
  }
}

@layer _.b {
  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }
}

@layer _.a {
  .zv6x9r1 {
    grid-column-start: label;
  }

  .yv6x9r1 {
    grid-column-end: label;
  }

  .Bv6x9r1 {
    grid-row-start: label;
  }

  .Av6x9r1 {
    grid-row-end: label;
  }

  .sf1 {
    display: inline;
  }

  ._Wd1 {
    text-align: start;
  }

  ._Wb1 {
    text-align: end;
  }

  .QgOnRt1 {
    padding-bottom: var(--field-gap);
  }

  .pl1 {
    color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
  }

  .sh1 {
    display: inline-flex;
  }

  .Fa1 {
    height: 0;
  }

  ._Lf1 {
    outline-style: solid;
  }

  .Oh1 {
    outline-color: #4b75ff #4069fd;
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Mc1 {
    outline-width: 2px;
  }

  ._Kd1 {
    outline-offset: 2px;
  }

  .pt1 {
    color: #292929 #dbdbdb;
    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .po1 {
    color: #131313 #f2f2f2;
    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .eb1 {
    align-items: center;
  }

  ._oa1 {
    box-sizing: border-box;
  }

  .SMBFGYc1 {
    padding-inline-start: var(--S);
  }

  .RfBFGYc1 {
    padding-inline-end: var(--R);
  }

  .Nk1 {
    min-width: calc(2rem * var(--s2-scale));
  }

  .Ne1 {
    min-width: calc(1.25rem * var(--s2-scale));
  }

  .Nf1 {
    min-width: calc(1.5rem * var(--s2-scale));
  }

  .Nj1 {
    min-width: calc(2.5rem * var(--s2-scale));
  }

  .Nl1 {
    min-width: calc(3rem * var(--s2-scale));
  }

  .-SFnbic-_Jb1 {
    --size: 1;
  }

  .-SFnbic-_JICefdd1 {
    --size: .790123;
  }

  .-SFnbic-_JJOW22b1 {
    --size: .888889;
  }

  .-SFnbic-_J0K2hn1 {
    --size: 1.125;
  }

  .-SFnbic-_JaP8ec1 {
    --size: 1.26563;
  }

  .-Bu7z1c-ob1 {
    --radius: .5rem;
  }

  .oj1 {
    border-start-start-radius: round(var(--radius) * var(--size), 1px);
  }

  .nj1 {
    border-start-end-radius: round(var(--radius) * var(--size), 1px);
  }

  .kj1 {
    border-end-start-radius: round(var(--radius) * var(--size), 1px);
  }

  .jj1 {
    border-end-end-radius: round(var(--radius) * var(--size), 1px);
  }

  .FRuFGYc1 {
    height: var(--F);
  }

  .zXcEWr1 {
    grid-column-start: input;
  }

  .yXcEWr1 {
    grid-column-end: input;
  }

  .BXcEWr1 {
    grid-row-start: input;
  }

  .AXcEWr1 {
    grid-row-end: input;
  }

  ._qd1 {
    contain: none;
  }

  .-Anxdcc-Z3fn9H1 {
    --defaultWidth: calc(13rem * var(--s2-scale));
  }

  .-Anxdcc-Zr1 {
    --defaultWidth: calc(12rem * var(--s2-scale));
  }

  .-Anxdcc-ZStdtne1 {
    --defaultWidth: calc(14rem * var(--s2-scale));
  }

  .-Anxdcc-Zt1 {
    --defaultWidth: calc(15rem * var(--s2-scale));
  }

  .__v6TNLWb1 {
    contain-intrinsic-width: calc(var(--defaultWidth)  - 0px  - 0px  - 0px  - 0px);
    contain-intrinsic-width: calc(var(--defaultWidth)  - var(--S, 0px)  - var(--R, 0px)  - var(--m, 0px)  - var(--l, 0px));
  }

  ._kc1 {
    border-top-width: 2px;
  }

  .hc1 {
    border-bottom-width: 2px;
  }

  .mCPFGYc1 {
    border-inline-start-width: var(--m);
  }

  .l5OFGYc1 {
    border-inline-end-width: var(--l);
  }

  ._jf1 {
    border-style: solid;
  }

  .Yd1 {
    transition-property: color, background-color, color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
  }

  .Xb1 {
    transition-duration: .15s;
  }

  ._2b1 {
    transition-timing-function: cubic-bezier(.45, 0, .4, 1);
  }

  .io1 {
    border-color: #c6c6c6 #444;
    border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .ip1 {
    border-color: #d73220 #fc432e;
    border-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
  }

  .in1 {
    border-color: #131313 #f2f2f2;
    border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .im1 {
    border-color: #b72818 #ff6756;
    border-color: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756);
  }

  .iq1 {
    border-color: #dadada #393939;
    border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
  }

  .gX1 {
    background-color: #fff #111;
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .-F_-Fx1 {
    --F: calc(2rem * var(--s2-scale));
  }

  .-F_-Fn1 {
    --F: calc(1.25rem * var(--s2-scale));
  }

  .-F_-Fp1 {
    --F: calc(1.5rem * var(--s2-scale));
  }

  .-F_-Fv1 {
    --F: calc(2.5rem * var(--s2-scale));
  }

  .-F_-Fz1 {
    --F: calc(3rem * var(--s2-scale));
  }

  .-S_-Sv1 {
    --S: calc(var(--F, var(--M)) * 3 / 8);
  }

  .-R_-Rv1 {
    --R: calc(var(--F, var(--M)) * 3 / 8);
  }

  .-m_-mc1 {
    --m: 2px;
  }

  .-l_-lc1 {
    --l: 2px;
  }

  .Td1 {
    padding-top: 0;
  }

  .Qd1 {
    padding-bottom: 0;
  }

  .Sd1 {
    padding-inline-start: 0;
  }

  .Rd1 {
    padding-inline-end: 0;
  }

  .g91 {
    background-color: #0000;
  }

  .p40ub4c1 {
    color: inherit;
  }

  .u40ub4c1 {
    font-family: inherit;
  }

  .v40ub4c1 {
    font-size: inherit;
  }

  .x40ub4c1 {
    font-weight: inherit;
  }

  ._ub1 {
    flex-grow: 1;
  }

  ._vb1 {
    flex-shrink: 1;
  }

  .Na1 {
    min-width: 0;
  }

  .Za1 {
    width: 100%;
  }

  ._Le1 {
    outline-style: none;
  }

  ._je1 {
    border-style: none;
  }

  ._Nc1 {
    overflow-x: hidden;
  }

  .Pc1 {
    overflow-y: hidden;
  }

  ._Yb1 {
    text-overflow: ellipsis;
  }

  ._7c1 {
    white-space: nowrap;
  }

  .zzBWQ8d1 {
    grid-column-start: helptext;
  }

  .yzBWQ8d1 {
    grid-column-end: helptext;
  }

  .BzBWQ8d1 {
    grid-row-start: helptext;
  }

  .AzBWQ8d1 {
    grid-row-end: helptext;
  }

  .sd1 {
    display: flex;
  }

  .ea1 {
    align-items: baseline;
  }

  .Uc1 {
    row-gap: .428571em;
  }

  .qc1 {
    column-gap: .428571em;
  }

  .uk1 {
    font-family: adobe-clean-spectrum-vf, adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .-_6BNtrc-a1 {
    --fs: pow(1.125, -2);
  }

  .-_6BNtrc-b1 {
    --fs: pow(1.125, -1);
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .xb1 {
    font-weight: 400;
  }

  ._xa1 {
    font-synthesis-weight: none;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .pv1 {
    color: #505050 #afafaf;
    color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
  }

  .pq1 {
    color: #d73220 #fc432e;
    color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
  }

  .pp1 {
    color: #c6c6c6 #444;
    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .-_8sjo0b-t5ZbAob1 {
    --iconPrimary: currentColor;
  }

  ._qb1 {
    contain: inline-size;
  }

  .TgOnRt1 {
    padding-top: var(--field-gap);
  }

  .rD1 {
    cursor: text;
  }

  .ri1 {
    cursor: default;
  }

  ._Ja1 {
    order: 0;
  }

  .-_8sjo0b-tq1 {
    --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
  }

  .ZuUmpre1 {
    width: 1.42857em;
  }

  .FuUmpre1 {
    height: 1.42857em;
  }

  .It1 {
    margin-inline-start: .428571em;
  }

  .HAxCW0c1 {
    margin-inline-end: -.142857em;
  }

  ._va1 {
    flex-shrink: 0;
  }
}

@layer _.b {
  .pYFIK2bn1::placeholder {
    color: #717171 #8a8a8a;
    color: var(--lightningcss-light, #717171) var(--lightningcss-dark, #8a8a8a);
  }

  .ucJ9TBTb1:lang(ar) {
    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }
}

@layer _.c {
  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .uea1:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd1:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje1:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.b.l {
  @media (forced-colors: active) {
    .Olc1 {
      outline-color: highlight;
    }

    .plb1 {
      color: buttontext;
    }

    .ila1 {
      border-color: buttonborder;
    }

    .ile1 {
      border-color: mark;
    }

    .ild1 {
      border-color: highlight;
    }

    .ilc1 {
      border-color: graytext;
    }

    .gl1kG7o1 {
      background-color: field;
    }

    .plQBRyrc1 {
      color: mark;
    }

    .plc1 {
      color: graytext;
    }

    .-_8sjo0b-ltQBRyrc1 {
      --iconPrimary: Mark;
    }
  }
}

@layer _.b.t {
  @supports (contain-intrinsic-width: 1px) {
    ._qtb1 {
      contain: inline-size;
    }
  }
}

@layer _.c.l {
  @media (forced-colors: active) {
    .pYFIK2blc1::placeholder {
      color: graytext;
    }
  }
}

@layer _.b.s {
  @media not ((hover: hover) and (pointer: fine)) {
    .Usd1 {
      row-gap: .470588em;
    }

    .qsd1 {
      column-gap: .470588em;
    }

    .Isu1 {
      margin-inline-start: .470588em;
    }
  }
}

@layer _.a {
  .Zm1 {
    width: calc(1.25rem * var(--s2-scale));
  }

  .Fn1 {
    height: calc(1.25rem * var(--s2-scale));
  }

  .ZF1 {
    width: calc(3rem * var(--s2-scale));
  }

  .ZH1 {
    width: calc(6rem * var(--s2-scale));
  }

  .Zq1 {
    width: calc(10rem * var(--s2-scale));
  }

  .Fz1 {
    height: calc(3rem * var(--s2-scale));
  }

  .FB1 {
    height: calc(6rem * var(--s2-scale));
  }

  .Fr1 {
    height: calc(10rem * var(--s2-scale));
  }

  ._va1 {
    flex-shrink: 0;
  }
}

@layer _.a {
  .Zh1 {
    width: calc(.5rem * var(--s2-scale));
  }

  .Zi1 {
    width: calc(.625rem * var(--s2-scale));
    width: calc(.625rem * var(--s2-scale));
  }

  .Fi1 {
    height: calc(.5rem * var(--s2-scale));
  }

  .Fj1 {
    height: calc(.625rem * var(--s2-scale));
    height: calc(.625rem * var(--s2-scale));
  }
}

@layer _.a {
  .NOBje7c1 {
    min-width: calc(16.75rem * var(--s2-scale));
  }

  .ZOBje7c1 {
    width: calc(16.75rem * var(--s2-scale));
  }

  .Th1 {
    padding-top: 24px;
  }

  ._oa1 {
    box-sizing: border-box;
  }

  .Fb1 {
    height: 100%;
  }

  .od1 {
    border-start-start-radius: 0;
  }

  .nd1 {
    border-start-end-radius: 0;
  }

  .kd1 {
    border-end-start-radius: 0;
  }

  .jd1 {
    border-end-end-radius: 0;
  }

  .Jnqb3Ob1 {
    margin-top: calc(var(--T) * -1);
  }

  .Gnqb3Ob1 {
    margin-bottom: calc(var(--T) * -1);
  }

  .Inqb3Ob1 {
    margin-inline-start: calc(var(--T) * -1);
  }

  .Hnqb3Ob1 {
    margin-inline-end: calc(var(--T) * -1);
  }

  .TjCFGYc1 {
    padding-top: var(--T);
  }

  .Qh1 {
    padding-bottom: 24px;
  }

  .Sh1 {
    padding-inline-start: 24px;
  }

  .Rh1 {
    padding-inline-end: 24px;
  }

  .-T_-Th1 {
    --T: 24px;
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .xe1 {
    font-weight: 800;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .po1 {
    color: #131313 #f2f2f2;
    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .Jy1 {
    margin-top: 0;
  }

  .Gv1 {
    margin-bottom: .5rem;
  }

  .Iy1 {
    margin-inline-start: 0;
  }

  .Hy1 {
    margin-inline-end: 0;
  }

  .uk1 {
    font-family: adobe-clean-spectrum-vf, adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .xb1 {
    font-weight: 400;
  }

  ._xa1 {
    font-synthesis-weight: none;
  }

  ._Fb1 {
    line-height: 1.5;
  }

  .pt1 {
    color: #292929 #dbdbdb;
    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .JC1 {
    margin-top: 1rem;
  }
}

@layer _.b {
  .xX0cczbd1:is(:lang(ja), :lang(ko), :lang(zh)) {
    font-weight: 700;
  }

  ._xX0cczba1:is(:lang(ja), :lang(ko), :lang(zh)) {
    font-synthesis-weight: none;
  }

  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }

  .ucJ9TBTb1:lang(ar) {
    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._FnuYUwec1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.7;
  }
}

@layer _.c {
  .xfe1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-weight: 800;
  }

  ._xfa1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-synthesis-weight: none;
  }

  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .xfX0cczbd1:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-weight: 700;
  }

  ._xfX0cczba1:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-synthesis-weight: none;
  }

  .uea1:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd1:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje1:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.a {
  .uk1 {
    font-family: adobe-clean-spectrum-vf, adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .xb1 {
    font-weight: 400;
  }

  ._xa1 {
    font-synthesis-weight: none;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .pv1 {
    color: #505050 #afafaf;
    color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
  }

  .pp1 {
    color: #c6c6c6 #444;
    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
  }

  .zv6x9r1 {
    grid-column-start: label;
  }

  .yv6x9r1 {
    grid-column-end: label;
  }

  .Bv6x9r1 {
    grid-row-start: label;
  }

  .Av6x9r1 {
    grid-row-end: label;
  }

  .C09aAFd1 {
    grid-template-areas: "label output";
  }

  .Dxumf9b1 {
    grid-template-columns: 1fr auto;
  }

  ._Wd1 {
    text-align: start;
  }

  ._Wb1 {
    text-align: end;
  }

  .-AJjOLd-Qd1 {
    --field-gap: 0px;
  }

  .zChk6v1 {
    grid-column-start: output;
  }

  .yChk6v1 {
    grid-column-end: output;
  }

  .BChk6v1 {
    grid-row-start: output;
  }

  .AChk6v1 {
    grid-row-end: output;
  }

  ._Wd1 {
    text-align: start;
    text-align: start;
  }

  ._Wb1 {
    text-align: end;
    text-align: end;
  }

  .zCPUPs1 {
    grid-column-start: track;
  }

  .yCPUPs1 {
    grid-column-end: track;
  }

  .BCPUPs1 {
    grid-row-start: track;
  }

  .ACPUPs1 {
    grid-row-end: track;
  }

  ._Pc1 {
    position: relative;
  }

  .Fx1 {
    height: calc(2rem * var(--s2-scale));
  }

  .Fv1 {
    height: calc(2.5rem * var(--s2-scale));
  }

  .Fz1 {
    height: calc(3rem * var(--s2-scale));
  }

  .Zp1 {
    width: calc(1.625rem * var(--s2-scale));
  }

  ._Le1 {
    outline-style: none;
  }

  ._Lf1 {
    outline-style: solid;
  }

  .Oh1 {
    outline-color: #4b75ff #4069fd;
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Mc1 {
    outline-width: 2px;
  }

  ._Kd1 {
    outline-offset: 2px;
  }

  .sg1 {
    display: inline-block;
  }

  ._EF1 {
    left: 50%;
  }

  ._Zd1 {
    transform: translateY(-50%)translateX(-50%);
  }

  .Zl1 {
    width: calc(1.125rem * var(--s2-scale));
  }

  .Zm1 {
    width: calc(1.25rem * var(--s2-scale));
  }

  .Zn1 {
    width: calc(1.375rem * var(--s2-scale));
  }

  .Zo1 {
    width: calc(1.5rem * var(--s2-scale));
  }

  .Zg1 {
    width: calc(.375rem * var(--s2-scale));
  }

  .Fm1 {
    height: calc(1.125rem * var(--s2-scale));
  }

  .Fn1 {
    height: calc(1.25rem * var(--s2-scale));
  }

  .Fo1 {
    height: calc(1.375rem * var(--s2-scale));
  }

  .Fp1 {
    height: calc(1.5rem * var(--s2-scale));
  }

  .Fq1 {
    height: calc(1.625rem * var(--s2-scale));
  }

  .og1 {
    border-start-start-radius: 9999px;
  }

  .ng1 {
    border-start-end-radius: 9999px;
  }

  .kg1 {
    border-end-start-radius: 9999px;
  }

  .jg1 {
    border-end-end-radius: 9999px;
  }

  ._kc1 {
    border-top-width: 2px;
  }

  .hc1 {
    border-bottom-width: 2px;
  }

  .mc1 {
    border-inline-start-width: 2px;
  }

  .lc1 {
    border-inline-end-width: 2px;
  }

  .iv1 {
    border-color: #292929 #dbdbdb;
    border-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .in1 {
    border-color: #131313 #f2f2f2;
    border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .iq1 {
    border-color: #dadada #393939;
    border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
  }

  .gX1 {
    background-color: #fff #111;
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .gE1 {
    background-color: #dadada #393939;
    background-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
  }

  .gh1 {
    background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
  }

  .Za1 {
    width: 100%;
  }

  .Fe1 {
    height: calc(.25rem * var(--s2-scale));
  }

  .Ft1 {
    height: calc(1rem * var(--s2-scale));
  }

  .WF1 {
    top: 50%;
  }

  .oc1 {
    border-start-start-radius: .625rem;
  }

  .oa1 {
    border-start-start-radius: .25rem;
  }

  .nc1 {
    border-start-end-radius: .625rem;
  }

  .na1 {
    border-start-end-radius: .25rem;
  }

  .kc1 {
    border-end-start-radius: .625rem;
  }

  .ka1 {
    border-end-start-radius: .25rem;
  }

  .jc1 {
    border-end-end-radius: .625rem;
  }

  .ja1 {
    border-end-end-radius: .25rem;
  }

  ._Pa1 {
    position: absolute;
  }

  .g_i1 {
    background-color: #505050 #afafaf;
    background-color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
  }

  .g31 {
    background-color: #3b63fb #5681ff;
    background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
  }

  .gH1 {
    background-color: #e9e9e9 #2c2c2c;
    background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
  }

  ._oa1 {
    box-sizing: border-box;
  }

  ._jf1 {
    border-style: solid;
  }

  ._kEjZtrc1 {
    border-top-width: .5px;
  }

  .hEjZtrc1 {
    border-bottom-width: .5px;
  }

  .mEjZtrc1 {
    border-inline-start-width: .5px;
  }

  .lEjZtrc1 {
    border-inline-end-width: .5px;
  }

  .iA1 {
    border-color: #0000;
  }

  .-_8PloMd-m1 {
    --translateY: -50%;
  }

  .__Ya1 {
    translate: 0 0;
    translate: var(--translateX, 0) var(--translateY, 0);
  }

  .se1 {
    display: grid;
  }

  .z2mU1 {
    grid-column-start: 1;
  }

  .yvoofG1 {
    grid-column-end: span 2;
  }

  .DM8Mfn1 {
    grid-template-columns: 1fr;
  }

  .DPlN5qb1 {
    grid-template-columns: auto 1fr;
  }

  .DLwlgod1 {
    grid-template-columns: subgrid;
  }

  .E4w1sLc1 {
    grid-template-rows: auto 1fr auto;
  }

  .EPlN5qb1 {
    grid-template-rows: auto 1fr;
  }

  .Cxaocre1 {
    grid-template-areas: "label"
                         "input"
                         "helptext";
  }

  .CbRM95c1 {
    grid-template-areas: "label input"
                         "label helptext";
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .-_6BNtrc-a1 {
    --fs: pow(1.125, -2);
  }

  .-_6BNtrc-b1 {
    --fs: pow(1.125, -1);
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .-_6BNtrc-e1 {
    --fs: pow(1.125, 2);
  }

  .vx1 {
    font-size: round(14 * var(--fs) / 16 * 1rem, 1px);
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .ea1 {
    align-items: baseline;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, 14 * var(--fs))  - 10)) / 22) * .15), 2px);
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

  .-BhX7R-Fx1 {
    --field-height: calc(2rem * var(--s2-scale));
  }

  .-BhX7R-Fn1 {
    --field-height: calc(1.25rem * var(--s2-scale));
  }

  .-BhX7R-Fp1 {
    --field-height: calc(1.5rem * var(--s2-scale));
  }

  .-BhX7R-Fv1 {
    --field-height: calc(2.5rem * var(--s2-scale));
  }

  .-BhX7R-Fz1 {
    --field-height: calc(3rem * var(--s2-scale));
  }

  .-AJjOLd-UVkF0Db1 {
    --field-gap: calc((var(--field-height)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
  }

  .qg1 {
    column-gap: .75rem;
  }

  .__ca1 {
    -webkit-tap-highlight-color: #0000;
  }

  .zXcEWr1 {
    grid-column-start: input;
  }

  .yXcEWr1 {
    grid-column-end: input;
  }

  .BXcEWr1 {
    grid-row-start: input;
  }

  .AXcEWr1 {
    grid-row-end: input;
  }

  .Nk1 {
    min-width: calc(2rem * var(--s2-scale));
  }

  .Ne1 {
    min-width: calc(1.25rem * var(--s2-scale));
  }

  .Nf1 {
    min-width: calc(1.5rem * var(--s2-scale));
  }

  .Nj1 {
    min-width: calc(2.5rem * var(--s2-scale));
  }

  .Nl1 {
    min-width: calc(3rem * var(--s2-scale));
  }

  ._qd1 {
    contain: none;
  }

  .-Anxdcc-Z3fn9H1 {
    --defaultWidth: calc(13rem * var(--s2-scale));
  }

  .-Anxdcc-Zr1 {
    --defaultWidth: calc(12rem * var(--s2-scale));
  }

  .-Anxdcc-ZStdtne1 {
    --defaultWidth: calc(14rem * var(--s2-scale));
  }

  .-Anxdcc-Zt1 {
    --defaultWidth: calc(15rem * var(--s2-scale));
  }

  .__v6TNLWb1 {
    contain-intrinsic-width: calc(var(--defaultWidth)  - 0px  - 0px  - 0px  - 0px);
    contain-intrinsic-width: calc(var(--defaultWidth)  - var(--S, 0px)  - var(--R, 0px)  - var(--m, 0px)  - var(--l, 0px));
  }

  .sh1 {
    display: inline-flex;
  }

  .eb1 {
    align-items: center;
  }

  .Ul1 {
    row-gap: 1rem;
  }

  .Ui1 {
    row-gap: 1.25rem;
  }

  .Uj1 {
    row-gap: 1.5rem;
  }

  .ql1 {
    column-gap: 1rem;
  }

  .qi1 {
    column-gap: 1.25rem;
  }

  .qj1 {
    column-gap: 1.5rem;
  }
}

@layer _.b {
  .ucJ9TBTb1:lang(ar) {
    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    line-height: 1.5;
  }
}

@layer _.c {
  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .uea1:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd1:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje1:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.b.l {
  @media (forced-colors: active) {
    .plb1 {
      color: buttontext;
    }

    .Olc1 {
      outline-color: highlight;
    }

    .ila1 {
      border-color: buttonborder;
    }

    .glb1 {
      background-color: buttonface;
    }

    .gle1 {
      background-color: highlight;
    }

    .gld1 {
      background-color: graytext;
    }

    .ilb1 {
      border-color: buttontext;
    }

    .ilc1 {
      border-color: graytext;
    }
  }
}

@layer _.b.t {
  @supports (contain-intrinsic-width: 1px) {
    ._qtb1 {
      contain: inline-size;
    }
  }
}

.toast {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background-color: var(--color-bg-elevation-2);
    color: var(--color-text);
    padding: 1rem 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    animation: slideIn 0.3s ease-out;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@keyframes slideIn {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* .media-quicklinks {

} */

/* .media-quickcomps {

} */

@media (max-width: 960px) {
    .media-quicklinks, .media-quickcomps {
        display: none !important;
    }
    .viewer-comp {
        width: 100vw !important;
        height: 50vh !important;
        aspect-ratio: unset !important;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        border-radius: 0;
        margin-top: -19px;
    }
    body {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }
    html {
        -webkit-text-size-adjust: 100%;
    }
}

@media (max-width: 700px) {
    .media-quicklinks, .media-quickcomps {
        display: none !important;
    }
    .viewer-comp {
        width: 100vw !important;
        height: 70vh !important;
        aspect-ratio: unset !important;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        border-radius: 0;
        margin-top: -19px;
    }
    .settings-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }
    .settings-grid > * {
        min-width: 0 !important;
        width: -webkit-fit-content !important;
        width: fit-content !important;
    }
    .settings-grid [role="radiogroup"],
    .settings-grid .spectrum-Radio,
    .settings-grid .spectrum-Slider {
        min-width: 0 !important;
        width: -webkit-fit-content !important;
        width: fit-content !important;
    }
    .settings-grid hr {
        min-width: 0 !important;
    }
    body {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }
    html {
        -webkit-text-size-adjust: 100%;
    }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes float0 {
    0%, 100% { transform: translateY(0px) translateX(10px); }
    50% { transform: translateY(-20px) translateX(50px); }
}

@keyframes float1 {
    0%, 100% { transform: translateY(0px) translateX(100px); }
    50% { transform: translateY(-30px) translateX(200px); }
}

@keyframes float2 {
    0%, 100% { transform: translateY(0px) translateX(200px); }
    50% { transform: translateY(-25px) translateX(300px); }
}

@keyframes float3 {
    0%, 100% { transform: translateY(0px) translateX(300px); }
    50% { transform: translateY(-35px) translateX(400px); }
}

@keyframes float4 {
    0%, 100% { transform: translateY(0px) translateX(400px); }
    50% { transform: translateY(-15px) translateX(500px); }
}

@keyframes float5 {
    0%, 100% { transform: translateY(0px) translateX(500px); }
    50% { transform: translateY(-40px) translateX(600px); }
}

.cursor {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}