@layer astryx-base {
  @layer priority1 {
    :root, .astryxafi2nm {
      --border-width: 1px;
    }

    :root, .astryxj0fimd {
      --color-accent: light-dark(#0064e0, #2694fe);
      --color-accent-muted: light-dark(#0082fb33, #0082fb3f);
      --color-on-accent: #fff;
      --color-neutral: light-dark(#0536591a, #dfe2e533);
      --color-background-surface: light-dark(#fff, #1f1f22);
      --color-background-body: light-dark(#f1f4f7, #111112);
      --color-overlay: light-dark(#01122866, #11111299);
      --color-overlay-hover: light-dark(#0536590c, #ffffff0c);
      --color-overlay-pressed: light-dark(#05365919, #ffffff19);
      --color-background-muted: light-dark(#0536590c, #1111127f);
      --color-text-primary: light-dark(#0a1317, #dfe2e5);
      --color-text-secondary: light-dark(#4e606f, #aaafb5);
      --color-text-disabled: light-dark(#a4b0bc, #6f747c);
      --color-text-accent: light-dark(#0064e0, #3e9efb);
      --color-on-dark: #fff;
      --color-on-light: #000;
      --color-icon-accent: light-dark(#0064e0, #2694fe);
      --color-icon-primary: light-dark(#0a1317, #dfe2e5);
      --color-icon-secondary: light-dark(#4e606f, #aaafb5);
      --color-icon-disabled: light-dark(#a4b0bc, #6f747c);
      --color-background-card: light-dark(#fff, #1f1f22);
      --color-background-popover: light-dark(#fff, #28292c);
      --color-background-inverted: light-dark(#0a1317, #fff);
      --color-background-error-inverted: light-dark(#aa071e, #e3193b);
      --color-success: #0d8626;
      --color-success-muted: light-dark(#0b991f33, #0b991f3f);
      --color-on-success: #fff;
      --color-error: light-dark(#e3193b, #f5394f);
      --color-error-muted: light-dark(#e3193b33, #f5394f3f);
      --color-on-error: #fff;
      --color-warning: light-dark(#e9af08, #f2c00b);
      --color-warning-muted: light-dark(#e2a40033, #e2a4003f);
      --color-on-warning: #0a1317;
      --color-border: light-dark(#05365919, #f2f4f619);
      --color-border-emphasized: light-dark(#ccd3db, #494d53);
      --color-skeleton: light-dark(#ccd3db, #5a5e66);
      --color-track: light-dark(#ccd3db, #5a5e66);
      --color-shadow: light-dark(#0536591a, #0000004d);
      --color-tint-hover: light-dark(#000, #fff);
      --color-background-blue: #0171e333;
      --color-border-blue: light-dark(#0064e0, #2694fe);
      --color-icon-blue: light-dark(#0064e0, #2694fe);
      --color-text-blue: light-dark(#042f97, #afd7ff);
      --color-background-cyan: #03a7d733;
      --color-border-cyan: light-dark(#089dd0, #0171a4);
      --color-icon-cyan: light-dark(#00acc1, #26c6da);
      --color-text-cyan: light-dark(#014975, #a1eef9);
      --color-background-gray: light-dark(#0a131733, #666a724c);
      --color-border-gray: light-dark(#647685, #748695);
      --color-icon-gray: light-dark(#4e606f, #aaafb5);
      --color-text-gray: light-dark(#0a1317, #e7eaed);
      --color-background-green: #24bb5e33;
      --color-border-green: light-dark(#0d8626, #0b991f);
      --color-icon-green: light-dark(#0d8626, #26a756);
      --color-text-green: light-dark(#09441f, #a5f690);
      --color-background-orange: #f2790233;
      --color-border-orange: light-dark(#eb6e00, #b34a01);
      --color-icon-orange: light-dark(#e9690b, #fb8c00);
      --color-text-orange: light-dark(#6b2203, #fdb876);
      --color-background-pink: #e638b333;
      --color-border-pink: light-dark(#f351c0, #c02294);
      --color-icon-pink: light-dark(#c2185b, #ec407a);
      --color-text-pink: light-dark(#650053, #feade3);
      --color-background-purple: #7952ff33;
      --color-border-purple: light-dark(#9081ff, #7340fe);
      --color-icon-purple: light-dark(#5b08d8, #7952ff);
      --color-text-purple: light-dark(#3e0697, #b3b0fe);
      --color-background-red: #e3193b33;
      --color-border-red: light-dark(#e3193b, #f5394f);
      --color-icon-red: light-dark(#d31130, #e3193b);
      --color-text-red: light-dark(#7b0210, #ffb2b8);
      --color-background-teal: #0db7af33;
      --color-border-teal: light-dark(#08a3a3, #08767d);
      --color-icon-teal: light-dark(#009688, #26a69a);
      --color-text-teal: light-dark(#083943, #40dccd);
      --color-background-yellow: #e2a40033;
      --color-border-yellow: light-dark(#c58600, #b47700);
      --color-icon-yellow: light-dark(#fbc02d, #ffee58);
      --color-text-yellow: light-dark(#753f07, #fbce03);
    }

    :root, .astryx14lkjui {
      --duration-fast-min: .13s;
      --duration-fast: .175s;
      --duration-fast-max: .23s;
      --duration-medium-min: .31s;
      --duration-medium: .41s;
      --duration-medium-max: .55s;
      --duration-slow-min: .73s;
      --duration-slow: .975s;
      --duration-slow-max: 1.3s;
    }

    :root, .astryxf09i69 {
      --ease-standard: cubic-bezier(.24, 1, .4, 1);
    }

    :root, .astryxzxs3qz {
      --focus-outline-width: 2px;
      --focus-outline-style: solid;
      --focus-outline-color: var(--color-accent);
      --focus-outline-offset: 3px;
    }

    :root, .astryx5tdzeq {
      --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      --font-family-code: "SF Mono", Monaco, Consolas, monospace;
      --font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    :root, .astryx1q1ms06 {
      --font-size-4xs: .375rem;
      --font-size-3xs: .4375rem;
      --font-size-2xs: .5rem;
      --font-size-xs: .625rem;
      --font-size-sm: .75rem;
      --font-size-base: .875rem;
      --font-size-lg: 1.0625rem;
      --font-size-xl: 1.25rem;
      --font-size-2xl: 1.5rem;
      --font-size-3xl: 1.8125rem;
      --font-size-4xl: 2.1875rem;
      --font-size-5xl: 2.625rem;
    }

    :root, .astryx1ccmotb {
      --font-weight-normal: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
    }

    :root, .astryxrw1vgx {
      --radius-none: 0px;
      --radius-inner: 4px;
      --radius-element: 8px;
      --radius-container: 12px;
      --radius-page: 28px;
      --radius-chat: 28px;
      --radius-full: 9999px;
    }

    :root, .astryxua8qm3 {
      --shadow-low: 0px 1px 1px light-dark(#0000001a, #0003), 0px 2px 8px light-dark(#0000001a, #0003);
      --shadow-med: 0px 1px 2px light-dark(#0000001a, #0003), 0px 2px 12px light-dark(#0000001a, #0003);
      --shadow-high: 0px 2px 2px light-dark(#0000001a, #0003), 0px 8px 24px light-dark(#0000001a, #0000004d);
      --shadow-inset-hover: inset 0px 0px 0px 2px light-dark(#05365926, #dfe2e533);
      --shadow-inset-selected: inset 0px 0px 0px 2px #0171e380;
      --shadow-inset-success: inset 0px 0px 0px 2px #26a7564d;
      --shadow-inset-warning: inset 0px 0px 0px 2px #e2a4004d;
      --shadow-inset-error: inset 0px 0px 0px 2px #e3193b4d;
    }

    :root, .astryxkgjyic {
      --size-element-sm: 28px;
      --size-element-md: 32px;
      --size-element-lg: 36px;
    }

    :root, .astryx1kvdh9l {
      --spacing-0: 0rem;
      --spacing-0-5: .125rem;
      --spacing-1: .25rem;
      --spacing-1-5: .375rem;
      --spacing-2: .5rem;
      --spacing-3: .75rem;
      --spacing-4: 1rem;
      --spacing-5: 1.25rem;
      --spacing-6: 1.5rem;
      --spacing-7: 1.75rem;
      --spacing-8: 2rem;
      --spacing-9: 2.25rem;
      --spacing-10: 2.5rem;
      --spacing-11: 2.75rem;
      --spacing-12: 3rem;
    }

    :root, .astryx1etlgq0 {
      --text-heading-1-size: var(--font-size-2xl);
      --text-heading-1-weight: var(--font-weight-semibold);
      --text-heading-1-leading: 1.3333;
      --text-heading-2-size: var(--font-size-xl);
      --text-heading-2-weight: var(--font-weight-semibold);
      --text-heading-2-leading: 1.4;
      --text-heading-3-size: var(--font-size-lg);
      --text-heading-3-weight: var(--font-weight-semibold);
      --text-heading-3-leading: 1.4118;
      --text-heading-4-size: var(--font-size-base);
      --text-heading-4-weight: var(--font-weight-semibold);
      --text-heading-4-leading: 1.4286;
      --text-heading-5-size: var(--font-size-sm);
      --text-heading-5-weight: var(--font-weight-semibold);
      --text-heading-5-leading: 1.6667;
      --text-heading-6-size: var(--font-size-xs);
      --text-heading-6-weight: var(--font-weight-semibold);
      --text-heading-6-leading: 1.6;
      --text-body-size: var(--font-size-base);
      --text-body-weight: var(--font-weight-normal);
      --text-body-leading: 1.4286;
      --text-large-size: var(--font-size-lg);
      --text-large-weight: var(--font-weight-semibold);
      --text-large-leading: 1.4118;
      --text-label-size: var(--font-size-base);
      --text-label-weight: var(--font-weight-medium);
      --text-label-leading: 1.4286;
      --text-code-size: var(--font-size-base);
      --text-code-weight: var(--font-weight-normal);
      --text-code-leading: 1.4286;
      --text-supporting-size: var(--font-size-sm);
      --text-supporting-weight: var(--font-weight-normal);
      --text-supporting-leading: 1.6667;
      --text-display-1-size: var(--font-size-5xl);
      --text-display-1-weight: var(--font-weight-normal);
      --text-display-1-leading: 1.2381;
      --text-display-2-size: var(--font-size-4xl);
      --text-display-2-weight: var(--font-weight-normal);
      --text-display-2-leading: 1.2571;
      --text-display-3-size: var(--font-size-3xl);
      --text-display-3-weight: var(--font-weight-normal);
      --text-display-3-leading: 1.2414;
    }
  }

  @layer priority2 {
    .astryx1tgivj0 {
      color: var(--color-text-primary);
    }

    .astryxntwwlm {
      color-scheme: dark;
    }

    .astryx108lcm5 {
      color-scheme: light dark;
    }

    .astryx19aimcq {
      color-scheme: light;
    }

    .astryxjp7ctv {
      display: contents;
    }

    .astryx9ynric {
      font-family: var(--font-family-body);
    }
  }
}

@layer product {
  @layer priority1;

  @layer priority2 {
    .x10a8y8t {
      inset: 0;
    }

    .x1ghz6dp {
      margin: 0;
    }

    .x1717udv {
      padding: 0;
    }

    .xggk2y7 {
      padding: 24px;
    }
  }

  @layer priority3 {
    .xkqzj2t {
      border-color: #fff;
    }

    .x1xnbm8i {
      border-color: var(--ink);
    }

    .x2u8bby {
      border-radius: 0;
    }

    .x16rqkct {
      border-radius: 50%;
    }

    .x1y0btm7 {
      border-style: solid;
    }

    .xc342km {
      border-width: 0;
    }

    .xdh2fpr {
      border-width: 2px;
    }

    .xxhr3t {
      gap: 0;
    }

    .x883omv {
      gap: 10px;
    }

    .xkagz3p {
      gap: 12px 24px;
    }

    .x1v2ro7d {
      gap: 12px;
    }

    .x1af02g3 {
      gap: 14px;
    }

    .x1hondtr {
      gap: 16px 24px;
    }

    .x131me9i {
      gap: 16px 48px;
    }

    .xou54vl {
      gap: 16px;
    }

    .x1hfxpwt {
      gap: 18px 4px;
    }

    .xaobbuh {
      gap: 18px;
    }

    .x1vfnrw {
      gap: 20px 32px;
    }

    .x1c1vhfx {
      gap: 20px;
    }

    .x1665zp3 {
      gap: 24px;
    }

    .x1jaupxr {
      gap: 26px;
    }

    .x33pbmt {
      gap: 28px;
    }

    .x195vfkc {
      gap: 2px;
    }

    .xq9uhj4 {
      gap: 32px 48px;
    }

    .x1rzw5jd {
      gap: 32px;
    }

    .x17s8dji {
      gap: 40px 0;
    }

    .x14n5cft {
      gap: 40px;
    }

    .x1s043xj {
      gap: 6px 24px;
    }

    .x17d4w8g {
      gap: 6px;
    }

    .x167g77z {
      gap: 8px;
    }

    .x11itjfo {
      gap: clamp(6px, 1.6vw, 26px);
    }

    .xm5moh1 {
      grid-column: auto;
    }

    .x7sv70a {
      grid-row: 2;
    }

    .xe8uvvx {
      list-style: none;
    }

    .x12dsp9l {
      margin-block: calc(.5lh - 22px);
    }

    .xvueqy4 {
      margin-inline: auto;
    }

    .xlvxvyc {
      margin-inline: var(--margin);
    }

    .x1a2a7pz {
      outline: none;
    }

    .xb3r6kr {
      overflow: hidden;
    }

    .xxlmvz2 {
      padding-block: 14px;
    }

    .xqp6ajr {
      padding-block: 20px;
    }

    .xgmh6ty {
      padding-block: 56px;
    }

    .xnjsko4 {
      padding-inline: 0;
    }

    .xqin4a2 {
      padding-inline: 14px;
    }

    .x1hr3lfm {
      padding-inline: 16px;
    }

    .x12j899k {
      padding-inline: 18px;
    }

    .x17qtykl {
      padding-inline: 20px;
    }

    .xr244g7 {
      padding-inline: 26px;
    }

    .xh5weq1 {
      padding-inline: var(--margin);
    }

    .x1hl2dhg {
      text-decoration: none;
    }

    @media (width >= 800px) {
      .x12ufw0b.x12ufw0b {
        gap: 24px 48px;
      }

      .xz1fp89.xz1fp89 {
        gap: 28px 8px;
      }

      .x19254w4.x19254w4 {
        gap: 28px;
      }

      .xdzqlm3.xdzqlm3 {
        gap: 32px;
      }

      .xfc12lb.xfc12lb {
        gap: 64px;
      }

      .xf01sbr.xf01sbr {
        gap: 6px;
      }
    }

    @media (width >= 900px) {
      .x12n8r79.x12n8r79 {
        gap: 32px;
      }

      .xixnv6m.xixnv6m {
        grid-column: 1;
      }

      .xqryr77.xqryr77 {
        grid-column: 3;
      }

      .x17bbq94.x17bbq94 {
        grid-row: 1;
      }
    }

    @media (width >= 800px) {
      .x1fodjfb.x1fodjfb {
        padding-block: 96px;
      }

      .x1syvo6p.x1syvo6p {
        padding-inline: 24px;
      }

      .x1p738rm.x1p738rm {
        padding-inline: 28px;
      }

      .xm5pszr.xm5pszr {
        padding-inline: 36px;
      }

      .x1tyn9cq.x1tyn9cq {
        padding-inline: 48px;
      }

      .x1m65z2f.x1m65z2f {
        padding-inline: var(--margin);
      }
    }
  }

  @layer priority4 {
    .x1pha0wt {
      align-items: baseline;
    }

    .x6s0dn4 {
      align-items: center;
    }

    .xpqajaz {
      align-items: end;
    }

    .xuk3077 {
      align-items: flex-end;
    }

    .x1cy8zhl {
      align-items: flex-start;
    }

    .x7a106z {
      align-items: start;
    }

    .x1qjc9v5 {
      align-items: stretch;
    }

    .x1y8v6su {
      align-self: start;
    }

    .x5hsz1j {
      animation-duration: .2s;
    }

    .xmprevt {
      animation-duration: .42s;
    }

    .x10zivq5 {
      animation-duration: 9s;
    }

    .x1u6ievf {
      animation-fill-mode: both;
    }

    .xqcmdr3 {
      animation-name: x18re5ia-B;
    }

    .x1kxlswq {
      animation-name: x1uceso7-B;
    }

    .xdd6h36 {
      animation-name: x1wuov4y-B;
    }

    .x16c6wo {
      animation-name: x73bznb-B;
    }

    .x7w0rm8 {
      animation-timing-function: var(--ease-out);
    }

    .x1plog1 {
      aspect-ratio: 1;
    }

    .x1sg1d4o {
      aspect-ratio: 4 / 5;
    }

    .x1lqn3kn {
      background-color: #161616;
    }

    .x1vvzrhg {
      background-color: #2e2e2e;
    }

    .x1c5tqo3 {
      background-color: #fff;
    }

    .x1czisrq {
      background-color: #14141459;
    }

    .x1koxqaq {
      background-color: #14141499;
    }

    .x1tz0agp {
      background-color: #ffffff2e;
    }

    .xjbqb8w {
      background-color: #0000;
    }

    .xwnonoy {
      background-color: var(--accent);
    }

    .x1eieebl {
      background-color: var(--bg);
    }

    .xhqetk0 {
      background-color: var(--ink);
    }

    .x1xm1x0m {
      background-color: var(--night);
    }

    .xuvt9l {
      background-color: var(--surface);
    }

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

    .xs83n33 {
      caret-color: var(--ink);
    }

    .x1hyvwdk {
      clip-path: inset(50%);
    }

    .xbe13ng {
      color: #8c8c8c;
    }

    .x1heor9g {
      color: inherit;
    }

    .xa7332p {
      color: var(--accent-ink);
    }

    .x1qq9wsj {
      color: var(--accent);
    }

    .xzqs5q6 {
      color: var(--bg);
    }

    .x1lk8qxj {
      color: var(--ink);
    }

    .x17j02y5 {
      color: var(--muted);
    }

    .x1dgh2mf {
      color: var(--night-ink);
    }

    .x18e8qno {
      color: var(--night-muted);
    }

    .x1ypdohk {
      cursor: pointer;
    }

    .x1huxd7x {
      cursor: zoom-in;
    }

    .x1lliihq {
      display: block;
    }

    .x78zum5 {
      display: flex;
    }

    .xrvj5dj {
      display: grid;
    }

    .x3nfvp2 {
      display: inline-flex;
    }

    .x1s85apg {
      display: none;
    }

    .xdt5ytf {
      flex-direction: column;
    }

    .x1c4vz4f {
      flex-grow: 0;
    }

    .x1iyjqo2 {
      flex-grow: 1;
    }

    .x2lah0s {
      flex-shrink: 0;
    }

    .xs83m0k {
      flex-shrink: 1;
    }

    .x1a02dak {
      flex-wrap: wrap;
    }

    .xjb2p0i {
      font-family: inherit;
    }

    .x1arfh7o {
      font-family: var(--font-display);
    }

    .xzi3nbc {
      font-kerning: normal;
    }

    .x6u19be {
      font-size: .9375rem;
    }

    .xqzy9k8 {
      font-size: clamp(3.5rem, 14vw, 14rem);
    }

    .x1qlqyl8 {
      font-size: inherit;
    }

    .x1q6jtw9 {
      font-size: var(--step-body);
    }

    .xsqneyo {
      font-size: var(--step-head);
    }

    .x11zf9bi {
      font-size: var(--step-lead);
    }

    .xdic90u {
      font-size: var(--step-small);
    }

    .xss6m8b {
      font-variant-numeric: tabular-nums;
    }

    .xk50ysn {
      font-weight: 500;
    }

    .x1uu0p8 {
      font-weight: 900;
    }

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

    .x1g1okfk {
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
    }

    .xju1xpo {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .xp68sni {
      grid-template-columns: repeat(14, minmax(0, 1fr));
    }

    .x185a7wo {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl56j7k {
      justify-content: center;
    }

    .x13a6bvl {
      justify-content: flex-end;
    }

    .x1qughib {
      justify-content: space-between;
    }

    .x1qab1bc {
      justify-self: end;
    }

    .x1lg07ej {
      letter-spacing: -.015em;
    }

    .xjat59b {
      letter-spacing: -.01em;
    }

    .x72az59 {
      letter-spacing: -.02em;
    }

    .x1b4dsll {
      letter-spacing: -.03em;
    }

    .x1w3xk6t {
      letter-spacing: -.045em;
    }

    .xo2cfqc {
      letter-spacing: -.04em;
    }

    .x1lnq67u {
      line-height: .88;
    }

    .x1j4510k {
      line-height: .92;
    }

    .x1159mfc {
      line-height: 1.1;
    }

    .x1u7k74 {
      line-height: 1.2;
    }

    .xwn7fz2 {
      line-height: 1.3;
    }

    .x37zpob {
      line-height: 1.4;
    }

    .xfrs9s4 {
      line-height: 1.45;
    }

    .x1evy7pa {
      line-height: 1.5;
    }

    .xo5v014 {
      line-height: 1;
    }

    .x19kjcj4 {
      object-fit: contain;
    }

    .xl1xv1r {
      object-fit: cover;
    }

    .x1g77sc7 {
      order: 0;
    }

    .x8m1zxh {
      outline-offset: -6px;
    }

    .x1wfwxd8 {
      outline-offset: 0;
    }

    .xj0a0fe {
      overflow-wrap: anywhere;
    }

    .x10l6tqk {
      position: absolute;
    }

    .xixxii4 {
      position: fixed;
    }

    .x1n2onr6 {
      position: relative;
    }

    .x7wzq59 {
      position: sticky;
    }

    .x2b8uid {
      text-align: center;
    }

    .xdpxx8g {
      text-align: left;
    }

    .x1hr2gdg {
      text-align: right;
    }

    .x5gd9ij {
      text-decoration-color: currentColor;
    }

    .xujl8zx {
      text-decoration-line: underline;
    }

    .xzmx7tv {
      text-decoration-thickness: .08em;
    }

    .xzugeeo {
      text-indent: 0;
    }

    .xlyipyv {
      text-overflow: ellipsis;
    }

    .xdsgf93 {
      text-underline-offset: .22em;
    }

    .x5ve5x3 {
      touch-action: none;
    }

    .x1c071of {
      transform: none;
    }

    .x4fxs9p {
      transform: scale(.84);
    }

    .x3oybdh {
      transform: scale(1);
    }

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

    .x1nf803f {
      transform-origin: 0;
    }

    .x9i6iqp {
      transition-duration: .16s;
    }

    .x9dyr19 {
      transition-duration: .18s;
    }

    .x43t7r1 {
      transition-duration: .24s;
    }

    .x13dflua {
      transition-duration: .2s;
    }

    .xofcydl {
      transition-duration: .4s;
    }

    .x97pzxe {
      transition-duration: .6s;
    }

    .x1rwtpre {
      transition-duration: .85s;
    }

    .x41qz4p {
      transition-duration: .9s;
    }

    .x101pvzj {
      transition-property: background-color, color, transform;
    }

    .xs2xxs2 {
      transition-property: background-color, color;
    }

    .x15406qy {
      transition-property: background-color;
    }

    .xt3l3uh {
      transition-property: color;
    }

    .x6o7n8i {
      transition-property: opacity, transform;
    }

    .xbghn51 {
      transition-property: text-decoration-thickness, text-decoration-color;
    }

    .x11xpdln {
      transition-property: transform;
    }

    .x122hhpc {
      transition-timing-function: var(--ease-out);
    }

    .x87ps6o {
      -webkit-user-select: none;
      user-select: none;
    }

    .xuxw1ft {
      white-space: nowrap;
    }

    .x1vjfegm {
      z-index: 1;
    }

    .xhtitgo {
      z-index: 2;
    }

    .xzkaem6 {
      z-index: 3;
    }

    .x68pp3s {
      z-index: 30;
    }

    .xf5e64p {
      z-index: 40;
    }

    .x1b4dqds {
      z-index: 41;
    }

    .xa9119d {
      z-index: 50;
    }

    .x1aciyhk {
      z-index: 60;
    }

    .x2yk5s9:focus-within {
      background-color: var(--accent);
    }

    .xs1f5dz:focus-visible {
      background-color: var(--ink);
    }

    .x199h9gg:focus-visible {
      color: var(--accent);
    }

    .xtgyt42:disabled {
      cursor: default;
    }

    .x1t5pwa4:disabled {
      opacity: .45;
    }

    .xd3so5o:active {
      transform: scale(.97);
    }

    @media (width >= 800px) {
      .xub6o9r.xub6o9r {
        align-items: flex-end;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .x1aquc0h.x1aquc0h {
        animation-name: none;
      }

      .x1in4vjr.x1in4vjr {
        animation-name: x18re5ia-B;
      }
    }

    @media (width >= 640px) {
      .xs3bim.xs3bim {
        aspect-ratio: 3 / 2;
      }
    }

    @media (width >= 800px) {
      .x1fyri1a.x1fyri1a {
        display: block;
      }

      .xx7rc69.xx7rc69 {
        display: inline;
      }

      .x210kku.x210kku {
        display: revert;
      }

      .xvkcz4s.xvkcz4s {
        flex-grow: 0;
      }

      .x187jgvk.x187jgvk {
        flex-grow: 1;
      }

      .x1dgs9mv.x1dgs9mv {
        font-size: var(--step-small);
      }

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

      .x6e8v4l.x6e8v4l {
        grid-template-columns: 1fr minmax(300px, 380px);
      }

      .xxoq1on.xxoq1on {
        grid-template-columns: minmax(0, 1fr) auto auto auto;
      }
    }

    @media (width >= 900px) {
      .x1u3smy4.x1u3smy4 {
        grid-template-columns: 1fr 1fr;
      }

      .x3qfvfm.x3qfvfm {
        grid-template-columns: 4fr 3fr 5fr;
      }

      .x1rkmlen.x1rkmlen {
        grid-template-columns: 5fr 7fr;
      }

      .x127fgt.x127fgt {
        grid-template-columns: 7fr 5fr;
      }
    }

    @media (width >= 1000px) {
      .x1hyhhmf.x1hyhhmf {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }

    @media (width >= 900px) {
      .x1hpnbw8.x1hpnbw8 {
        justify-self: start;
      }

      .x16p2rm1.x16p2rm1 {
        order: 2;
      }
    }

    @media (width >= 800px) {
      .xjv6ptm.xjv6ptm {
        text-indent: 3vw;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .x1ympp8d.x1ympp8d {
        transition-property: opacity;
      }
    }

    @media (hover: hover) {
      .x1gnl0vm.x1gnl0vm:hover {
        background-color: var(--accent);
      }

      .xgg9jxd.xgg9jxd:hover {
        background-color: var(--bg);
      }

      .x1qoxwfe.x1qoxwfe:hover {
        background-color: var(--ink);
      }

      .x1p7xydb.x1p7xydb:hover {
        color: var(--accent-ink);
      }

      .x1xxbuse.x1xxbuse:hover {
        color: var(--accent);
      }

      .x4kj1km.x4kj1km:hover {
        color: var(--ink);
      }

      .xarp71f.xarp71f:hover {
        color: var(--night-ink);
      }

      .x12kdqol.x12kdqol:hover {
        -webkit-text-decoration-color: var(--accent);
        text-decoration-color: var(--accent);
      }

      .xlqmnov.xlqmnov:hover {
        text-decoration-thickness: .2em;
      }

      .x18j91ue.x18j91ue:hover {
        transform: scale(.84);
      }

      .xje0exv.xje0exv:hover {
        transform: scale(1.05);
      }
    }
  }

  @layer priority5 {
    .x1ey2m1c {
      bottom: 0;
    }

    .x3h4tne {
      bottom: 32px;
    }

    .x5yr21d {
      height: 100%;
    }

    .x187pvsn {
      height: 100svh;
    }

    .x1kpxq89 {
      height: 12px;
    }

    .xjm9jq1 {
      height: 1px;
    }

    .x1fgtraw {
      height: 28px;
    }

    .xnnlda6 {
      height: 56px;
    }

    .xdiz9yb {
      height: clamp(12px, 1.8vw, 26px);
    }

    .xu96u03 {
      left: 0;
    }

    .x12lbrt0 {
      left: 10px;
    }

    .x1nrll8i {
      left: 50%;
    }

    .x1rbjuoy {
      left: var(--margin);
    }

    .x1g7j40d {
      margin-bottom: -.2em;
    }

    .x1chd833 {
      margin-bottom: 28px;
    }

    .xhrpt6u {
      margin-top: 18px;
    }

    .xjv05ge {
      margin-top: 28px;
    }

    .x1tfhste {
      margin-top: 40px;
    }

    .xx4vt8u {
      margin-top: 48px;
    }

    .x8rgt9n {
      margin-top: 64px;
    }

    .x1xmf6yo {
      margin-top: 8px;
    }

    .xmz0i5r {
      max-height: 100%;
    }

    .xgi54a4 {
      max-height: 44svh;
    }

    .x193iq5w {
      max-width: 100%;
    }

    .x1u8bs6r {
      max-width: 30ch;
    }

    .xye4db1 {
      max-width: 34ch;
    }

    .x1oc4otl {
      max-width: 40ch;
    }

    .xd5ge1i {
      max-width: 40vw;
    }

    .x1qbr2yc {
      max-width: 44ch;
    }

    .x1yr5zsc {
      max-width: 620px;
    }

    .x2lwn1j {
      min-height: 0;
    }

    .x1y06tjk {
      min-height: 100svh;
    }

    .x1wqph6p {
      min-height: 26svh;
    }

    .x1hkpqty {
      min-height: 32svh;
    }

    .xjk9k6d {
      min-height: 40svh;
    }

    .x1gg8mnh {
      min-height: 44px;
    }

    .x1dm307y {
      min-height: 46svh;
    }

    .xbktkl8 {
      min-height: 56px;
    }

    .x879a55 {
      min-height: 60px;
    }

    .x8nclml {
      min-height: 64px;
    }

    .x65nank {
      min-height: auto;
    }

    .xeuugli {
      min-width: 0;
    }

    .x1g2khh7 {
      padding-bottom: 14px;
    }

    .xx6bls6 {
      padding-bottom: 20px;
    }

    .x1gan7if {
      padding-bottom: 32px;
    }

    .x1t1ogtf {
      padding-bottom: 40px;
    }

    .x1j3kn9t {
      padding-bottom: 72px;
    }

    .x1ej9moc {
      padding-bottom: 80px;
    }

    .xwib8y2 {
      padding-bottom: 8px;
    }

    .xo0ha1f {
      padding-bottom: 96px;
    }

    .x1rjt556 {
      padding-bottom: calc(14px + var(--safe-bottom));
    }

    .x1foh1ay {
      padding-bottom: calc(18px + var(--safe-bottom));
    }

    .x18ye1ou {
      padding-bottom: calc(28px + var(--safe-bottom));
    }

    .xyinxu5 {
      padding-top: 14px;
    }

    .x109j2v6 {
      padding-top: 18px;
    }

    .x1p5oq8j {
      padding-top: 24px;
    }

    .x7sb2j6 {
      padding-top: 28px;
    }

    .x13zrc24 {
      padding-top: 40px;
    }

    .x4i7bpe {
      padding-top: 48px;
    }

    .x1iorvi4 {
      padding-top: 4px;
    }

    .x15uerrv {
      padding-top: 72px;
    }

    .x11408do {
      padding-top: 80px;
    }

    .x1y1aw1k {
      padding-top: 8px;
    }

    .x3m8u43 {
      right: 0;
    }

    .xwu8qs2 {
      right: var(--margin);
    }

    .x13vifvy {
      top: 0;
    }

    .x1eu8d0j {
      top: 10px;
    }

    .xh8yej3 {
      width: 100%;
    }

    .x1i1rx1s {
      width: 1px;
    }

    .xc85cl5 {
      width: 26ch;
    }

    .xgd8bvy {
      width: 28px;
    }

    .x15yg21f {
      width: 56px;
    }

    .xycev2y {
      width: 60%;
    }

    @media (width >= 800px) {
      .x1j084hv.x1j084hv {
        margin-bottom: 48px;
      }

      .x1u1pirc.x1u1pirc {
        margin-top: 80px;
      }

      .x1l7ah3k.x1l7ah3k {
        margin-top: 96px;
      }
    }

    @media (width >= 640px) {
      .x1myg01t.x1myg01t {
        max-height: none;
      }
    }

    @media (width >= 800px) {
      .x17xuj8w.x17xuj8w {
        min-height: 100svh;
      }

      .x1i6pitv.x1i6pitv {
        min-height: 48svh;
      }

      .xeh6gkm.xeh6gkm {
        min-height: 62svh;
      }

      .xho6rgk.xho6rgk {
        min-height: auto;
      }
    }

    @media (width >= 900px) {
      .x1bcz41t.x1bcz41t {
        min-height: 86svh;
      }

      .x1k2myp.x1k2myp {
        min-height: auto;
      }
    }

    @media (width >= 800px) {
      .xhpkdcl.xhpkdcl {
        padding-bottom: 120px;
      }

      .x1r6ay8n.x1r6ay8n {
        padding-bottom: 140px;
      }

      .x1pzrd.x1pzrd {
        padding-bottom: 150px;
      }

      .x1hdza73.x1hdza73 {
        padding-bottom: 160px;
      }

      .x1cstye8.x1cstye8 {
        padding-bottom: 24px;
      }

      .x1k4boq2.x1k4boq2 {
        padding-bottom: 32px;
      }
    }

    @media (width >= 900px) {
      .x149m0vj.x149m0vj {
        padding-bottom: 40px;
      }
    }

    @media (width >= 800px) {
      .x1yiczw9.x1yiczw9 {
        padding-top: 120px;
      }

      .xipbhuk.xipbhuk {
        padding-top: 140px;
      }

      .xy2oocd.xy2oocd {
        padding-top: 150px;
      }

      .x1g9fr1d.x1g9fr1d {
        padding-top: 36px;
      }

      .x14xzmz6.x14xzmz6 {
        padding-top: 48px;
      }
    }

    @media (width >= 900px) {
      .x1a5nvec.x1a5nvec {
        padding-top: 56px;
      }
    }

    @media (width >= 1100px) {
      .xf9eyyx.xf9eyyx {
        padding-top: 20px;
      }
    }

    @media (width >= 900px) {
      .x1ql6vy9.x1ql6vy9 {
        width: 100%;
      }
    }
  }

  @layer priority6 {
    .xarstr8:after {
      inset: 0;
    }
  }

  @layer priority7 {
    .xortrgu:after {
      animation-duration: .7s;
    }

    .x13ee8us:after {
      animation-iteration-count: infinite;
    }

    .x14bls4j:after {
      animation-name: xzfvkle-B;
    }

    .x15y3wy1:after {
      animation-timing-function: linear;
    }

    .x1cx9vcg:after {
      background-image: linear-gradient(-45deg, #2323231a 25%, #0000 25% 50%, #2323231a 50% 75%, #0000 75%, #0000);
    }

    .x1wr15eb:after {
      background-size: 24px 24px;
    }

    .xrwqfkb::placeholder {
      color: #23232347;
    }

    .x1s928wv:after {
      content: "";
    }

    .x1j6awrg:after {
      position: absolute;
    }

    @media (prefers-reduced-motion: reduce) {
      .x18ryvvy.x18ryvvy:after {
        animation-duration: 2s;
      }

      .xfg0xuj.xfg0xuj:after {
        animation-name: x8uz4zu-B;
      }

      .x108022n.x108022n:after {
        animation-timing-function: ease-in-out;
      }
    }
  }

  @keyframes xzfvkle-B {
    from {
      background-position: 0 0;
    }

    to {
      background-position: 24px 0;
    }
  }

  @keyframes x18re5ia-B {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes x8uz4zu-B {
    0%, 100% {
      opacity: .4;
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes x1wuov4y-B {
    from {
      opacity: 0;
      transform: scale(.98);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes x1uceso7-B {
    from {
      transform: scale(1.08);
    }

    to {
      transform: scale(1);
    }
  }

  @keyframes x73bznb-B {
    from {
      transform: translate3d(0, 100%, 0);
    }

    to {
      transform: translate3d(0, 0, 0);
    }
  }
}