@import "https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
/* [project]/design-system/ions/tokens/primitives.css [app-client] (css) */
:root {
  --primitive-snow-25: #fffdfc;
  --primitive-snow-50: #fdfbf8;
  --primitive-snow-100: #f9f6f2;
  --primitive-midnight-25: #000302;
  --primitive-midnight-50: #020f08;
  --primitive-midnight-100: #062317;
  --primitive-midnight-200: #273a31;
  --primitive-laser-100: #cdf9f8;
  --primitive-laser-500: #00fbfb;
  --primitive-laser-700: #006c6d;
  --primitive-aurora-100: #ffe9de;
  --primitive-aurora-500: #dd6825;
  --primitive-aurora-700: #8c3800;
  --primitive-error-100: #ffe8e8;
  --primitive-error-500: #d64556;
  --primitive-error-700: #972334;
  --primitive-warning-100: #ffebd2;
  --primitive-warning-500: #f9ad26;
  --primitive-warning-700: #805300;
  --primitive-success-100: #dff6de;
  --primitive-success-500: #54b85b;
  --primitive-success-700: #1e6626;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --primitive-snow-25: lab(99.5364% .247598 .708807);
    --primitive-snow-50: lab(98.6076% .519305 1.40899);
    --primitive-snow-100: lab(96.9819% .814885 2.10005);
    --primitive-midnight-25: lab(.704624% -1.05098 .372186);
    --primitive-midnight-50: lab(3.24795% -4.55522 1.61323);
    --primitive-midnight-100: lab(11.2371% -14.1131 4.91873);
    --primitive-midnight-200: lab(22.6826% -9.86832 3.4706);
    --primitive-laser-100: lab(94.6819% -14.6832 -4.52625);
    --primitive-laser-500: lab(89.0331% -55.6449 -16.6408);
    --primitive-laser-700: lab(41.1408% -45.9195 -13.4917);
    --primitive-aurora-100: lab(93.9889% 9.58112 11.2475);
    --primitive-aurora-500: lab(58.2513% 44.2402 56.9378);
    --primitive-aurora-700: lab(35.2614% 35.3371 49.0687);
    --primitive-error-100: lab(93.8892% 9.62845 3.65044);
    --primitive-error-500: lab(51.6597% 57.9744 24.1789);
    --primitive-error-700: lab(34.5753% 48.3225 20.5159);
    --primitive-warning-100: lab(94.2484% 3.83502 15.0783);
    --primitive-warning-500: lab(76.6366% 21.5807 73.1029);
    --primitive-warning-700: lab(39.4811% 17.4358 64.8795);
    --primitive-success-100: lab(94.7233% -11.1774 8.71127);
    --primitive-success-500: lab(67.1358% -44.8964 37.3064);
    --primitive-success-700: lab(37.6297% -33.7386 28.5922);
  }
}

