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

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

    :root, .xuiu37a {
      --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, .x1momfbl {
      --ease-standard: cubic-bezier(.24, 1, .4, 1);
    }

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

    :root, .xijvhim {
      --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, .x1xyd8ep {
      --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, .x15x5wym {
      --font-weight-normal: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
    }

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

    :root, .x1l54trr {
      --shadow-low: 0px 1px 1px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 2px 8px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003);
      --shadow-med: 0px 1px 2px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 2px 12px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003);
      --shadow-high: 0px 2px 2px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0003), 0px 8px 24px var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #0000004d);
      --shadow-inset-hover: inset 0px 0px 0px 2px var(--lightningcss-light, #05365926) var(--lightningcss-dark, #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, .x1yomps6 {
      --size-element-sm: 28px;
      --size-element-md: 32px;
      --size-element-lg: 36px;
    }

    :root, .x1lwyr7r {
      --spacing-0: 0px;
      --spacing-0-5: 2px;
      --spacing-1: 4px;
      --spacing-1-5: 6px;
      --spacing-2: 8px;
      --spacing-3: 12px;
      --spacing-4: 16px;
      --spacing-5: 20px;
      --spacing-6: 24px;
      --spacing-7: 28px;
      --spacing-8: 32px;
      --spacing-9: 36px;
      --spacing-10: 40px;
      --spacing-11: 44px;
      --spacing-12: 48px;
    }

    :root, .x1yyk4d9 {
      --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 {
    .x1tgivj0 {
      color: var(--color-text-primary);
    }

    .xntwwlm {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
    }

    .x108lcm5 {
      --lightningcss-light: initial;
      --lightningcss-dark: ;
      color-scheme: light dark;
    }

    @media (prefers-color-scheme: dark) {
      .x108lcm5 {
        --lightningcss-light: ;
        --lightningcss-dark: initial;
      }
    }

    .x19aimcq {
      --lightningcss-light: initial;
      --lightningcss-dark: ;
      color-scheme: light;
    }

    .xjp7ctv {
      display: contents;
    }

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