:root{--black: oklch(.24 .004 84.6);--border-width-hairline: .5px;--border-width-none: 0px;--border-width-thick: 2px;--border-width-thin: 1px;--breakpoint-mobile: 810px;--breakpoint-tablet: 1280px;--cyan-50: oklch(.971 .024 212.9);--cyan-100: oklch(.919 .075 208.5);--cyan-200: oklch(.871 .132 205.9);--cyan-300: oklch(.839 .145 210.5);--cyan-400: oklch(.807 .146 218.9);--cyan-500: oklch(.762 .152 230);--cyan-600: oklch(.687 .154 238.8);--cyan-700: oklch(.575 .132 240);--cyan-800: oklch(.45 .104 240.7);--cyan-900: oklch(.319 .075 241.7);--cyan-950: oklch(.197 .048 243.3);--font-family-sans: var(--font-apercu-pro);--font-size-10: .625rem;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-step--1: clamp(.875rem, .8431rem + .1307vw, 1rem);--font-size-step-1: clamp(1rem, .9681rem + .1307vw, 1.125rem);--font-size-step-2: clamp(1.125rem, 1.0613rem + .2614vw, 1.375rem);--font-size-step-3: clamp(1.5rem, 1.3407rem + .6536vw, 2.125rem);--font-size-step-4: clamp(2rem, 1.777rem + .915vw, 2.875rem);--font-size-step-5: clamp(2.25rem, 1.8676rem + 1.5686vw, 3.75rem);--font-size-step-6: clamp(2.625rem, 1.8922rem + 3.0065vw, 5.5rem);--font-size-step-7: clamp(2.625rem, .4265rem + 9.0196vw, 11.25rem);--font-weight-light: 300;--font-weight-medium: 500;--fushia-50: oklch(.972 .02 335.7);--fushia-100: oklch(.9 .067 342.8);--fushia-200: oklch(.824 .13 342);--fushia-300: oklch(.749 .202 341.9);--fushia-400: oklch(.693 .261 342.5);--fushia-500: oklch(.618 .27 338.8);--fushia-600: oklch(.544 .243 334.4);--fushia-700: oklch(.459 .21 329.5);--fushia-800: oklch(.371 .174 324.6);--fushia-900: oklch(.282 .135 320);--fushia-950: oklch(.198 .098 314.6);--green-50: oklch(.972 .056 136.3);--green-100: oklch(.942 .103 142.3);--green-200: oklch(.895 .138 146.4);--green-300: oklch(.847 .168 150.5);--green-400: oklch(.793 .18 154.8);--green-500: oklch(.733 .172 157.8);--green-600: oklch(.659 .151 159.4);--green-700: oklch(.568 .128 160.1);--green-800: oklch(.463 .103 161.3);--green-900: oklch(.352 .076 162.7);--green-950: oklch(.246 .051 166.3);--letter-spacing-normal: 0em;--letter-spacing-tight: -.025em;--letter-spacing-tighter: -.05em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--line-height-loose: 2;--line-height-none: 1;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-snug: 1.375;--line-height-tight: 1.125;--motion-base: .2s;--motion-fast: .15s;--motion-slow: .3s;--neutral-50: oklch(.991 0 250);--neutral-100: oklch(.949 0 250);--neutral-200: oklch(.91 .001 286.4);--neutral-300: oklch(.864 .003 286.3);--neutral-400: oklch(.811 .001 286.4);--neutral-500: oklch(.725 .001 286.4);--neutral-600: oklch(.607 .003 286.3);--neutral-700: oklch(.486 .003 286.3);--neutral-800: oklch(.38 .003 286.2);--neutral-900: oklch(.306 .004 286.2);--neutral-950: oklch(.241 .006 286);--purple-50: oklch(.965 .019 299.1);--purple-100: oklch(.882 .063 293);--purple-200: oklch(.795 .114 293.3);--purple-300: oklch(.712 .166 292.8);--purple-400: oklch(.633 .216 291.4);--purple-500: oklch(.552 .23 291.3);--purple-600: oklch(.469 .206 291.5);--purple-700: oklch(.39 .17 291.6);--purple-800: oklch(.316 .148 291.2);--purple-900: oklch(.248 .129 289);--purple-950: oklch(.185 .107 286.8);--radius-full: 2048px;--radius-l: 16px;--radius-m: 8px;--radius-none: 0px;--radius-s: 4px;--radius-x: 24px;--red-50: oklch(.966 .018 .4);--red-100: oklch(.897 .057 3.3);--red-200: oklch(.826 .102 4.9);--red-300: oklch(.756 .152 7.6);--red-400: oklch(.697 .199 11.2);--red-500: oklch(.657 .233 15.2);--red-600: oklch(.595 .229 18.1);--red-700: oklch(.512 .202 20.3);--red-800: oklch(.426 .165 22.8);--red-900: oklch(.336 .125 24.7);--red-950: oklch(.25 .09 26.7);--size-2xs: 24px;--size-3xs: 20px;--size-4xs: 16px;--size-l: 60px;--size-m: 48px;--size-s: 40px;--size-xl: 72px;--size-xs: 32px;--space-2xl: clamp(3rem, 2.6176rem + 1.5686vw, 4.5rem);--space-2xl-3xl: clamp(3rem, 2.2353rem + 3.1373vw, 6rem);--space-3xl: clamp(4rem, 3.4902rem + 2.0915vw, 6rem);--space-3xl-4xl: clamp(4rem, 3.1078rem + 3.6601vw, 7.5rem);--space-4xl: clamp(5rem, 4.3627rem + 2.6144vw, 7.5rem);--space-4xl-5xl: clamp(5rem, 3.9804rem + 4.183vw, 9rem);--space-5xl: clamp(6rem, 5.2353rem + 3.1373vw, 9rem);--space-5xl-6xl: clamp(6rem, 4.0882rem + 7.8431vw, 13.5rem);--space-6xl: clamp(9rem, 7.8529rem + 4.7059vw, 13.5rem);--space-l: clamp(2rem, 1.7451rem + 1.0458vw, 3rem);--space-l-xl: clamp(2rem, 1.5539rem + 1.8301vw, 3.75rem);--space-m: clamp(1.5rem, 1.3088rem + .7843vw, 2.25rem);--space-m-2xl: clamp(1.5rem, .7353rem + 3.1373vw, 4.5rem);--space-m-l: clamp(1.5rem, 1.1176rem + 1.5686vw, 3rem);--space-s: clamp(1rem, .8725rem + .5229vw, 1.5rem);--space-s-m: clamp(1rem, .6814rem + 1.3072vw, 2.25rem);--space-xl: clamp(2.5rem, 2.1814rem + 1.3072vw, 3.75rem);--space-xl-2xl: clamp(2.5rem, 1.9902rem + 2.0915vw, 4.5rem);--space-xs: clamp(.5rem, .4363rem + .2614vw, .75rem);--space-xs-s: clamp(.5rem, .2451rem + 1.0458vw, 1.5rem);--white: oklch(1 0 250);--yellow-50: oklch(.969 .01 72.7);--yellow-100: oklch(.933 .063 80.2);--yellow-200: oklch(.889 .119 84.4);--yellow-300: oklch(.842 .173 84.6);--yellow-400: oklch(.803 .17 73.8);--yellow-500: oklch(.769 .174 63.6);--yellow-600: oklch(.719 .179 54.4);--yellow-700: oklch(.603 .159 50.2);--yellow-800: oklch(.468 .135 44.4);--yellow-900: oklch(.325 .113 35.3);--yellow-950: oklch(.207 .085 29.2);--control-padding-l: 24px;--control-padding-m: 16px;--control-padding-s: 12px;--focus-ring-width: 2px;--font-weight-body: var(--font-weight-light);--font-weight-heading: var(--font-weight-medium);--icon-l: var(--size-2xs);--icon-m: var(--size-3xs);--icon-s: var(--size-4xs);--layout-block-padding-2xs: var(--space-s);--layout-block-padding-l: var(--space-2xl-3xl);--layout-block-padding-m: var(--space-xl-2xl);--layout-block-padding-s: var(--space-l-xl);--layout-block-padding-xl: var(--space-3xl-4xl);--layout-block-padding-xs: var(--space-m);--layout-column-count: 12;--layout-container: 1920px;--layout-container-2xs: 688px;--layout-container-m: 1612px;--layout-container-s: 1304px;--layout-container-xs: 996px;--layout-gap: var(--space-s);--layout-inline-padding: var(--space-m-l);--layout-stack-l: var(--space-l);--layout-stack-m: var(--space-m);--layout-stack-s: var(--space-s);--layout-stack-xs: var(--space-xs)}:root{--bg: oklch(1 0 250);--bg-border: oklch(.94 0 250);--bg-fg: oklch(0 0 250);--bg-fg-muted: oklch(.576 0 250);--bg-hover: oklch(.985 0 250);--bg-fg-disabled: oklch(.538 0 250);--bg-fg-ghost: oklch(.83 0 250);--surface: var(--bg);--border: var(--bg-border);--fg: var(--bg-fg);--fg-muted: var(--bg-fg-muted);--hover: var(--bg-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost);--bg-raised: oklch(1 0 250);--bg-strong: oklch(.97 0 250);--bg-subtle: oklch(.991 0 250);--border-muted: oklch(.97 0 250);--field: oklch(.97 0 250);--fill: oklch(.919 0 250);--ring: oklch(.39 .17 291.6);--accent: oklch(.659 .151 159.4);--accent-border: oklch(.69 .151 159.3);--accent-fg: oklch(1 0 250);--accent-fg-muted: oklch(1 0 250);--accent-hover: oklch(.669 .15 159.5);--critical: oklch(.657 .233 15.2);--critical-border: oklch(.617 .233 15);--critical-fg: oklch(0 0 250);--critical-fg-muted: oklch(0 0 250);--critical-hover: oklch(.646 .233 15.1);--critical-soft: oklch(.657 .233 15.2 / .161);--critical-soft-border: oklch(.657 .233 15.2 / .129);--critical-soft-fg: oklch(.388 .137 14.8);--critical-soft-hover: oklch(.631 .224 15.4);--highlight: oklch(.693 .261 342.5);--highlight-border: oklch(.706 .255 340.2);--highlight-fg: oklch(1 0 250);--highlight-fg-muted: oklch(1 0 250);--highlight-hover: oklch(.697 .259 341.7);--highlight-soft: oklch(.693 .261 342.5 / .161);--highlight-soft-border: oklch(.693 .261 342.5 / .129);--highlight-soft-fg: oklch(.406 .153 342.6);--highlight-soft-hover: oklch(.703 .25 342.3);--info: oklch(.762 .152 230);--info-border: oklch(.72 .146 231.5);--info-fg: oklch(0 0 250);--info-fg-muted: oklch(0 0 250);--info-hover: oklch(.751 .151 230.5);--info-soft: oklch(.762 .152 230 / .161);--info-soft-border: oklch(.762 .152 230 / .129);--info-soft-fg: oklch(.428 .086 230.3);--info-soft-hover: oklch(.733 .146 230);--primary: oklch(.39 .17 291.6);--primary-border: oklch(.445 .17 291.5);--primary-fg: oklch(1 0 250);--primary-fg-muted: oklch(.872 .036 292.7);--primary-hover: oklch(.408 .17 291.8);--secondary: oklch(.919 0 250);--secondary-border: oklch(.864 0 250);--secondary-fg: oklch(0 0 250);--secondary-fg-muted: oklch(.45 0 250);--secondary-hover: oklch(.904 0 250);--success: oklch(.659 .151 159.4);--success-border: oklch(.622 .145 158.1);--success-fg: oklch(0 0 250);--success-fg-muted: oklch(0 0 250);--success-hover: oklch(.651 .15 159);--success-soft: oklch(.659 .151 159.4 / .161);--success-soft-border: oklch(.659 .151 159.4 / .129);--success-soft-fg: oklch(.39 .088 159.9);--success-soft-hover: oklch(.634 .145 159.4);--success-fg-disabled: oklch(0 0 250);--success-fg-ghost: oklch(.428 .098 159.1);--warning: oklch(.769 .174 63.6);--warning-border: oklch(.723 .168 60.9);--warning-fg: oklch(0 0 250);--warning-fg-muted: oklch(0 0 250);--warning-hover: oklch(.757 .173 62.8);--warning-soft: oklch(.769 .174 63.6 / .161);--warning-soft-border: oklch(.769 .174 63.6 / .129);--warning-soft-fg: oklch(.434 .098 64.2);--warning-soft-hover: oklch(.739 .168 63.5);--warning-fg-disabled: oklch(0 0 250);--warning-fg-ghost: oklch(.549 .125 63.1)}.surface-bg{--surface: var(--bg);--border: var(--bg-border);--fg: var(--bg-fg);--fg-muted: var(--bg-fg-muted);--hover: var(--bg-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-accent{--surface: var(--accent);--border: var(--accent-border);--fg: var(--accent-fg);--fg-muted: var(--accent-fg-muted);--hover: var(--accent-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-critical{--surface: var(--critical);--border: var(--critical-border);--fg: var(--critical-fg);--fg-muted: var(--critical-fg-muted);--hover: var(--critical-hover);--soft: var(--critical-soft);--soft-border: var(--critical-soft-border);--soft-fg: var(--critical-soft-fg);--soft-hover: var(--critical-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-highlight{--surface: var(--highlight);--border: var(--highlight-border);--fg: var(--highlight-fg);--fg-muted: var(--highlight-fg-muted);--hover: var(--highlight-hover);--soft: var(--highlight-soft);--soft-border: var(--highlight-soft-border);--soft-fg: var(--highlight-soft-fg);--soft-hover: var(--highlight-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-info{--surface: var(--info);--border: var(--info-border);--fg: var(--info-fg);--fg-muted: var(--info-fg-muted);--hover: var(--info-hover);--soft: var(--info-soft);--soft-border: var(--info-soft-border);--soft-fg: var(--info-soft-fg);--soft-hover: var(--info-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-primary{--surface: var(--primary);--border: var(--primary-border);--fg: var(--primary-fg);--fg-muted: var(--primary-fg-muted);--hover: var(--primary-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-secondary{--surface: var(--secondary);--border: var(--secondary-border);--fg: var(--secondary-fg);--fg-muted: var(--secondary-fg-muted);--hover: var(--secondary-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}.surface-success{--surface: var(--success);--border: var(--success-border);--fg: var(--success-fg);--fg-muted: var(--success-fg-muted);--hover: var(--success-hover);--soft: var(--success-soft);--soft-border: var(--success-soft-border);--soft-fg: var(--success-soft-fg);--soft-hover: var(--success-soft-hover);--fg-disabled: var(--success-fg-disabled);--fg-ghost: var(--success-fg-ghost)}.surface-warning{--surface: var(--warning);--border: var(--warning-border);--fg: var(--warning-fg);--fg-muted: var(--warning-fg-muted);--hover: var(--warning-hover);--soft: var(--warning-soft);--soft-border: var(--warning-soft-border);--soft-fg: var(--warning-soft-fg);--soft-hover: var(--warning-soft-hover);--fg-disabled: var(--warning-fg-disabled);--fg-ghost: var(--warning-fg-ghost)}[data-theme=purple]{--bg: oklch(.39 .17 291.6);--bg-border: oklch(.445 .17 291.5);--bg-fg: oklch(1 0 250);--bg-fg-muted: oklch(.872 .036 292.7);--bg-hover: oklch(.408 .17 291.8);--bg-fg-disabled: oklch(.896 .029 290.2);--bg-fg-ghost: oklch(.644 .099 291.6);--surface: var(--bg);--border: var(--bg-border);--fg: var(--bg-fg);--fg-muted: var(--bg-fg-muted);--hover: var(--bg-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost);--bg-raised: oklch(.439 .156 291.9);--bg-strong: oklch(.408 .165 291.3);--bg-subtle: oklch(.401 .167 291.8);--border-muted: oklch(.444 .16 291.4);--field: oklch(.408 .165 291.3);--fill: oklch(.439 .156 291.9);--ring: oklch(1 0 250);--accent: oklch(.659 .151 159.4);--accent-border: oklch(.69 .151 159.3);--accent-fg: oklch(1 0 250);--accent-fg-muted: oklch(1 0 250);--accent-hover: oklch(.669 .15 159.5);--critical: oklch(.595 .229 18.1);--critical-border: oklch(.632 .23 17.9);--critical-fg: oklch(1 0 250);--critical-fg-muted: oklch(.978 .011 17.3);--critical-hover: oklch(.608 .23 18);--critical-soft: oklch(.595 .229 18.1 / .161);--critical-soft-border: oklch(.595 .229 18.1 / .129);--critical-soft-fg: oklch(.936 .032 20.1);--critical-soft-hover: oklch(.612 .22 18.2);--highlight: oklch(.618 .27 338.8);--highlight-border: oklch(.652 .27 338.7);--highlight-fg: oklch(1 0 250);--highlight-fg-muted: oklch(.992 .005 345.3);--highlight-hover: oklch(.63 .27 338.7);--highlight-soft: oklch(.618 .27 338.8 / .161);--highlight-soft-border: oklch(.618 .27 338.8 / .129);--highlight-soft-fg: oklch(.94 .042 338.1);--highlight-soft-hover: oklch(.633 .259 338.7);--info: oklch(.762 .152 230);--info-border: oklch(.72 .146 231.5);--info-fg: oklch(0 0 250);--info-fg-muted: oklch(0 0 250);--info-hover: oklch(.751 .151 230.5);--info-soft: oklch(.762 .152 230 / .161);--info-soft-border: oklch(.762 .152 230 / .129);--info-soft-fg: oklch(.944 .035 226.6);--info-soft-hover: oklch(.733 .146 230);--primary: oklch(1 0 250);--primary-border: oklch(.94 0 250);--primary-fg: oklch(0 0 250);--primary-fg-muted: oklch(.576 0 250);--primary-hover: oklch(.985 0 250);--secondary: oklch(.439 .156 291.9);--secondary-border: oklch(.489 .156 292.3);--secondary-fg: oklch(1 0 250);--secondary-fg-muted: oklch(.894 .029 292.4);--secondary-hover: oklch(.455 .156 291.8);--success: oklch(.659 .151 159.4);--success-border: oklch(.622 .145 158.1);--success-fg: oklch(0 0 250);--success-fg-muted: oklch(0 0 250);--success-hover: oklch(.651 .15 159);--success-soft: oklch(.659 .151 159.4 / .161);--success-soft-border: oklch(.659 .151 159.4 / .129);--success-soft-fg: oklch(.936 .027 160.9);--success-soft-hover: oklch(.634 .145 159.4);--success-fg-disabled: oklch(0 0 250);--success-fg-ghost: oklch(.428 .098 159.1);--warning: oklch(.769 .174 63.6);--warning-border: oklch(.723 .168 60.9);--warning-fg: oklch(0 0 250);--warning-fg-muted: oklch(0 0 250);--warning-hover: oklch(.757 .173 62.8);--warning-soft: oklch(.769 .174 63.6 / .161);--warning-soft-border: oklch(.769 .174 63.6 / .129);--warning-soft-fg: oklch(.946 .038 67.3);--warning-soft-hover: oklch(.739 .168 63.5);--warning-fg-disabled: oklch(0 0 250);--warning-fg-ghost: oklch(.549 .125 63.1)}[data-theme=purple] .surface-bg{--surface: var(--bg);--border: var(--bg-border);--fg: var(--bg-fg);--fg-muted: var(--bg-fg-muted);--hover: var(--bg-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-accent{--surface: var(--accent);--border: var(--accent-border);--fg: var(--accent-fg);--fg-muted: var(--accent-fg-muted);--hover: var(--accent-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-critical{--surface: var(--critical);--border: var(--critical-border);--fg: var(--critical-fg);--fg-muted: var(--critical-fg-muted);--hover: var(--critical-hover);--soft: var(--critical-soft);--soft-border: var(--critical-soft-border);--soft-fg: var(--critical-soft-fg);--soft-hover: var(--critical-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-highlight{--surface: var(--highlight);--border: var(--highlight-border);--fg: var(--highlight-fg);--fg-muted: var(--highlight-fg-muted);--hover: var(--highlight-hover);--soft: var(--highlight-soft);--soft-border: var(--highlight-soft-border);--soft-fg: var(--highlight-soft-fg);--soft-hover: var(--highlight-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-info{--surface: var(--info);--border: var(--info-border);--fg: var(--info-fg);--fg-muted: var(--info-fg-muted);--hover: var(--info-hover);--soft: var(--info-soft);--soft-border: var(--info-soft-border);--soft-fg: var(--info-soft-fg);--soft-hover: var(--info-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-primary{--surface: var(--primary);--border: var(--primary-border);--fg: var(--primary-fg);--fg-muted: var(--primary-fg-muted);--hover: var(--primary-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-secondary{--surface: var(--secondary);--border: var(--secondary-border);--fg: var(--secondary-fg);--fg-muted: var(--secondary-fg-muted);--hover: var(--secondary-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=purple] .surface-success{--surface: var(--success);--border: var(--success-border);--fg: var(--success-fg);--fg-muted: var(--success-fg-muted);--hover: var(--success-hover);--soft: var(--success-soft);--soft-border: var(--success-soft-border);--soft-fg: var(--success-soft-fg);--soft-hover: var(--success-soft-hover);--fg-disabled: var(--success-fg-disabled);--fg-ghost: var(--success-fg-ghost)}[data-theme=purple] .surface-warning{--surface: var(--warning);--border: var(--warning-border);--fg: var(--warning-fg);--fg-muted: var(--warning-fg-muted);--hover: var(--warning-hover);--soft: var(--warning-soft);--soft-border: var(--warning-soft-border);--soft-fg: var(--warning-soft-fg);--soft-hover: var(--warning-soft-hover);--fg-disabled: var(--warning-fg-disabled);--fg-ghost: var(--warning-fg-ghost)}[data-theme=dark]{--bg: oklch(.241 .006 286);--bg-border: oklch(.31 .005 286.1);--bg-fg: oklch(1 0 250);--bg-fg-muted: oklch(.827 0 250);--bg-hover: oklch(.262 .006 286);--bg-fg-disabled: oklch(.852 .001 286.4);--bg-fg-ghost: oklch(.58 .005 286.3);--surface: var(--bg);--border: var(--bg-border);--fg: var(--bg-fg);--fg-muted: var(--bg-fg-muted);--hover: var(--bg-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost);--bg-raised: oklch(.302 .005 286.1);--bg-strong: oklch(.262 .006 286);--bg-subtle: oklch(.257 .006 286);--border-muted: oklch(.309 0 250);--field: oklch(.262 .006 286);--fill: oklch(.302 .005 286.1);--ring: oklch(.712 .166 292.8);--accent: oklch(.793 .18 154.8);--accent-border: oklch(.811 .179 154.9);--accent-fg: oklch(1 0 250);--accent-fg-muted: oklch(1 0 250);--accent-hover: oklch(.799 .18 154.8);--critical: oklch(.657 .233 15.2);--critical-border: oklch(.617 .233 15);--critical-fg: oklch(0 0 250);--critical-fg-muted: oklch(0 0 250);--critical-hover: oklch(.646 .233 15.1);--critical-soft: oklch(.657 .233 15.2 / .161);--critical-soft-border: oklch(.657 .233 15.2 / .129);--critical-soft-fg: oklch(.899 .053 15.3);--critical-soft-hover: oklch(.631 .224 15.4);--highlight: oklch(.824 .13 342);--highlight-border: oklch(.834 .125 340.1);--highlight-fg: oklch(1 0 250);--highlight-fg-muted: oklch(1 0 250);--highlight-hover: oklch(.828 .128 341.2);--highlight-soft: oklch(.824 .13 342 / .161);--highlight-soft-border: oklch(.824 .13 342 / .129);--highlight-soft-fg: oklch(.91 .062 340.6);--highlight-soft-hover: oklch(.831 .123 342.1);--info: oklch(.762 .152 230);--info-border: oklch(.72 .146 231.5);--info-fg: oklch(0 0 250);--info-fg-muted: oklch(0 0 250);--info-hover: oklch(.751 .151 230.5);--info-soft: oklch(.762 .152 230 / .161);--info-soft-border: oklch(.762 .152 230 / .129);--info-soft-fg: oklch(.893 .066 229.1);--info-soft-hover: oklch(.733 .146 230);--primary: oklch(.712 .166 292.8);--primary-border: oklch(.733 .154 294.2);--primary-fg: oklch(1 0 250);--primary-fg-muted: oklch(1 0 250);--primary-hover: oklch(.719 .161 293.3);--secondary: oklch(.302 .005 286.1);--secondary-border: oklch(.365 .005 286.1);--secondary-fg: oklch(1 0 250);--secondary-fg-muted: oklch(.839 .001 286.4);--secondary-hover: oklch(.322 .005 286.1);--success: oklch(.659 .151 159.4);--success-border: oklch(.622 .145 158.1);--success-fg: oklch(0 0 250);--success-fg-muted: oklch(0 0 250);--success-hover: oklch(.651 .15 159);--success-soft: oklch(.659 .151 159.4 / .161);--success-soft-border: oklch(.659 .151 159.4 / .129);--success-soft-fg: oklch(.888 .051 158.6);--success-soft-hover: oklch(.634 .145 159.4);--success-fg-disabled: oklch(0 0 250);--success-fg-ghost: oklch(.428 .098 159.1);--warning: oklch(.769 .174 63.6);--warning-border: oklch(.723 .168 60.9);--warning-fg: oklch(0 0 250);--warning-fg-muted: oklch(0 0 250);--warning-hover: oklch(.757 .173 62.8);--warning-soft: oklch(.769 .174 63.6 / .161);--warning-soft-border: oklch(.769 .174 63.6 / .129);--warning-soft-fg: oklch(.899 .07 65.3);--warning-soft-hover: oklch(.739 .168 63.5);--warning-fg-disabled: oklch(0 0 250);--warning-fg-ghost: oklch(.549 .125 63.1)}[data-theme=dark] .surface-bg{--surface: var(--bg);--border: var(--bg-border);--fg: var(--bg-fg);--fg-muted: var(--bg-fg-muted);--hover: var(--bg-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-accent{--surface: var(--accent);--border: var(--accent-border);--fg: var(--accent-fg);--fg-muted: var(--accent-fg-muted);--hover: var(--accent-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-critical{--surface: var(--critical);--border: var(--critical-border);--fg: var(--critical-fg);--fg-muted: var(--critical-fg-muted);--hover: var(--critical-hover);--soft: var(--critical-soft);--soft-border: var(--critical-soft-border);--soft-fg: var(--critical-soft-fg);--soft-hover: var(--critical-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-highlight{--surface: var(--highlight);--border: var(--highlight-border);--fg: var(--highlight-fg);--fg-muted: var(--highlight-fg-muted);--hover: var(--highlight-hover);--soft: var(--highlight-soft);--soft-border: var(--highlight-soft-border);--soft-fg: var(--highlight-soft-fg);--soft-hover: var(--highlight-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-info{--surface: var(--info);--border: var(--info-border);--fg: var(--info-fg);--fg-muted: var(--info-fg-muted);--hover: var(--info-hover);--soft: var(--info-soft);--soft-border: var(--info-soft-border);--soft-fg: var(--info-soft-fg);--soft-hover: var(--info-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-primary{--surface: var(--primary);--border: var(--primary-border);--fg: var(--primary-fg);--fg-muted: var(--primary-fg-muted);--hover: var(--primary-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-secondary{--surface: var(--secondary);--border: var(--secondary-border);--fg: var(--secondary-fg);--fg-muted: var(--secondary-fg-muted);--hover: var(--secondary-hover);--soft: var(--bg-soft);--soft-border: var(--bg-soft-border);--soft-fg: var(--bg-soft-fg);--soft-hover: var(--bg-soft-hover);--fg-disabled: var(--bg-fg-disabled);--fg-ghost: var(--bg-fg-ghost)}[data-theme=dark] .surface-success{--surface: var(--success);--border: var(--success-border);--fg: var(--success-fg);--fg-muted: var(--success-fg-muted);--hover: var(--success-hover);--soft: var(--success-soft);--soft-border: var(--success-soft-border);--soft-fg: var(--success-soft-fg);--soft-hover: var(--success-soft-hover);--fg-disabled: var(--success-fg-disabled);--fg-ghost: var(--success-fg-ghost)}[data-theme=dark] .surface-warning{--surface: var(--warning);--border: var(--warning-border);--fg: var(--warning-fg);--fg-muted: var(--warning-fg-muted);--hover: var(--warning-hover);--soft: var(--warning-soft);--soft-border: var(--warning-soft-border);--soft-fg: var(--warning-soft-fg);--soft-hover: var(--warning-soft-hover);--fg-disabled: var(--warning-fg-disabled);--fg-ghost: var(--warning-fg-ghost)}:root{--col-fluid: calc( (min(100vw, var(--layout-container)) - 2 * var(--layout-inline-padding) - (var(--layout-column-count) - 1) * var(--layout-gap) ) / var(--layout-column-count) );--fluid-content-m: calc(10 * var(--col-fluid) + 9 * var(--layout-gap));--fluid-outer-m: calc(var(--fluid-content-m) + 2 * var(--layout-inline-padding))}.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid{width:100%;margin-inline:auto;padding-inline:var(--layout-inline-padding)}.container{max-width:var(--layout-container)}.container-m{max-width:var(--layout-container-m)}.container-s{max-width:var(--layout-container-s)}.container-xs{max-width:var(--layout-container-xs)}.container-2xs{max-width:var(--layout-container-2xs)}.container-m-fluid{max-width:var(--fluid-outer-m)}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) .container{padding-inline:0}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) .container-m{max-width:calc(var(--layout-container-m) - 2 * var(--layout-inline-padding));padding-inline:0}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) .container-s{max-width:calc(var(--layout-container-s) - 2 * var(--layout-inline-padding));padding-inline:0}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) .container-xs{max-width:calc(var(--layout-container-xs) - 2 * var(--layout-inline-padding));padding-inline:0}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) .container-2xs{max-width:calc(var(--layout-container-2xs) - 2 * var(--layout-inline-padding));padding-inline:0}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) .container-m-fluid{max-width:var(--fluid-content-m);padding-inline:0}@media(max-width:1199px){:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid).full-tablet{max-width:var(--layout-container);padding-inline:var(--layout-inline-padding)}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) :is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid).full-tablet{max-width:100%;padding-inline:0}}@media(max-width:809px){:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid).full-phone{max-width:var(--layout-container);padding-inline:var(--layout-inline-padding)}:is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid) :is(.container,.container-m,.container-s,.container-xs,.container-2xs,.container-m-fluid).full-phone{max-width:100%;padding-inline:0}}.body{font-family:var(--font-family-sans);font-size:var(--font-size-step-1);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal)}.body-l{font-family:var(--font-family-sans);font-size:var(--font-size-step-2);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug)}.body-s{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal)}.body-xl{font-family:var(--font-family-sans);font-size:var(--font-size-step-3);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug)}.button{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-wide);line-height:var(--size-m)}.button-l{font-family:var(--font-family-sans);font-size:var(--font-size-step-1);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-wide);line-height:var(--size-l)}.button-s{font-family:var(--font-family-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-wide);line-height:var(--size-s)}.caption{font-family:var(--font-family-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.display{font-family:var(--font-family-sans);font-size:var(--font-size-step-6);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.display-l{font-family:var(--font-family-sans);font-size:var(--font-size-step-7);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.heading-2xs{font-family:var(--font-family-sans);font-size:var(--font-size-step--1);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.heading-l{font-family:var(--font-family-sans);font-size:var(--font-size-step-4);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.heading-m{font-family:var(--font-family-sans);font-size:var(--font-size-step-3);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.heading-s{font-family:var(--font-family-sans);font-size:var(--font-size-step-2);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.heading-xl{font-family:var(--font-family-sans);font-size:var(--font-size-step-5);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.heading-xs{font-family:var(--font-family-sans);font-size:var(--font-size-step-1);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.input{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-none)}.label{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-2xs{font-family:var(--font-family-sans);font-size:var(--font-size-10);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-s{font-family:var(--font-family-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-strong{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-strong-2xs{font-family:var(--font-family-sans);font-size:var(--font-size-10);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-strong-s{font-family:var(--font-family-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-strong-xs{font-family:var(--font-family-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}.label-xs{font-family:var(--font-family-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none)}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{min-height:100svh;line-height:1.5;font-family:var(--font-family-sans);color:var(--fg);background:var(--bg);-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{line-height:1.2;text-wrap:balance}p{text-wrap:pretty}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.material-symbols{--ms-fill: 0;--ms-wght: 400;--ms-grad: 0;--ms-opsz: 24;display:inline-block;flex-shrink:0;font-family:var(--font-material-symbols);font-weight:400;font-style:normal;font-size:var(--icon-m);line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" var(--ms-fill),"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);font-feature-settings:"liga";-webkit-font-smoothing:antialiased;user-select:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}