/* [project]/design-system/ions/tokens/semantic.css [app-client] (css) */
:root {
  --color-bg-base: var(--primitive-snow-25);
  --color-bg-alt: #00000008;
  --color-bg-surface: #fff;
  --color-bg-hover: #0000000d;
  --color-bg-press: #0000001a;
  --color-bg-warm: #f1eae3;
  --color-sidebar-bg: var(--primitive-midnight-25);
  --color-sidebar-alt: var(--primitive-midnight-50);
  --color-sidebar-active: #ffffff12;
  --color-sidebar-hover: #ffffff0d;
  --color-text-base: var(--primitive-midnight-25);
  --color-text-secondary: var(--primitive-midnight-100);
  --color-text-muted: #0006;
  --color-text-on-dark-primary: #ffffffeb;
  --color-text-on-dark-secondary: #fff9;
  --color-text-on-dark-muted: #ffffff61;
  --color-border-base: #00000014;
  --color-border-subtle: #0000000d;
  --color-border-on-dark: #ffffff1a;
  --color-brand: var(--primitive-laser-500);
  --color-brand-text: var(--primitive-laser-700);
  --color-brand-subtle: var(--primitive-laser-100);
  --color-link: var(--primitive-laser-700);
  --color-link-hover: var(--primitive-midnight-100);
  --color-focus: var(--primitive-laser-500);
  --color-focus-text: var(--primitive-laser-700);
  --color-accent: var(--primitive-aurora-500);
  --color-accent-text: var(--primitive-aurora-700);
  --color-accent-subtle: var(--primitive-aurora-100);
  --color-error: var(--primitive-error-500);
  --color-error-bg: var(--primitive-error-100);
  --color-error-text: var(--primitive-error-700);
  --color-warning: var(--primitive-warning-500);
  --color-warning-bg: var(--primitive-warning-100);
  --color-warning-text: var(--primitive-warning-700);
  --color-success: var(--primitive-success-500);
  --color-success-bg: var(--primitive-success-100);
  --color-success-text: var(--primitive-success-700);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-inline: var(--space-2);
  --space-gap: var(--space-4);
  --space-stack: var(--space-3);
  --space-panel: var(--space-6);
  --icon-xs: 12px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --size-row: var(--space-8);
  --size-logo: var(--space-8);
  --size-avatar: var(--space-8);
  --size-circle-btn: var(--space-6);
  --size-slot-content: var(--space-8);
  --size-slot-action: var(--space-6);
  --font-sans: "Fira Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", monospace;
  --text-xs: .75rem;
  --text-sm: .8125rem;
  --text-base: .9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --leading-tight: 1.25;
  --leading-snug: 1.4;
  --leading-normal: 1.6;
  --text-body: var(--text-base);
  --text-body-sm: var(--text-sm);
  --text-label: var(--text-sm);
  --text-label-xs: var(--text-xs);
  --text-caption: var(--text-xs);
  --text-heading-1: var(--text-4xl);
  --text-heading-2: var(--text-3xl);
  --text-heading-3: var(--text-2xl);
  --text-heading-4: var(--text-xl);
  --text-code: var(--text-sm);
  --text-code-sm: var(--text-xs);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 9999px;
  --bp-mobile: 40rem;
  --bp-tablet: 64rem;
  --bp-desktop: 96rem;
  --color-primary: var(--primitive-laser-700);
  --color-primary-bg: var(--primitive-laser-100);
  --color-primary-text: var(--primitive-laser-700);
  --color-overlay-subtle: #0000004d;
  --color-bg-subtle: #00000008;
  --color-text-inverted: #fff;
  --font-medium: 500;
  --font-semibold: 600;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px #00000014, 0 1px 2px #0000000f;
  --shadow-md: 0 4px 12px #00000014, 0 2px 4px #0000000f;
  --shadow-lg: 0 8px 24px #0000001a, 0 4px 8px #0000000f;
  --shadow-thumb: 0 3px 8px #00000026, 0 3px 1px #0000000f;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --color-bg-alt: lab(0% 0 0 / .03);
    --color-bg-surface: lab(100% 0 0);
    --color-bg-hover: lab(0% 0 0 / .05);
    --color-bg-press: lab(0% 0 0 / .1);
    --color-bg-warm: lab(93.0459% 1.38876 4.33174);
    --color-sidebar-active: lab(100% 0 0 / .07);
    --color-sidebar-hover: lab(100% 0 0 / .05);
    --color-text-muted: lab(0% 0 0 / .4);
    --color-text-on-dark-primary: lab(100% 0 0 / .92);
    --color-text-on-dark-secondary: lab(100% 0 0 / .6);
    --color-text-on-dark-muted: lab(100% 0 0 / .38);
    --color-border-base: lab(0% 0 0 / .08);
    --color-border-subtle: lab(0% 0 0 / .05);
    --color-border-on-dark: lab(100% 0 0 / .1);
    --color-overlay-subtle: lab(0% 0 0 / .3);
    --color-bg-subtle: lab(0% 0 0 / .03);
    --color-text-inverted: lab(100% 0 0);
    --shadow-sm: 0 1px 3px lab(0% 0 0 / .08), 0 1px 2px lab(0% 0 0 / .06);
    --shadow-md: 0 4px 12px lab(0% 0 0 / .08), 0 2px 4px lab(0% 0 0 / .06);
    --shadow-lg: 0 8px 24px lab(0% 0 0 / .1), 0 4px 8px lab(0% 0 0 / .06);
    --shadow-thumb: 0 3px 8px lab(0% 0 0 / .15), 0 3px 1px lab(0% 0 0 / .06);
  }
}

/* [project]/design-system/ions/tokens/glass.css [app-client] (css) */
:root {
  --glass-shadow: 0 8px 32px #0003021f, 0 2px 8px #0003020f;
  --glass-inset-highlight: inset 0 1px 0 #ffffffd9;
  --glass-inset-shadow: inset 0 -1px 0 #00030214;
  --glass-border: 1px solid #ffffffe6;
  --glass-border-dark: 1px solid #00030233;
  --glass-panel-border: 1px solid #0003020f;
  --glass-backdrop: blur(28px) saturate(1.8) brightness(1.06);
  --glass-backdrop-heavy: blur(48px) saturate(2) brightness(1.08);
  --glass-backdrop-light: blur(8px) saturate(1.3);
  --glass-bg-regular: #f5f5f5b8;
  --glass-bg-sidebar: #f5f5f5e0;
  --glass-bg-clear: #ffffff12;
  --glass-bg-dark: #081822a6;
  --glass-bg-popover: #f0f2f1f2;
  --glass-bg-tinted: #00d8f52e;
  --glass-active-bg: #fefdfde6;
  --glass-active-shadow: 0 1px 6px #0003021a;
  --glass-active-inset: inset 0 1px 0 #ffffffe6;
  --glass-sidebar-shadow: 2px 0 12px #0003020d, 1px 0 3px #00030208;
  --glass-regular-bg: var(--glass-bg-regular);
  --glass-regular-border: var(--glass-border);
  --glass-regular-filter: var(--glass-backdrop);
  --glass-sidebar-bg: var(--glass-bg-sidebar);
  --glass-sidebar-border: var(--glass-panel-border);
  --glass-sidebar-filter: var(--glass-backdrop);
  --glass-dark-bg: var(--glass-bg-dark);
  --glass-dark-border: var(--glass-border);
  --glass-dark-filter: var(--glass-backdrop);
  --glass-tinted-bg: var(--glass-bg-tinted);
  --glass-tinted-border: 1px solid #00d8f54d;
  --glass-tinted-filter: var(--glass-backdrop);
  --glass-clear-bg: var(--glass-bg-clear);
  --glass-clear-border: 1px solid #fff3;
  --glass-clear-filter: blur(8px) saturate(1.3);
  --glass-shadow-sm: 0 4px 24px #0000001f;
  --glass-hover: #0000000a;
  --shadow-overlay-100: #00000005;
  --shadow-overlay-150: #00000008;
  --shadow-overlay-200: #0000000a;
  --shadow-overlay-250: #0000000d;
  --shadow-overlay-300: #0000000f;
  --shadow-overlay-400: #00000014;
  --shadow-overlay-500: #0000001f;
  --shadow-overlay-550: #00000026;
  --shadow-overlay-600: #0000002e;
  --shadow-overlay-650: #00000038;
  --shadow-overlay-700: #0000004d;
  --shadow-overlay-750: #00000059;
  --shadow-overlay-800: #00000073;
  --highlight-overlay-100: #ffffff0d;
  --highlight-overlay-200: #ffffff12;
  --highlight-overlay-300: #ffffff1f;
  --highlight-overlay-400: #fff3;
  --highlight-overlay-700: #ffffffd9;
  --highlight-overlay-800: #ffffffe6;
  --snow-a05: #ffffff0d;
  --snow-a07: #ffffff12;
  --snow-a18: #ffffff2e;
  --snow-a22: #ffffff38;
  --snow-a65: #ffffffa6;
  --snow-a72: #ffffffb8;
  --snow-a85: #ffffffd9;
  --snow-a88: #ffffffe0;
  --glass-corner-capsule: 9999px;
  --glass-corner-card: 16px;
  --glass-corner-sheet: 24px;
  --glass-corner-popover: 16px;
  --glass-corner-chip: 9999px;
  --glass-tint: transparent;
  --glass-text-primary: #000302f2;
  --glass-text-secondary: #000302b3;
  --glass-text-tertiary: #00030273;
  --glass-text-quaternary: #00030240;
  --glass-fill-primary: #00030233;
  --glass-fill-secondary: #0003021f;
  --glass-fill-tertiary: #0003020f;
  --glass-text-on-dark-primary: #fffffff2;
  --glass-text-on-dark-secondary: #ffffffb3;
  --glass-text-on-dark-tertiary: #ffffff73;
  --glass-text-on-dark-quaternary: #ffffff40;
  --glass-fill-on-dark-primary: #fff3;
  --glass-fill-on-dark-secondary: #ffffff1f;
  --glass-fill-on-dark-tertiary: #ffffff0f;
  --glass-dimming: #00000059;
  --glass-interactive-scale: .97;
  --glass-interactive-brightness: brightness(1.05);
  --glass-transition-bg: background .25s cubic-bezier(.16, 1, .3, 1);
  --glass-transition-shadow: box-shadow .25s cubic-bezier(.16, 1, .3, 1);
  --glass-transition-all: background .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s cubic-bezier(.16, 1, .3, 1),
		opacity .2s ease;
  --glass-spring: cubic-bezier(.34, 1.56, .64, 1);
  --glass-spring-snappy: cubic-bezier(.22, 1, .36, 1);
  --glass-duration-fast: .15s;
  --glass-duration-base: .25s;
  --glass-duration-slow: .4s;
  --glass-duration-hover: .15s;
  --glass-duration-press: 80ms;
  --glass-duration-release: .18s;
  --glass-blur-overlay: 12px;
  --glass-shadow-regular: 0px 8px 40px #0000001f;
  --glass-shadow-clear: 0px 8px 40px #0003;
  --glass-radius-tile: 1.875rem;
  --glass-rim-light: #ffffff40;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --glass-shadow: 0 8px 32px lab(.704624% -1.05098 .372186 / .12), 0 2px 8px lab(.704624% -1.05098 .372186 / .06);
    --glass-inset-highlight: inset 0 1px 0 lab(100% 0 0 / .85);
    --glass-inset-shadow: inset 0 -1px 0 lab(.704624% -1.05098 .372186 / .08);
    --glass-border: 1px solid lab(100% 0 0 / .9);
    --glass-border-dark: 1px solid lab(.704624% -1.05098 .372186 / .2);
    --glass-panel-border: 1px solid lab(.704624% -1.05098 .372186 / .06);
    --glass-bg-regular: lab(96.52% -.0000298023 .0000119209 / .72);
    --glass-bg-sidebar: lab(96.52% -.0000298023 .0000119209 / .88);
    --glass-bg-clear: lab(100% 0 0 / .07);
    --glass-bg-dark: lab(7.21722% -3.34518 -9.42569 / .65);
    --glass-bg-popover: lab(95.4007% -.969917 .343609 / .95);
    --glass-bg-tinted: lab(78.1066% -48.4665 -32.9887 / .18);
    --glass-active-bg: lab(99.4218% .0841618 .368607 / .9);
    --glass-active-shadow: 0 1px 6px lab(.704624% -1.05098 .372186 / .1);
    --glass-active-inset: inset 0 1px 0 lab(100% 0 0 / .9);
    --glass-sidebar-shadow: 2px 0 12px lab(.704624% -1.05098 .372186 / .05), 1px 0 3px lab(.704624% -1.05098 .372186 / .03);
    --glass-tinted-border: 1px solid lab(78.1066% -48.4665 -32.9887 / .3);
    --glass-clear-border: 1px solid lab(100% 0 0 / .2);
    --glass-shadow-sm: 0 4px 24px lab(0% 0 0 / .12);
    --glass-hover: lab(0% 0 0 / .04);
    --shadow-overlay-100: lab(0% 0 0 / .02);
    --shadow-overlay-150: lab(0% 0 0 / .03);
    --shadow-overlay-200: lab(0% 0 0 / .04);
    --shadow-overlay-250: lab(0% 0 0 / .05);
    --shadow-overlay-300: lab(0% 0 0 / .06);
    --shadow-overlay-400: lab(0% 0 0 / .08);
    --shadow-overlay-500: lab(0% 0 0 / .12);
    --shadow-overlay-550: lab(0% 0 0 / .15);
    --shadow-overlay-600: lab(0% 0 0 / .18);
    --shadow-overlay-650: lab(0% 0 0 / .22);
    --shadow-overlay-700: lab(0% 0 0 / .3);
    --shadow-overlay-750: lab(0% 0 0 / .35);
    --shadow-overlay-800: lab(0% 0 0 / .45);
    --highlight-overlay-100: lab(100% 0 0 / .05);
    --highlight-overlay-200: lab(100% 0 0 / .07);
    --highlight-overlay-300: lab(100% 0 0 / .12);
    --highlight-overlay-400: lab(100% 0 0 / .2);
    --highlight-overlay-700: lab(100% 0 0 / .85);
    --highlight-overlay-800: lab(100% 0 0 / .9);
    --snow-a05: lab(100% 0 0 / .05);
    --snow-a07: lab(100% 0 0 / .07);
    --snow-a18: lab(100% 0 0 / .18);
    --snow-a22: lab(100% 0 0 / .22);
    --snow-a65: lab(100% 0 0 / .65);
    --snow-a72: lab(100% 0 0 / .72);
    --snow-a85: lab(100% 0 0 / .85);
    --snow-a88: lab(100% 0 0 / .88);
    --glass-text-primary: lab(.704624% -1.05098 .372186 / .95);
    --glass-text-secondary: lab(.704624% -1.05098 .372186 / .7);
    --glass-text-tertiary: lab(.704624% -1.05098 .372186 / .45);
    --glass-text-quaternary: lab(.704624% -1.05098 .372186 / .25);
    --glass-fill-primary: lab(.704624% -1.05098 .372186 / .2);
    --glass-fill-secondary: lab(.704624% -1.05098 .372186 / .12);
    --glass-fill-tertiary: lab(.704624% -1.05098 .372186 / .06);
    --glass-text-on-dark-primary: lab(100% 0 0 / .95);
    --glass-text-on-dark-secondary: lab(100% 0 0 / .7);
    --glass-text-on-dark-tertiary: lab(100% 0 0 / .45);
    --glass-text-on-dark-quaternary: lab(100% 0 0 / .25);
    --glass-fill-on-dark-primary: lab(100% 0 0 / .2);
    --glass-fill-on-dark-secondary: lab(100% 0 0 / .12);
    --glass-fill-on-dark-tertiary: lab(100% 0 0 / .06);
    --glass-dimming: lab(0% 0 0 / .35);
    --glass-dimming: lab(0% 0 0 / .35);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --glass-transition-bg: none;
    --glass-transition-shadow: none;
    --glass-transition-all: none;
  }
}

/* [project]/design-system/ions/glass/materials.css [app-client] (css) */
:root {
  --material-blur-regular: 50px;
  --material-blur-chrome: 25px;
  --material-ultrathin-base: #ffffff12;
  --material-ultrathin-dodge: #ffffff08;
  --material-thin-base: #ffffff0d;
  --material-thin-dodge: #fff6;
  --material-regular-plus-lighter: #ffffff40;
  --material-regular-dodge: #fff9;
  --material-thick-plus-lighter: #ffffff57;
  --material-thick-dodge: #ffffffd6;
  --material-chrome-hard-light: #ffffffbf;
  --liquid-glass-sheet-fill: #fafafab3;
  --liquid-glass-sheet-dodge: #262626;
  --liquid-glass-sheet-shadow: 0px 8px 40px 0px #0000001f;
  --liquid-glass-sheet-radius: var(--sheet-iphone-top-radius, 34px);
  --liquid-glass-bar-fill: #ffffffa6;
  --liquid-glass-bar-color-burn: #ddd;
  --liquid-glass-bar-darken: #f7f7f7;
  --liquid-glass-bar-shadow: 0px 8px 40px 0px #0000001f;
  --liquid-glass-tinted-fill: #ffffffbf;
  --liquid-glass-tinted-overlay: #999;
  --liquid-glass-window-radius: 296px;
  --liquid-glass-window-shadow: 0px 8px 40px 0px #0000001f;
  --shadow-picker: 0 1px 3px #0000001f;
  --shadow-surface: 0 8px 32px #0000001f;
}

/* [project]/design-system/ions/tokens/animation.css [app-client] (css) */
:root {
  --duration-instant: 0s;
  --duration-fast: .15s;
  --duration-default: .25s;
  --duration-slow: .4s;
  --duration-glacial: .6s;
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease-spring-gentle: cubic-bezier(.25, .46, .45, .94);
  --ease-ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --ease-linear: linear;
  --transition-fast: var(--duration-fast) var(--ease-spring-gentle);
  --transition-default: var(--duration-default) var(--ease-spring-gentle);
  --transition-slow: var(--duration-slow) var(--ease-ease-out);
  --scale-press: scale(.97);
  --scale-press-subtle: scale(.99);
  --scale-press-prominent: scale(.95);
  --glass-transition: background var(--transition-fast), box-shadow var(--transition-default),
		backdrop-filter var(--transition-default);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0s;
    --duration-default: 0s;
    --duration-slow: 0s;
    --duration-glacial: 0s;
    --ease-spring: linear;
    --ease-spring-gentle: linear;
  }
}

/* [project]/design-system/ions/tokens/typography.css [app-client] (css) */
:root {
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --dt-large-title-size: 34px;
  --dt-large-title-lh: 41px;
  --dt-large-title-weight: var(--font-weight-regular);
  --dt-large-title-ls: .4px;
  --dt-title1-size: 28px;
  --dt-title1-lh: 34px;
  --dt-title1-weight: var(--font-weight-regular);
  --dt-title1-ls: .38px;
  --dt-title2-size: 22px;
  --dt-title2-lh: 28px;
  --dt-title2-weight: var(--font-weight-regular);
  --dt-title2-ls: -.26px;
  --dt-title3-size: 20px;
  --dt-title3-lh: 25px;
  --dt-title3-weight: var(--font-weight-regular);
  --dt-title3-ls: -.45px;
  --dt-headline-size: 17px;
  --dt-headline-lh: 22px;
  --dt-headline-weight: var(--font-weight-semibold);
  --dt-headline-ls: -.43px;
  --dt-body-size: 17px;
  --dt-body-lh: 22px;
  --dt-body-weight: var(--font-weight-regular);
  --dt-body-ls: -.43px;
  --dt-callout-size: 16px;
  --dt-callout-lh: 21px;
  --dt-callout-weight: var(--font-weight-regular);
  --dt-callout-ls: -.31px;
  --dt-subheadline-size: 15px;
  --dt-subheadline-lh: 20px;
  --dt-subheadline-weight: var(--font-weight-regular);
  --dt-subheadline-ls: -.23px;
  --dt-footnote-size: 13px;
  --dt-footnote-lh: 18px;
  --dt-footnote-weight: var(--font-weight-regular);
  --dt-footnote-ls: -.08px;
  --dt-caption1-size: 12px;
  --dt-caption1-lh: 16px;
  --dt-caption1-weight: var(--font-weight-regular);
  --dt-caption1-ls: 0px;
  --dt-caption2-size: 11px;
  --dt-caption2-lh: 13px;
  --dt-caption2-weight: var(--font-weight-regular);
  --dt-caption2-ls: .06px;
}

/* [project]/design-system/ions/tokens/index.css [app-client] (css) */


/* [project]/design-system/index.css [app-client] (css) */
:root {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  box-sizing: border-box;
}

*, :before, :after {
  box-sizing: inherit;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
}

a {
  color: var(--color-link);
  text-decoration: none;
}

a:hover {
  color: var(--color-link-hover);
  text-decoration: underline;
}

::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*) {
    transition: none;
    animation: none;
  }

  ::view-transition-old(*) {
    transition: none;
    animation: none;
  }

  ::view-transition-new(*) {
    transition: none;
    animation: none;
  }
}

/* [project]/@internal/apps/@login-portal/app/globals.css [app-client] (css) */
:root {
  --auth-bg: var(--color-bg-base);
  --auth-surface: var(--color-bg-surface);
}

body {
  background: var(--auth-bg);
}

/*# sourceMappingURL=_0gdl3fq._.css.map*/