:root{--border-color: var(--color-stroke);--border-style: solid;--border-width: 1px;--breakpoint-2xl: 96rem;--breakpoint-lg: 64rem;--breakpoint-md: 48rem;--breakpoint-sm: 40rem;--breakpoint-xl: 80rem;--color-neutral: var(--color-neutral-950);--color-neutral-content: var(--color-neutral-50);--color-accent: var(--color-pink-600);--color-accent-content: var(--color-pink-50);--color-alpha-black-00: oklch(0 0 0 / 0);--color-alpha-black-05: oklch(0 0 0 / .05);--color-alpha-black-10: oklch(0 0 0 / .1);--color-alpha-black-12: oklch(0 0 0 / .12);--color-alpha-black-15: oklch(0 0 0 / .15);--color-alpha-black-25: oklch(0 0 0 / .25);--color-alpha-black-50: oklch(0 0 0 / .5);--color-alpha-black-80: oklch(0 0 0 / .8);--color-alpha-white-10: oklch(1 0 0 / .1);--color-alpha-white-15: oklch(1 0 0 / .15);--color-amber-100: oklch(.962 .059 95.617);--color-amber-200: oklch(.924 .12 95.746);--color-amber-300: oklch(.879 .169 91.605);--color-amber-400: oklch(.828 .189 84.429);--color-amber-50: oklch(.987 .022 95.277);--color-amber-500: oklch(.769 .188 70.08);--color-amber-600: oklch(.666 .179 58.318);--color-amber-700: oklch(.555 .163 48.998);--color-amber-800: oklch(.473 .137 46.201);--color-amber-900: oklch(.414 .112 45.904);--color-amber-950: oklch(.279 .077 45.635);--color-bg: var(--color-white);--color-bg-offset-1: var(--color-neutral-100);--color-bg-offset-2: var(--color-neutral-200);--color-bg-offset-3: var(--color-neutral-300);--color-black: #000000;--color-blue-100: oklch(.932 .032 255.585);--color-blue-200: oklch(.882 .059 254.128);--color-blue-300: oklch(.809 .105 251.813);--color-blue-400: oklch(.707 .165 254.624);--color-blue-50: oklch(.97 .014 254.604);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: oklch(.488 .243 264.376);--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: oklch(.379 .146 265.522);--color-blue-950: oklch(.282 .091 267.935);--color-cyan-100: oklch(.956 .045 203.388);--color-cyan-200: oklch(.917 .08 205.041);--color-cyan-300: oklch(.865 .127 207.078);--color-cyan-400: oklch(.789 .154 211.53);--color-cyan-50: oklch(.984 .019 200.873);--color-cyan-500: oklch(.715 .143 215.221);--color-cyan-600: oklch(.609 .126 221.723);--color-cyan-700: oklch(.52 .105 223.128);--color-cyan-800: oklch(.45 .085 224.283);--color-cyan-900: oklch(.398 .07 227.392);--color-cyan-950: oklch(.302 .056 229.695);--color-emerald-100: oklch(.95 .052 163.051);--color-emerald-200: oklch(.905 .093 164.15);--color-emerald-300: oklch(.845 .143 164.978);--color-emerald-400: oklch(.765 .177 163.223);--color-emerald-50: oklch(.979 .021 166.113);--color-emerald-500: oklch(.696 .17 162.48);--color-emerald-600: oklch(.596 .145 163.225);--color-emerald-700: oklch(.508 .118 165.612);--color-emerald-800: oklch(.432 .095 166.913);--color-emerald-900: oklch(.378 .077 168.94);--color-emerald-950: oklch(.262 .051 172.552);--color-error: var(--color-rose-400);--color-error-content: var(--color-rose-950);--color-fuchsia-100: oklch(.952 .037 318.852);--color-fuchsia-200: oklch(.903 .076 319.62);--color-fuchsia-300: oklch(.833 .145 321.434);--color-fuchsia-400: oklch(.74 .238 322.16);--color-fuchsia-50: oklch(.977 .017 320.058);--color-fuchsia-500: oklch(.667 .295 322.15);--color-fuchsia-600: oklch(.591 .293 322.896);--color-fuchsia-700: oklch(.518 .253 323.949);--color-fuchsia-800: oklch(.452 .211 324.591);--color-fuchsia-900: oklch(.401 .17 325.612);--color-fuchsia-950: oklch(.293 .136 325.661);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-50: oklch(.985 .002 247.839);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-gray-900: oklch(.21 .034 264.665);--color-gray-950: oklch(.13 .028 261.692);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-50: oklch(.982 .018 155.826);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-800: oklch(.448 .119 151.328);--color-green-900: oklch(.393 .095 152.535);--color-green-950: oklch(.266 .065 152.934);--color-indigo-100: oklch(.93 .034 272.788);--color-indigo-200: oklch(.87 .065 274.039);--color-indigo-300: oklch(.785 .115 274.713);--color-indigo-400: oklch(.673 .182 276.935);--color-indigo-50: oklch(.962 .018 272.314);--color-indigo-500: oklch(.585 .233 277.117);--color-indigo-600: oklch(.511 .262 276.966);--color-indigo-700: oklch(.457 .24 277.023);--color-indigo-800: oklch(.398 .195 277.366);--color-indigo-900: oklch(.359 .144 278.697);--color-indigo-950: oklch(.257 .09 281.288);--color-info: var(--color-blue-600);--color-info-content: var(--color-blue-50);--color-lime-100: oklch(.967 .067 122.328);--color-lime-200: oklch(.938 .127 124.321);--color-lime-300: oklch(.897 .196 126.665);--color-lime-400: oklch(.841 .238 128.85);--color-lime-50: oklch(.986 .031 120.757);--color-lime-500: oklch(.768 .233 130.85);--color-lime-600: oklch(.648 .2 131.684);--color-lime-700: oklch(.532 .157 131.589);--color-lime-800: oklch(.453 .124 130.933);--color-lime-900: oklch(.405 .101 131.063);--color-lime-950: oklch(.274 .072 132.109);--color-neutral-100: oklch(.97 0 0);--color-neutral-200: oklch(.922 0 0);--color-neutral-300: oklch(.87 0 0);--color-neutral-400: oklch(.708 0 0);--color-neutral-50: oklch(.985 0 0);--color-neutral-500: oklch(.556 0 0);--color-neutral-600: oklch(.439 0 0);--color-neutral-700: oklch(.371 0 0);--color-neutral-800: oklch(.269 0 0);--color-neutral-900: oklch(.205 0 0);--color-neutral-950: oklch(.145 0 0);--color-orange-100: oklch(.954 .038 75.164);--color-orange-200: oklch(.901 .076 70.697);--color-orange-300: oklch(.837 .128 66.29);--color-orange-400: oklch(.75 .183 55.934);--color-orange-50: oklch(.98 .016 73.684);--color-orange-500: oklch(.705 .213 47.604);--color-orange-600: oklch(.646 .222 41.116);--color-orange-700: oklch(.553 .195 38.402);--color-orange-800: oklch(.47 .157 37.304);--color-orange-900: oklch(.408 .123 38.172);--color-orange-950: oklch(.266 .079 36.259);--color-overlay: var(--color-alpha-black-50);--color-pink-100: oklch(.948 .028 342.258);--color-pink-200: oklch(.899 .061 343.231);--color-pink-300: oklch(.823 .12 346.018);--color-pink-400: oklch(.718 .202 349.761);--color-pink-50: oklch(.971 .014 343.198);--color-pink-500: oklch(.656 .241 354.308);--color-pink-600: oklch(.592 .249 .584);--color-pink-700: oklch(.525 .223 3.958);--color-pink-800: oklch(.459 .187 3.815);--color-pink-900: oklch(.408 .153 2.432);--color-pink-950: oklch(.284 .109 3.907);--color-primary: var(--color-blue-600);--color-primary-content: var(--color-neutral-50);--color-primary-offset-1: var(--color-neutral-900);--color-primary-offset-2: var(--color-neutral-800);--color-purple-100: oklch(.946 .033 307.174);--color-purple-200: oklch(.902 .063 306.703);--color-purple-300: oklch(.827 .119 306.383);--color-purple-400: oklch(.714 .203 305.504);--color-purple-50: oklch(.977 .014 308.299);--color-purple-500: oklch(.627 .265 303.9);--color-purple-600: oklch(.558 .288 302.321);--color-purple-700: oklch(.496 .265 301.924);--color-purple-800: oklch(.438 .218 303.724);--color-purple-900: oklch(.381 .176 304.987);--color-purple-950: oklch(.291 .149 302.717);--color-red-100: oklch(.936 .032 17.717);--color-red-200: oklch(.885 .062 18.334);--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-50: oklch(.971 .013 17.38);--color-red-500: oklch(.637 .237 25.331);--color-red-600: oklch(.577 .245 27.325);--color-red-700: oklch(.505 .213 27.518);--color-red-800: oklch(.444 .177 26.899);--color-red-900: oklch(.396 .141 25.723);--color-red-950: oklch(.258 .092 26.042);--color-rose-100: oklch(.941 .03 12.58);--color-rose-200: oklch(.892 .058 10.001);--color-rose-300: oklch(.81 .117 11.638);--color-rose-400: oklch(.712 .194 13.428);--color-rose-50: oklch(.969 .015 12.422);--color-rose-500: oklch(.645 .246 16.439);--color-rose-600: oklch(.586 .253 17.585);--color-rose-700: oklch(.514 .222 16.935);--color-rose-800: oklch(.455 .188 13.697);--color-rose-900: oklch(.41 .159 10.272);--color-rose-950: oklch(.271 .105 12.094);--color-secondary: var(--color-neutral-500);--color-secondary-content: var(--color-neutral-50);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(.901 .058 230.902);--color-sky-300: oklch(.828 .111 230.318);--color-sky-400: oklch(.746 .16 232.661);--color-sky-50: oklch(.977 .013 236.62);--color-sky-500: oklch(.685 .169 237.323);--color-sky-600: oklch(.588 .158 241.966);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-slate-100: oklch(.968 .007 247.896);--color-slate-200: oklch(.929 .013 255.508);--color-slate-300: oklch(.869 .022 252.894);--color-slate-400: oklch(.704 .04 256.788);--color-slate-50: oklch(.984 .003 247.858);--color-slate-500: oklch(.554 .046 257.417);--color-slate-600: oklch(.446 .043 257.281);--color-slate-700: oklch(.372 .044 257.287);--color-slate-800: oklch(.279 .041 260.031);--color-slate-900: oklch(.208 .042 265.755);--color-slate-950: oklch(.129 .042 264.695);--color-stone-100: oklch(.97 .001 106.424);--color-stone-200: oklch(.923 .003 48.717);--color-stone-300: oklch(.869 .005 56.366);--color-stone-400: oklch(.709 .01 56.259);--color-stone-50: oklch(.985 .001 106.423);--color-stone-500: oklch(.553 .013 58.071);--color-stone-600: oklch(.444 .011 73.639);--color-stone-700: oklch(.374 .01 67.558);--color-stone-800: oklch(.268 .007 34.298);--color-stone-900: oklch(.216 .006 56.043);--color-stone-950: oklch(.147 .004 49.25);--color-stroke: var(--color-neutral-300);--color-success: var(--color-emerald-400);--color-success-content: var(--color-emerald-900);--color-teal-100: oklch(.953 .051 180.801);--color-teal-200: oklch(.91 .096 180.426);--color-teal-300: oklch(.855 .138 181.071);--color-teal-400: oklch(.777 .152 181.912);--color-teal-50: oklch(.984 .014 180.72);--color-teal-500: oklch(.704 .14 182.503);--color-teal-600: oklch(.6 .118 184.704);--color-teal-700: oklch(.511 .096 186.391);--color-teal-800: oklch(.437 .078 188.216);--color-teal-900: oklch(.386 .063 188.416);--color-teal-950: oklch(.277 .046 192.524);--color-text-muted: var(--color-neutral-500);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-500);--color-text-title: var(--color-neutral-900);--color-transparent: var(--color-alpha-black-00);--color-violet-100: oklch(.943 .029 294.588);--color-violet-200: oklch(.894 .057 293.283);--color-violet-300: oklch(.811 .111 293.571);--color-violet-400: oklch(.702 .183 293.541);--color-violet-50: oklch(.969 .016 293.756);--color-violet-500: oklch(.606 .25 292.717);--color-violet-600: oklch(.541 .281 293.009);--color-violet-700: oklch(.491 .27 292.581);--color-violet-800: oklch(.432 .232 292.759);--color-violet-900: oklch(.38 .189 293.745);--color-violet-950: oklch(.283 .141 291.089);--color-warning: var(--color-amber-600);--color-warning-content: var(--color-amber-50);--color-white: #FFFFFF;--color-yellow-100: oklch(.973 .071 103.193);--color-yellow-200: oklch(.945 .129 101.54);--color-yellow-300: oklch(.905 .182 98.111);--color-yellow-400: oklch(.852 .199 91.936);--color-yellow-50: oklch(.987 .026 102.212);--color-yellow-500: oklch(.795 .184 86.047);--color-yellow-600: oklch(.681 .162 75.834);--color-yellow-700: oklch(.554 .135 66.442);--color-yellow-800: oklch(.476 .114 61.907);--color-yellow-900: oklch(.421 .095 57.708);--color-yellow-950: oklch(.286 .066 53.813);--color-zinc-100: oklch(.967 .001 286.375);--color-zinc-200: oklch(.92 .004 286.32);--color-zinc-300: oklch(.871 .006 286.286);--color-zinc-400: oklch(.705 .015 286.067);--color-zinc-50: oklch(.985 0 0);--color-zinc-500: oklch(.552 .016 285.938);--color-zinc-600: oklch(.442 .017 285.786);--color-zinc-700: oklch(.37 .013 285.805);--color-zinc-800: oklch(.274 .006 286.033);--color-zinc-900: oklch(.21 .006 285.885);--color-zinc-950: oklch(.141 .005 285.823);--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--flow-space: var(--space-md);--flow-space-2xl: var(--space-2xl);--flow-space-2xs: var(--space-2xs);--flow-space-3xl: var(--space-3xl);--flow-space-3xs: var(--space-3xs);--flow-space-lg: var(--space-lg);--flow-space-md: var(--space-md);--flow-space-sm: var(--space-sm);--flow-space-xl: var(--space-xl);--flow-space-xs: var(--space-xs);--focus-ring-color: var(--color-pink-500);--focus-ring-offset: 2px;--focus-ring-style: solid;--focus-ring-width: 2px;--font-body: var(--font-sans);--font-label: var(--font-sans);--font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-title: var(--font-sans);--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-semibold: 600;--form-flow-space: var(--space-2xs);--gutter: var(--gutter-md);--gutter-2xl: var(--space-2xl);--gutter-2xs: var(--space-2xs);--gutter-3xl: var(--space-3xl);--gutter-3xs: var(--space-3xs);--gutter-lg: var(--space-lg);--gutter-md: var(--space-md);--gutter-sm: var(--space-sm);--gutter-xl: var(--space-xl);--gutter-xs: var(--space-xs);--input-height: 36px;--input-padding-block: var(--space-3xs);--input-padding-inline: var(--space-xs);--input-size: var(--text-sm);--label-color: var(--color-text-primary);--label-font: var(--font-label);--label-gap: var(--space-2xs);--label-inline-gap: var(--space-xs);--label-leading: var(--leading-none);--label-size: var(--text-sm);--label-weight: var(--font-weight-medium);--leading-none: 1;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-tight: 1.25;--leading-title: var(--leading-tight);--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-button: var(--radius-md);--radius-full: 9999px;--radius-input: var(--radius-md);--radius-lg: .5rem;--radius-md: .25rem;--radius-none: 0rem;--radius-panel: var(--radius-lg);--radius-sm: .125rem;--radius-xl: .75rem;--region-space: var(--space-xl);--region-space-2xl: var(--space-2xl);--region-space-2xs: var(--space-2xs);--region-space-3xl: var(--space-3xl);--region-space-3xs: var(--space-3xs);--region-space-lg: var(--space-lg);--region-space-md: var(--space-md);--region-space-sm: var(--space-sm);--region-space-xl: var(--space-xl);--region-space-xs: var(--space-xs);--shadow-2xl: 0px 25px 50px -12px var(--color-alpha-black-25);--shadow-2xs: 0px 1px 0px 0px var(--color-alpha-black-05);--shadow-button: var(--shadow-xs);--shadow-card: var(--shadow-xs);--shadow-input: var(--shadow-xs);--shadow-lg: 0px 10px 15px -3px var(--color-alpha-black-10), 0px 4px 6px -4px var(--color-alpha-black-10);--shadow-md: 0px 4px 6px -1px var(--color-alpha-black-10), 0px 2px 4px -2px var(--color-alpha-black-10);--shadow-sm: 0px 1px 3px 0px var(--color-alpha-black-10), 0px 1px 2px -1px var(--color-alpha-black-10);--shadow-xl: 0px 20px 25px -5px var(--color-alpha-black-10), 0px 8px 10px -6px var(--color-alpha-black-10);--shadow-xs: 0px 1px 2px 0px var(--color-alpha-black-05);--sidebar-content-min-width: 37.5rem;--size-body: var(--text-base);--size-step--1: clamp(.8125rem, .79rem + .11vw, .875rem);--size-step--2: .75rem;--size-step-0: clamp(.875rem, .83rem + .23vw, 1rem);--size-step-1: clamp(1rem, .95rem + .23vw, 1.125rem);--size-step-10: clamp(4rem, 2.55rem + 7.27vw, 8rem);--size-step-2: clamp(1.125rem, 1.08rem + .23vw, 1.25rem);--size-step-3: clamp(1.25rem, 1.16rem + .45vw, 1.5rem);--size-step-4: clamp(1.5rem, 1.36rem + .68vw, 1.875rem);--size-step-5: clamp(1.75rem, 1.57rem + .91vw, 2.25rem);--size-step-6: clamp(2rem, 1.64rem + 1.82vw, 3rem);--size-step-7: clamp(2.25rem, 1.7rem + 2.73vw, 3.75rem);--size-step-8: clamp(2.5rem, 1.77rem + 3.64vw, 4.5rem);--size-step-9: clamp(3rem, 1.91rem + 5.45vw, 6rem);--space-0: 0rem;--space-2xl: clamp(3.5rem, 3.32rem + .91vw, 4rem);--space-2xl-3xl: clamp(3.5rem, 2.59rem + 4.55vw, 6rem);--space-2xs: clamp(.4375rem, .41rem + .11vw, .5rem);--space-2xs-xs: clamp(.4375rem, .32rem + .57vw, .75rem);--space-3xl: clamp(5.25rem, 4.98rem + 1.36vw, 6rem);--space-3xs: .25rem;--space-3xs-2xs: clamp(.25rem, .16rem + .45vw, .5rem);--space-lg: clamp(1.75rem, 1.66rem + .45vw, 2rem);--space-lg-xl: clamp(1.75rem, 1.3rem + 2.27vw, 3rem);--space-md: clamp(1.3125rem, 1.24rem + .34vw, 1.5rem);--space-md-lg: clamp(1.3125rem, 1.06rem + 1.25vw, 2rem);--space-sm: clamp(.875rem, .83rem + .23vw, 1rem);--space-sm-md: clamp(.875rem, .65rem + 1.14vw, 1.5rem);--space-xl: clamp(2.625rem, 2.49rem + .68vw, 3rem);--space-xl-2xl: clamp(2.625rem, 2.13rem + 2.5vw, 4rem);--space-xs: clamp(.6875rem, .66rem + .11vw, .75rem);--space-xs-sm: clamp(.6875rem, .57rem + .57vw, 1rem);--text-2xl: var(--size-step-3);--text-3xl: var(--size-step-4);--text-4xl: var(--size-step-5);--text-5xl: var(--size-step-6);--text-6xl: var(--size-step-7);--text-7xl: var(--size-step-8);--text-8xl: var(--size-step-9);--text-9xl: var(--size-step-10);--text-base: var(--size-step-0);--text-lg: var(--size-step-1);--text-sm: var(--size-step--1);--text-xl: var(--size-step-2);--text-xs: var(--size-step--2);--tracking-normal: 0rem;--tracking-tight: -.025rem;--tracking-wide: .025rem;--weight-title: var(--font-weight-bold);--wrapper-max-width: 1360px}[data-theme=claude]{--card-bg: var(--color-bg-offset-1);--color-bg: #FAF9F5;--color-bg-offset-1: #F5F4ED;--color-bg-offset-2: #F0EEE6;--color-bg-offset-3: #E8E6DC;--color-black: #000000;--color-border: #1c1c1a26;--color-overlay: var(--color-alpha-black-50);--color-primary: #c96442;--color-primary-offset-1: #c96442;--color-primary-offset-2: #c96442;--color-text-muted: var(--color-neutral-500);--color-text-primary: #1c1c1a;--color-text-secondary: var(--color-neutral-700);--color-text-title: #1c1c1a;--color-transparent: var(--color-alpha-black-00);--color-white: #FFFFFF;--input-bg: var(--color-bg-offset-2)}[data-theme=zed]{--card-bg: #ffffff99;--color-bg: #e8e6d933;--color-bg-offset-1: #e8e6d933;--color-bg-offset-2: #e8e6d933;--color-bg-offset-3: #e8e6d933;--color-border: #c6cad299;--color-primary: #0751cf;--color-primary-offset-1: #0640AC;--color-primary-offset-2: #053794;--color-text-primary: #4b5362;--color-text-title: #094ace;--font-body: var(--font-mono);--font-label: var(--font-mono);--font-title: var(--font-serif);--input-bg: #ffffff99;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-panel: var(--radius-md);--select-content-bg: #ffffff;--select-item-bg-highlighted: #e6effe;--shadow-button: inset 0px -2px 0px 0px #6f7b901a;--shadow-button-primary: inset 0px -2px 0px 0px #053794, 0px 1px 3px 0px #e6effe;--shadow-card: 6px 6px 0px 0px #074dcf0f;--shadow-input: 0px 1px 3px 0px #0000000d;--size-card-title: var(--text-2xl);--tracking-button: -.04px}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.m12\.11{margin:3.0275rem}.my{margin-top:1rem;margin-bottom:1rem}.me{margin-inline-end:1rem}.ml-auto{margin-left:auto}.ms{margin-inline-start:1rem}.inline{display:inline}.block{display:block}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-\[48px\]{height:48px}.w-\[284px\]{width:284px}.w-\[300px\]{width:300px}.w-56{width:14rem}.w-fit{width:fit-content}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-4{gap:1rem}.b,.border{border-width:1px}.p-4{padding:1rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pie{padding-inline-end:1rem}.text-center{text-align:center}.align-end{vertical-align:bottom}.align-start{vertical-align:top}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-semibold{font-weight:var(--font-weight-semibold)}.pr-lg{padding-inline-end:var(--space-lg)}.px-lg{padding-inline:var(--space-lg)}.mt-0{margin-block-start:var(--space-0)}.mt-md{margin-block-start:var(--space-md)}.flow-space-2xs{--flow-space:var(--space-2xs)}.flow-space-3xs{--flow-space:var(--space-3xs)}.flow-space-lg{--flow-space:var(--space-lg)}.flow-space-md{--flow-space:var(--space-md)}.flow-space-sm{--flow-space:var(--space-sm)}.flow-space-xl{--flow-space:var(--space-xl)}.flow-space-xs{--flow-space:var(--space-xs)}.region-space-3xl{--region-space:var(--space-3xl)}.cluster-gap-lg{--cluster-gap:var(--space-lg)}.cluster-gap-md{--cluster-gap:var(--space-md)}.cluster-gap-sm{--cluster-gap:var(--space-sm)}.cluster-gap-xl{--cluster-gap:var(--space-xl)}.cluster-gap-xs{--cluster-gap:var(--space-xs)}.grid-gap-3xs{--grid-gap:var(--space-3xs)}.grid-gap-lg{--grid-gap:var(--space-lg)}.grid-gap-md{--grid-gap:var(--space-md)}.grid-gap-sm{--grid-gap:var(--space-sm)}.gap-2xs{gap:var(--space-2xs)}.gap-md{gap:var(--space-md)}.gap-sm{gap:var(--space-sm)}.gap-xl{gap:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.text-primary{color:var(--color-primary)}.text-primary-content{color:var(--color-primary-content)}.text-secondary{color:var(--color-secondary)}.bg-primary{background-color:var(--color-primary)}@media print{.print\:hidden{display:none}}@media (min-width: 768px){.md\:flex{display:flex}.md\:text-lg{font-size:var(--text-lg)}}@media (min-width: 1024px){.lg\:grid{display:grid}.lg\:bg-primary{background-color:var(--color-primary)}}@layer theme,reset,global,compositions,blocks,components,utilities,custom,vendors;@layer global{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color-scheme:light dark}body{margin:0;min-height:100vh;background:var(--color-bg, Canvas);color:var(--color-text-primary, CanvasText);font-size:var(--text-base, 1rem);font-family:var(--font-body, system-ui, sans-serif);line-height:var(--leading-normal, 1.5)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold, bold);font-family:var(--font-heading);line-height:var(--leading-none, 1.1);text-wrap:balance;overflow-wrap:break-word}h1{font-size:var(--text-4xl, 2.25rem)}h2{font-size:var(--text-3xl, 1.875rem)}h3{font-size:var(--text-2xl, 1.5rem)}h4{font-size:var(--text-xl, 1.25rem)}h5{font-size:var(--text-lg, 1.125rem)}h6{font-size:var(--text-base, 1rem)}p{text-wrap:pretty;overflow-wrap:break-word;margin-block:0}small{font-size:80%}var{font-style:normal;font-weight:600}sub,sup{font-size:75%;vertical-align:baseline;display:inline-block}sub{transform:translateY(.65ex)}sup{transform:translateY(-.7ex)}address{font-style:normal}blockquote{margin:0}blockquote footer{margin-block-start:var(--space-sm, 1rem);font-style:normal}blockquote p:first-of-type:before{content:open-quote}blockquote p:last-of-type:after{content:close-quote}q{font-style:italic}hr{border:0;border-block-start:var(--border-width, 1px) var(--border-style, solid) var(--border-color, currentColor);margin-block:var(--flow-space, var(--space-xl, 2rem))}abbr{cursor:help;text-underline-offset:.125em}mark{border-radius:0}a{text-decoration-skip-ink:auto}a code{background-color:inherit;color:inherit}ul,ol{padding-inline-start:var(--space-md, 1.5rem);padding-inline-end:0;margin-block-end:0}ul{list-style-type:disc}li{padding-inline-start:var(--space-2xs, .5rem)}dl,dd,li{margin-block:0}dt{font-weight:var(--font-weight-bold, bold)}dd{margin-inline-start:0}[role=list][class],[role=tablist]{margin-block:0;padding-inline:0;list-style:none}form>*+*{margin-block-start:var(--space-sm, 1rem)}fieldset{margin-inline:0;border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);padding:var(--space-sm, 1rem)}fieldset>*+*{margin-block-start:var(--space-xs, .75rem)}legend{padding-inline:2px}label{line-height:var(--leading-tight, 1.1)}label:has(input[type=checkbox],input[type=radio]){display:flex;align-items:center;gap:var(--space-xs, .75rem);margin:0;cursor:pointer}label:has(:where(input,select,textarea)):not(:has([type=checkbox],[type=radio])){display:block;margin-block-end:0}label:has(:where(input,select,textarea)):not(:has([type=checkbox],[type=radio])) :is(input,select,textarea):not([type=checkbox],[type=radio]){margin-block-start:var(--space-3xs, .25rem)}label[for]+:is(input,select,textarea){margin-block-start:var(--space-3xs, .25rem);display:block}:disabled,[disabled]{cursor:not-allowed;opacity:.5}label:has(:disabled){cursor:not-allowed;opacity:.5;:disabled,[disabled]{opacity:1}}input,button,textarea,select{font:inherit;line-height:1}textarea:not([rows]){min-height:10em}input,select,textarea{accent-color:var(--color-accent)}::file-selector-button{font:inherit;color:inherit}input:not([type=checkbox],[type=radio],[type=range]),textarea,select{inline-size:100%;margin:0;padding-block:var(--space-2xs, .5rem);padding-inline:var(--space-xs, .75rem);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);border-radius:var(--radius-input);background-color:var(--color-bg, Canvas);&:disabled{border-color:var(--color-bg-offset-3, #cdcdcd);background-color:var(--color-bg-offset-3, #cdcdcd)}&:focus{--border-color: var(--color-text-primary, currentColor);--focus-ring-color: var(--color-text-primary, currentColor)}}input[type=color]{inline-size:revert;padding:var(--space-3xs, .25rem);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);border-radius:var(--radius-input);background-color:var(--color-bg, Canvas);&:focus{--border-color: var(--color-text-primary, currentColor);--focus-ring-color: var(--color-text-primary, currentColor)}}select[multiple]{height:auto}code,kbd,samp{font-family:var(--font-mono, ui-monospace, monospace);background:var(--color-bg-offset-1, Canvas);padding-inline:.25em;hyphens:none;tab-size:2;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}pre{white-space:pre-wrap;padding:var(--space-sm, .875rem);overflow-x:auto;-webkit-overflow-scrolling:touch}pre:has(code){background:CanvasText;color:Canvas}pre code{background:none;border:none;padding:0;color:inherit}kbd{--border-color: color-mix(in srgb, var(--color-text-primary, CanvasText) 20%, #0000);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);border-bottom:calc(var(--border-width, 1px) + 1px) solid color-mix(in srgb,var(--color-text-primary, CanvasText) 20%,transparent);border-radius:var(--radius-input);font-size:.825em;display:inline-flex;gap:var(--space-3xs, .25rem);justify-content:center;align-items:center;vertical-align:middle}img,picture{height:auto;max-width:100%;display:block}picture{width:max-content}figure{margin:0}figcaption{padding-block-start:.5em;font-size:var(--text-sm, .875rem);font-family:var(--font-mono, monospace)}video,iframe[src*=youtube],iframe[src*=vimeo]{display:block;width:100%;height:auto;aspect-ratio:16 / 9}svg{width:auto;height:1rem;vertical-align:middle;flex-shrink:0;display:block}svg[role=img]{width:revert;height:revert;padding:var(--space-xs, .75rem)}table{border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--font-weight-bold, bold);line-height:var(--leading-tight, 1.1)}thead th{padding-block:var(--space-sm, 1rem)}td,th{padding-block:var(--space-xs, .75rem);padding-inline:var(--space-sm, 1rem)}th:not(:only-of-type){border-block-end:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd)}th:only-of-type{border-inline-end:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd)}:is(th,td)~:is(th,td){border-inline-start:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd)}tr+tr :is(th,td){border-block-start:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd)}caption{caption-side:bottom;margin-block-start:var(--space-sm, 1rem)}summary{cursor:pointer}[open]>summary{margin-block-end:var(--space-xs, .75rem)}dialog{background-color:var(--color-bg, Canvas);border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);border-radius:var(--radius-panel);max-height:calc(100% - var(--space-xl, 3rem));max-width:calc(100% - var(--space-xl, 3rem));width:32em}dialog:modal::backdrop{background-color:var(--color-overlay, rgba(0, 0, 0, .5))}:focus{outline-color:var(--focus-ring-color, currentColor);outline-style:var(--focus-ring-style, solid);outline-offset:var(--focus-ring-offset, 2px);outline-width:var(--focus-ring-width, 2px)}@supports selector(:focus-visible){:focus{outline:none}:focus-visible{outline-color:var(--focus-ring-color, currentColor);outline-style:var(--focus-ring-style, solid);outline-offset:var(--focus-ring-offset, 2px);outline-width:var(--focus-ring-width, 2px)}}@supports (-moz-appearance: none){:root{--focus-ring-offset: .2ex}}::selection{background:var(--color-selection-bg, Highlight);color:var(--color-selection-fg, HighlightText);text-shadow:none}:target{scroll-margin-block:5ex}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer compositions{.wrapper{margin-inline:auto;max-width:var(--wrapper-max-width, 1360px);padding-left:var(--gutter, 1rem);padding-right:var(--gutter, 1rem);position:relative}}@layer compositions{.flow>*+*:where(:not(dialog)),.flow>*+:where(astro-island,astro-slot)>*:first-child{margin-block-start:var(--flow-space, 1em)}}@layer compositions{.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-2xs));justify-content:var(--cluster-justify, flex-start);align-items:var(--cluster-align, center)}}@layer compositions{.grid-auto{--grid-cols: repeat(var(--grid-placement, auto-fill), minmax(var(--grid-item-min, 16rem), 1fr));display:grid;grid-template-columns:var(--grid-cols);gap:var(--grid-gap, 1rem);align-items:var(--grid-align-items, start)}.grid-auto[data-layout=fifty-fifty]{--grid-placement: auto-fit;--grid-item-min: clamp(16rem, 50vw, 33rem)}.grid-auto[data-layout=thirds]{--grid-placement: auto-fit;--grid-item-min: clamp(16rem, 33%, 20rem)}}@layer compositions{.repel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:var(--align, center);gap:var(--gap, 1rem)}.repel[data-nowrap]{flex-wrap:nowrap}}@layer compositions{:has(>.sidebar){display:flex;flex-wrap:wrap;gap:var(--sidebar-gap, 1rem);align-items:var(--align, flex-start)}.sidebar{flex-basis:var(--sidebar-size, 20rem);flex-grow:1}:has(>.sidebar)>:not(.sidebar){flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-wrap-at, 50%)}}@layer compositions{.switcher{display:flex;flex-wrap:wrap;gap:var(--switcher-gap, 1rem);align-items:var(--switcher-align, flex-start)}.switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-inline-at, 40rem) - 100%) * 999)}.switcher>:nth-child(n+3){flex-basis:100%}}@layer blocks{.prose{--flow-space: var(--space-lg, 2rem)}.prose :is(p,li,dl,figcaption,blockquote){max-width:70ch;text-wrap:pretty}.prose :is(h1,h2,h3,h4){max-width:35ch}.prose :is(h1,h2,h3){overflow-wrap:anywhere}.prose :is(h1,h2,h3,h4):not(.not-prose)+*:not(.not-prose){--flow-space: var(--space-md)}.prose :is(figure,table):not(.not-prose),.prose :is(figure,table):not(.not-prose)+*:not(.not-prose){--flow-space: var(--space-2xl)}.prose *:not(.not-prose)+:is(h1,h2,h3,h4):not(.not-prose){--flow-space: var(--space-xl)}.prose :is(ul,ol):not(.not-prose) li+li,.prose :is(ul,ol):not(.not-prose) li>:is(ol,ul):not(.not-prose){margin-block-start:var(--space-xs)}.prose :is(ul,ol):not(.not-prose) li+li:has(p){margin-block-start:var(--flow-space, var(--space-lg, 2rem))}.prose :is(ul,ol) li:has(>p)>p{margin-block-start:var(--space-xs)}.prose :is(dl):not(.not-prose) dd+dt{margin-block-start:var(--flow-space, var(--space-lg, 2rem))}.prose :is(dl):not(.not-prose) dt+dd{margin-block-start:var(--space-xs, .75rem)}.prose :is(hr){--flow-space: var(--space-2xl)}.prose :is(p){line-height:2}.prose :is(h1,h2,h3,h4,h5,h6,dt,strong){font-weight:var(--font-weight-semibold, 600)}.prose :is(blockquote){padding-inline-start:var(--space-sm);border-inline-start-width:.25rem;border-inline-start-style:solid;border-inline-start-color:var(--prose-blockquote-border-color, var(--border-color))}.prose :is(blockquote) p{font-style:italic;font-weight:var(--font-weight-medium, 500)}.prose :is(kbd){border-radius:var(--radius-input, .25rem)}.prose :is(code):not(.not-prose):not(pre code){font-weight:var(--font-weight-semibold, 600);font-size:.95em;background:revert}.prose :is(code):not(.not-prose):not(pre code):before{content:"`"}.prose :is(code):not(.not-prose):not(pre code):after{content:"`"}.prose pre{border-radius:var(--radius-panel, .5rem)}.prose :is(ol,ul):not(.not-prose){padding-inline-start:var(--space-md, 1.5rem)}.prose :is(ol,ul):not(.not-prose) li{padding-inline-start:var(--space-2xs, .5rem)}.prose :is(ul>li):not(.not-prose)::marker{color:var(--prose-list-marker-color, var(--color-text-muted))}.prose :is(ol>li):not(.not-prose)::marker{font-weight:var(--font-weight-normal, 400);color:var(--prose-list-marker-color, var(--color-text-muted))}}@layer blocks{.hero{display:grid;place-content:center}}@layer blocks{.site-header{padding-block:var(--space-md)}.logo{text-decoration:none;color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}}@layer blocks{.steps{counter-reset:step}.steps>ol{list-style:none;padding:0;margin:0}.steps>ol>li{counter-increment:step;position:relative;padding-inline-start:var(--space-2xl)}.steps ol>li:before{content:counter(step);position:absolute;top:0;inset-inline-start:0;line-height:1.75rem;width:1.75rem;height:1.75rem;text-align:center;background:var(--color-neutral-300);color:var(--accent-foreground);border-radius:9999px;font-size:var(--text-sm);box-shadow:inset 0 0 0 1px var(--color-neutral-400)}.steps>ol>li:after{--guide-width: 1px;content:"";position:absolute;top:calc(var(--bullet-size, 1.75rem) + var(--bullet-margin, .375rem));bottom:var(--bullet-margin, .375rem);inset-inline-start:calc((var(--bullet-size, 1.75rem) - var(--guide-width)) / 2);width:var(--guide-width);background-color:var(--color-neutral-300)}}@layer blocks{.sidebar-nav{border-right:var(--border-secondary);padding-block:var(--space-md);padding-inline-end:var(--space-md)}.sidebar-nav-group{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-nav-item-link{text-decoration:none;color:var(--text-secondary);padding-block:var(--space-3xs)}.sidebar-nav-item-link:hover{color:var(--text-primary)}.sidebar-nav-item-link.is-active{color:var(--text-primary);font-weight:var(--font-weight-medium)}}@layer utilities{.region{padding-block:var(--region-space, 1rem);position:relative}}@layer utilities{.visually-hidden{border:0;clip:rect(0 0 0 0);height:0;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}@layer components{.form-field-group{display:grid;gap:var(--form-flow-space);grid-template-columns:1fr}@media (min-width: 40rem){.form-field-group{grid-template-columns:1fr 1fr;gap:var(--form-field-group-gap, 1rem)}}.form-row{display:flex;flex-direction:column}.form-row input{margin-block-start:var(--label-gap)}}@layer components{.accordion-item{border:0;border-block-end:var(--border-width) var(--border-style) var(--border-color)}.accordion-item:last-child{border-block-end:0}.accordion-header{display:flex;max-width:revert}.accordion-trigger{border:0;background:none;padding-inline:0;display:flex;flex:1;align-items:flex-start;justify-content:space-between;text-align:left;gap:var(--space-md);padding-block:var(--space-md);border-radius:var(--radius-panel);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);& svg{height:1lh;color:color-mix(in oklab,var(--color-text-primary) 50%,#0000)}}.accordion-trigger:hover{text-decoration:underline}.accordion-trigger[data-state=open] svg{transform:rotate(180deg)}.accordion-content{overflow:hidden;text-wrap:pretty}.accordion-content[data-state=closed]{animation:accordion-up var(--duration-200) var(--ease-out)}.accordion-content[data-state=open]{animation:accordion-down var(--duration-200) var(--ease-out)}.accordion-content-inner{padding-block-end:var(--space-md)}.accordion-content-inner>*+*{margin-block-start:var(--space-sm)}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}}@layer components{.accordion{width:100%}.accordion details{border:0;border-block-end:var(--border-width) var(--border-style) var(--border-color);display:block;padding-inline:0;padding-block:var(--space-md)}.accordion details summary{position:relative;display:block;line-height:var(--leading-tight);font-weight:var(--font-weight-medium);cursor:pointer;&[open]{margin-block-end:var(--space-xs, .75rem)}&:before{position:absolute;top:calc(50% - .5em);right:1em;width:1em;height:1em;transform-origin:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 6l6 6l-6 6' /%3E%3C/svg%3E");background-position:center;background-size:1.25em;background-repeat:no-repeat;content:"";transition:rotate 50ms ease}&::-webkit-details-marker{display:none}}.accordion details[open] summary:before{rotate:90deg}}@layer components{.alert{--tinted-shadows: 1;--_alert-border-mix: 20%;--_alert-shadow-mix: 30%;--_alert-bg: var(--_alert-color, var(--color-bg));--_alert-border-color: color-mix(in oklab, var(--_alert-bg), black var(--_alert-border-mix));--_alert-shadow: 0px 4px 6px -1px color-mix( in oklab, color-mix(in oklab, black, var(--_alert-bg, black) calc(var(--tinted-shadows) * 100%)) var(--_alert-shadow-mix), transparent ), 0px 2px 4px -2px color-mix( in oklab, color-mix(in oklab, black, var(--_alert-bg, black) calc(var(--tinted-shadows) * 100%)) var(--_alert-shadow-mix), transparent );--_alert-title-col-start: 2;--_alert-description-col-start: 2;--_alert-action-col-start: 3;position:relative;background-color:var(--_alert-bg);border:var(--border-width) var(--border-style) var(--_alert-border-color, var(--border-color));padding-inline:var(--space-sm);padding-block:var(--space-xs);border-radius:var(--radius-panel);box-shadow:var(--_alert-shadow);&:has(svg){display:grid;grid-template-columns:1rem 1fr;row-gap:var(--space-3xs);column-gap:var(--space-xs)}.button{--_button-fg: var(--color-text-primary);grid-column:var(--_alert-action-col-start)}svg{transform:translateY(4px);justify-self:start;align-self:start}.alert-title{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;grid-column-start:var(--_alert-title-col-start);font-weight:var(--font-weight-medium);font-size:var(--text-base);letter-spacing:var(--tracking-tight)}.alert-description{grid-column-start:var(--_alert-description-col-start);font-size:var(--text-base)}}.alert-error{--_alert-color: var(--color-error);--_alert-border-color: var(--color-error);color:var(--color-error-content)}.alert-info{--_alert-color: var(--color-info);--_alert-border-color: var(--color-info);color:var(--color-info-content)}.alert-success{--_alert-color: var(--color-success);--_alert-border-color: var(--color-success);color:var(--color-success-content)}.alert-warning{--_alert-color: var(--color-warning);--_alert-border-color: var(--color-warning);color:var(--color-warning-content)}.alert-outline{color:var(--_alert-color);box-shadow:none;background-color:#0000;background-image:none}.alert-soft{--_alert-soft-bg-mix: 8%;--_alert-soft-border-mix: 10%;color:var(--_alert-color);background:color-mix(in oklab,var(--_alert-color) var(--_alert-soft-bg-mix),transparent);border-color:color-mix(in oklab,var(--_alert-color) var(--_alert-soft-border-mix),transparent);box-shadow:none;background-image:none}}@layer components{.avatar{--_avatar-radius: var(--radius-full);position:relative;display:flex;flex-shrink:0;overflow:hidden;height:var(--_avatar-size, 1rem);width:var(--_avatar-size, 1rem);border-radius:var(--_avatar-radius)}.avatar-image{aspect-ratio:1;height:100%;width:100%;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--color-bg-offset-1);border-radius:var(--radius-full)}.avatar-square{--_avatar-radius: var(--radius-lg)}.avatar-lg{--_avatar-size: 2rem}.avatar-xl{--_avatar-size: 3rem}[data-avatar-overlap] .avatar{margin-inline-end:-8px;box-shadow:0 0 0 2px #fff}[data-avatar-overlap] .avatar:last-child{margin-inline-end:0}[data-avatar-animated] .avatar{margin-inline-end:-8px;transition:margin-inline-end .15s ease-in-out}[data-avatar-animated]:hover .avatar{margin-inline-end:4px}[data-avatar-animated] .avatar:last-child{margin-inline-end:0}}@layer components{.badge{--_badge-border-color: var(--_badge-color, var(--border-color));--_badge-bg: var(--_badge-color, var(--color-bg-offset-1));display:inline-flex;align-items:center;justify-content:center;width:fit-content;white-space:nowrap;flex-shrink:0;overflow:hidden;background-color:var(--_badge-bg);color:var(--_badge-fg);border-radius:var(--radius-full);border:var(--border-width) var(--border-style) var(--_badge-border-color);padding:2px var(--space-2xs);font-size:var(--text-xs);font-weight:var(--font-weight-medium);gap:var(--space-2xs);transition:color .15s ease-in-out,box-shadow .15s ease-in-out}.badge-primary{--_badge-color: var(--color-primary);--_badge-fg: var(--color-primary-content)}.badge-secondary{--_badge-color: var(--color-secondary);--_badge-fg: var(--color-secondary-content)}.badge-accent{--_badge-color: var(--color-accent);--_badge-fg: var(--color-accent-content)}.badge-neutral{--_badge-color: var(--color-neutral);--_badge-fg: var(--color-neutral-content)}.badge-error{--_badge-color: var(--color-error);--_badge-fg: var(--color-error-content)}.badge-info{--_badge-color: var(--color-info);--_badge-fg: var(--color-info-content)}.badge-success{--_badge-color: var(--color-success);--_badge-fg: var(--color-success-content)}.badge-warning{--_badge-color: var(--color-warning);--_badge-fg: var(--color-warning-content)}.badge-soft{--_badge-soft-bg-mix: 8%;--_badge-soft-border-mix: 10%;color:var(--_badge-color, var(--color-text-primary));background-color:color-mix(in oklab,var(--_badge-color, var(--color-text-primary)) var(--_badge-soft-bg-mix),var(--color-bg));border-color:color-mix(in oklab,var(--_badge-color, var(--color-text-primary)) var(--_badge-soft-border-mix),var(--color-bg));background-image:none}.badge-outline{color:var(--_badge-color);border-color:currentColor;background-color:transparent}.badge-xs{height:16px}.badge-sm{height:20px}.badge-lg{height:28px}}@layer components{.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;word-break:break-word;list-style:none;padding:0;margin:0;color:var(--fg-muted);gap:var(--space-2xs);font-size:var(--text-sm)}.breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-2xs)}.breadcrumb-link{text-decoration:none;color:var(--fg-muted)}.breadcrumb-link:hover,.breadcrumb-page{color:var(--fg)}}@layer components{.button{--_button-size: 36px;--_button-bg: var(--_button-color, transparent);--_button-border-color: var(--_button-color, var(--border-color));--_button-shadow: var(--shadow-xs);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;white-space:nowrap;height:var(--_button-size);background-color:var(--_button-bg);box-shadow:var(--_button-shadow);outline-color:var(--_button-color, var(--color-text-primary));border-color:var(--_button-border-color);border-width:var(--border-width);border-style:var(--border-style);padding-inline:var(--space-sm);padding-block:var(--space-2xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);gap:var(--space-2xs);font-size:var(--text-sm);transition-property:color,background-color,border-color,box-shadow;transition-timing-function:var(--ease-out);transition-duration:var(--duration-200);&:hover{--_button-bg-mix: 5%;--_button-bg: color-mix( in oklab, var(--_button-color, var(--color-bg-offset-1)), black var(--_button-bg-mix) )}&:active{--_button-bg-mix: 10%;--_button-bg: color-mix( in oklab, var(--_button-color, var(--color-bg-offset-1)), black var(--_button-bg-mix) );--_button-shadow: none}@supports not (background-color: color-mix(in oklab,red,red)){&:hover{background-color:var(--_button-color)}}}.button-neutral{--_button-color: var(--color-neutral);color:var(--color-neutral-content)}.button-primary{--_button-color: var(--color-primary);color:var(--color-primary-content)}.button-secondary{--_button-color: var(--color-secondary);color:var(--color-secondary-content)}.button-accent{--_button-color: var(--color-accent);color:var(--color-accent-content)}.button-error{--_button-color: var(--color-error);color:var(--color-error-content)}.button-info{--_button-color: var(--color-info);color:var(--color-info-content)}.button-success{--_button-color: var(--color-success);color:var(--color-success-content)}.button-warning{--_button-color: var(--color-warning);color:var(--color-warning-content)}.button-ghost{--_button-border-color: var(--color-transparent);outline-color:currentColor;&:not(:hover,:active:focus,:focus-visible){--_button-border-color: var(--color-transparent);--_button-bg: var(--color-transparent);--_button-shadow: none}@supports not (background-color: color-mix(in oklab,red,red)){&:hover{background-color:var(--color-bg-offset-1)}}}.button-outline{&:not(:hover,:active:focus,:focus-visible,:disabled,[disabled],:checked){--_button-shadow: none;--_button-bg: #0000;--_button-border-color: var(--_button-color, var(--border-color));color:var(--_button-color)}&:hover:not(:active,:focus-visible,:disabled,[disabled],:checked){--_button-shadow: none;--_button-border-color: var(--_button-color)}}.button-link{--_button-bg: var(--color-transparent);--_button-border-color: var(--color-transparent);--_button-shadow: none;color:var(--fg-link);outline-color:currentColor;&:hover{--_button-bg: var(--color-transparent);text-decoration:underline;text-underline-offset:4px}}.button-soft{&:not(:hover,:active:focus,:focus-visible,:disabled,[disabled]){--_button-shadow: none;--_button-bg-mix: 8%;color:var(--_button-color, var(--color-text-primary));--_button-bg: color-mix( in oklab, var(--_button-color, var(--color-text-primary)) var(--_button-bg-mix), transparent );--_button-border-color: transparent}}.button-sm{--_button-size: 32px}.button-lg{--_button-size: 40px}}@layer components{.card{--_card-bg: var(--_card-color, var(--color-bg));--_card-border-mix: var(--border-mix, 100%);--_card-shadow-mix: var(--shadow-mix, 20%);--_card-border-color: color-mix( in oklab, var(--_card-color), var(--color-black) var(--_card-border-mix) );--_card-shadow: 0 1px 2px 0 color-mix(in oklab, var(--_card-color) var(--_card-shadow-mix), #0000);display:flex;flex-direction:column;position:relative;padding-block:var(--space-md);padding-inline:var(--space-md);background-color:var(--_card-bg);border:var(--border-width) var(--border-style) var(--_card-border-color, var(--border-color));border-radius:var(--radius-panel);box-shadow:var(--_card-shadow);gap:var(--card-flow-space, 1rem)}.card-header{display:flex;flex-direction:column;gap:var(--space-2xs)}}@layer components{.checkbox{appearance:none;margin:0;padding:var(--space-3xs);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:1rem;height:1rem;background-color:transparent;border:var(--border-width) var(--border-style) var(--_checkbox-color, var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-xs);&[data-state=checked]{background-color:var(--_checkbox-color, #0000)}&:focus-visible{--focus-ring-color: var(--_checkbox-color, currentColor);--border-color: var(--_checkbox-color, currentColor)}&:disabled,&:disabled+.label{cursor:not-allowed;opacity:.5}.checkbox-indicator{display:flex;align-items:center;justify-content:center;color:currentColor;& svg{width:.75rem;height:.75rem;stroke-width:3}}}.checkbox-card{border-radius:var(--radius-panel);border:var(--border-width) var(--border-style) var(--border-color);padding:var(--space-xs);transition:all .1s ease;&:hover{background-color:var(--color-bg-offset-1)}}.checkbox-card:has(.checkbox[data-state=checked]){background-color:var(--color-blue-50);border-color:var(--color-blue-500);.checkbox{--_checkbox-color: var(--color-primary);--border-color: var(--color-primary);--focus-ring-color: var(--color-primary);color:var(--color-primary-content)}}.checkbox-primary{--_checkbox-color: var(--color-primary);color:var(--color-primary-content)}.checkbox-secondary{--_checkbox-color: var(--color-secondary);color:var(--color-secondary-content)}.checkbox-accent{--_checkbox-color: var(--color-accent);color:var(--color-accent-content)}.checkbox-neutral{--_checkbox-color: var(--color-neutral);color:var(--color-neutral-content)}.checkbox-error{--_checkbox-color: var(--color-error);color:var(--color-error-content)}.checkbox-info{--_checkbox-color: var(--color-info);color:var(--color-info-content)}.checkbox-success{--_checkbox-color: var(--color-success);color:var(--color-success-content)}.checkbox-warning{--_checkbox-color: var(--color-warning);color:var(--color-warning-content)}}@layer components{.command{display:flex;height:100%;flex-direction:column;overflow:hidden;max-width:calc(100vw - 2rem);background-color:var(--color-bg);box-shadow:var(--shadow-md);border-radius:var(--radius-panel);border:var(--border-width) var(--border-style) var(--border-color)}.command svg,.command-shortcut,.command [cmdk-group-heading]{--_command-fg-mix: 100%;--_command-fg: color-mix( in oklab, var(--_command-color, currentColor) var(--_command-fg-mix), #0000 );color:var(--_command-fg, currentColor)}.command-separator{height:1px;background-color:var(--border-color)}.command-input-wrapper{display:flex;align-items:center;gap:var(--space-2xs);padding-block:var(--space-3xs);padding-inline:var(--space-2xs);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.command-input{padding-inline:0;flex:1;border:none;box-shadow:none;outline-style:none}.command-group{padding:var(--space-3xs);overflow:hidden}[cmdk-group-heading]{font-size:var(--text-xs);padding-block:var(--space-3xs);padding-inline:var(--space-2xs)}.command-item{display:flex;align-items:center;user-select:none;gap:var(--space-2xs);padding-block:var(--space-3xs);padding-inline:var(--space-2xs);border-radius:var(--radius-md)}.command-item[data-selected=true]{--_command-item-bg-hover-mix: 1%;background-color:color-mix(in oklab,var(--color-bg-offset-1),black var(--_command-item-bg-hover-mix));@supports not (background-color: color-mix(in oklab,red,red)){background-color:var(--color-bg-offset-1)}}.command-item[data-disabled=true]{color:var(--text-disabled)}.command-shortcut{margin-inline-start:auto;letter-spacing:var(--tracking-wide)}.command-empty{text-align:center;padding-block:var(--space-sm)}.command-list{overflow-y:auto;overflow-x:hidden;max-height:300px;scroll-padding-block:var(--space-3xs)}}@layer components{.dialog:has(.command){padding:0;border:none}.dialog-backdrop{position:fixed;inset:0;z-index:50;background-color:var(--color-overlay);animation:dialog-fade-out var(--duration-200) var(--ease-out)}.dialog-backdrop[data-state=open]{animation:dialog-fade-in var(--duration-200) var(--ease-out)}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;max-width:calc(100vw - 2rem);width:26rem;background-color:var(--color-bg);padding:var(--space-md);box-shadow:var(--shadow-md);border-radius:var(--radius-panel);animation:dialog-close var(--duration-200) var(--ease-out)}.dialog[data-state=open]{animation:dialog-open var(--duration-200) var(--ease-out)}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-open{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-close{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}}@layer components{.dropdown-menu-content{overflow-x:hidden;overflow-y:auto;min-width:8rem;width:14rem;background-color:var(--color-bg);border-radius:var(--radius-panel);border:var(--border-width) var(--border-style) var(--border-color);padding:var(--space-3xs);box-shadow:var(--shadow-md);transform-origin:var(--radix-dropdown-menu-content-transform-origin);max-height:var(--radix-dropdown-menu-content-available-height)}.dropdown-menu-item{position:relative;display:flex;cursor:default;align-items:center;user-select:none;outline:none;gap:var(--space-2xs);border-radius:var(--radius-md);padding-block:var(--space-3xs);padding-inline:var(--space-2xs);transition:background-color var(--duration-200) var(--ease-out);& svg{pointer-events:none}&[data-variant=error]{color:var(--color-error)}}.dropdown-menu-item:hover{--_dropdown-menu-item-bg-hover-mix: 0%;background-color:color-mix(in oklab,var(--color-bg-offset-1),black var(--_dropdown-menu-item-bg-hover-mix));&[data-variant=error]{--_dropdown-menu-item-bg-hover-mix: 10%;background-color:color-mix(in oklab,var(--color-error) var(--_dropdown-menu-item-bg-hover-mix),transparent)}@supports not (background-color: color-mix(in oklab,red,red)){background-color:var(--color-bg-offset-1);&[data-variant=error]{background-color:var(--color-bg-offset-1)}}}.dropdown-menu-item[data-disabled]{opacity:.5;pointer-events:none}.dropdown-menu-label{padding-block:var(--space-3xs);padding-inline:var(--space-2xs);font-weight:var(--font-weight-medium)}.dropdown-menu-separator{height:1px;background-color:var(--border-color);margin-block:var(--space-3xs);margin-inline:calc(-1 * var(--space-3xs))}[data-slot=dropdown-menu-checkbox-item],[data-slot=dropdown-menu-radio-item]{padding-inline-start:32px}.dropdown-menu-checkbox-item-indicator,.dropdown-menu-radio-item-indicator{position:absolute;left:8px;pointer-events:none;display:flex;align-items:center;justify-content:center}.dropdown-menu-radio-item-indicator svg{width:.5rem;height:.5rem;fill:currentColor}.dropdown-menu-sub-trigger-icon{margin-left:auto}.dropdown-menu-shortcut{letter-spacing:var(--tracking-wide)}[data-slot=dropdown-menu-content][data-state=open][data-side=bottom],[data-slot=dropdown-menu-sub-content][data-state=open][data-side=bottom]{animation:dropdown-open-bottom var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=open][data-side=top],[data-slot=dropdown-menu-sub-content][data-state=open][data-side=top]{animation:dropdown-open-top var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=open][data-side=left],[data-slot=dropdown-menu-sub-content][data-state=open][data-side=left]{animation:dropdown-open-left var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=open][data-side=right],[data-slot=dropdown-menu-sub-content][data-state=open][data-side=right]{animation:dropdown-open-right var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=closed][data-side=bottom],[data-slot=dropdown-menu-sub-content][data-state=closed][data-side=bottom]{animation:dropdown-closed-bottom var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=closed][data-side=top],[data-slot=dropdown-menu-sub-content][data-state=closed][data-side=top]{animation:dropdown-closed-top var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=closed][data-side=left],[data-slot=dropdown-menu-sub-content][data-state=closed][data-side=left]{animation:dropdown-closed-left var(--duration-150) var(--ease-out)}[data-slot=dropdown-menu-content][data-state=closed][data-side=right],[data-slot=dropdown-menu-sub-content][data-state=closed][data-side=right]{animation:dropdown-closed-right var(--duration-150) var(--ease-out)}@keyframes dropdown-open-bottom{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropdown-open-top{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropdown-open-left{0%{opacity:0;transform:scale(.95) translate(8px)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes dropdown-open-right{0%{opacity:0;transform:scale(.95) translate(-8px)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes dropdown-closed-bottom{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-8px)}}@keyframes dropdown-closed-top{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}@keyframes dropdown-closed-left{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.95) translate(-8px)}}@keyframes dropdown-closed-right{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.95) translate(8px)}}}@layer components{.popover-content{outline:none;min-width:fit-content;background-color:var(--color-bg);transform-origin:var(--radix-popover-content-transform-origin);width:var(--radix-popover-trigger-width);border-radius:var(--radius-panel);border:var(--border-width) var(--border-style) var(--border-color);padding-inline:var(--space-md);padding-block:var(--space-md);box-shadow:var(--shadow-xs)}[data-slot=popover-trigger]{justify-content:space-between;width:var(--_popover-trigger-width, 100%);border-radius:var(--radius-input)}.popover-content:has(.command){padding:0;border:none}.popover-content[data-state=open],.popover-content[data-side=bottom]{animation:popover-slide-in-from-top var(--duration-150) var(--ease-out)}.popover-content[data-side=left]{animation:popover-slide-in-from-right var(--duration-150) var(--ease-out)}.popover-content[data-side=right]{animation:popover-slide-in-from-left var(--duration-150) var(--ease-out)}.popover-content[data-side=top]{animation:popover-slide-in-from-bottom var(--duration-150) var(--ease-out)}@keyframes popover-slide-in-from-top{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popover-slide-in-from-bottom{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popover-slide-in-from-left{0%{opacity:0;transform:translate(-8px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes popover-slide-in-from-right{0%{opacity:0;transform:translate(8px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}}@layer components{.radio-group-item{--_radio-size: 1rem;flex-shrink:0;background:transparent;border:var(--border-width) var(--border-style) var(--_radio-color, var(--border-color));height:var(--_radio-size);width:var(--_radio-size);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);&:focus-visible{--focus-ring-color: var(--_radio-color, currentColor);--border-color: var(--_radio-color, currentColor)}}.radio-group-indicator{display:flex;align-items:center;justify-content:center;position:relative;& svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--_radio-size) / 2);height:calc(var(--_radio-size) / 2);fill:var(--_radio-color, currentColor);stroke:var(--_radio-color, currentColor)}}.radio-group-card{>label{border-radius:var(--radius-panel);border:var(--border-width) var(--border-style) var(--border-color);padding:var(--space-xs);transition:all .1s ease;&:not(:has(.radio-group-item[data-state=checked])):hover{background-color:var(--color-bg-offset-1)}&:has(.radio-group-item[data-state=checked]){--border-color: var(--color-green-500);background-color:var(--color-green-50)}}.radio-group-item[data-state=checked]{--_radio-color: var(--color-green-500);--border-color: var(--color-green-500);background-color:var(--color-green-500)}.radio-group-indicator svg{--_radio-color: var(--color-bg)}}}@layer components{.select-trigger{display:flex;white-space:nowrap;align-items:center;justify-content:space-between;gap:.25rem;width:100%;border-radius:var(--radius-input);border:var(--border-width) var(--border-style) var(--border-color);background:var(--color-bg);padding-block:var(--space-3xs);padding-inline:var(--space-xs);font-size:var(--text-sm);height:var(--input-height);&:focus-visible{--focus-ring-color: var(--_select-color, var(--color-text-primary));--border-color: var(--focus-ring-color)}&:disabled{--border-color: var(--color-bg-offset-2);background-color:var(--color-bg-offset-2);color:color-mix(in oklab,var(--color-text-primary) 50%,transparent)}}.select-trigger>svg:not([data-slot=select-value] svg){opacity:1}.select-trigger>span[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;display:flex;align-items:center;gap:.5rem}.select-content{position:relative;z-index:50;overflow-x:hidden;overflow-y:auto;min-width:8rem;max-height:var(--radix-select-content-available-height);border-radius:var(--radius-input);border:var(--border-width) var(--border-style) var(--border-color);background:var(--color-bg);box-shadow:var(--shadow-md)}.select-label{color:var(--color-text-secondary);font-size:var(--text-xs);padding-inline:var(--space-2xs);padding-block:.375rem}.select-item{position:relative;display:flex;width:100%;cursor:default;user-select:none;align-items:center;outline:none;padding-inline:var(--space-2xs) 2rem;padding-block:.375rem;font-size:var(--text-sm)}.select-item>span:last-child{display:flex;align-items:center;gap:.5rem}.select-item[data-highlighted]{outline:none;background-color:var(--color-bg-offset-1);border-radius:var(--radius-md)}.select-item[data-disabled]{pointer-events:none;color:var(--select-item-disabled)}.select-item-indicator{color:var(--text-muted);position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center}.select-viewport{padding:var(--space-2xs) var(--space-3xs);height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width);scroll-margin:.25rem}.select-scroll-up-button,.select-scroll-down-button{display:flex;align-items:center;justify-content:center;padding-block:var(--space-2xs)}.select-content[data-side=bottom]{transform:translateY(4px)}.select-content[data-side=top]{transform:translateY(-4px)}.select-content[data-side=left]{transform:translate(-4px)}.select-content[data-side=right]{transform:translate(4px)}.select-content[data-state=open][data-side=bottom]{animation:select-slide-in-from-top var(--duration-150) var(--ease-out)}.select-content[data-state=open][data-side=top]{animation:select-slide-in-from-bottom var(--duration-150) var(--ease-out)}.select-content[data-state=open][data-side=left]{animation:select-slide-in-from-right var(--duration-150) var(--ease-out)}.select-content[data-state=open][data-side=right]{animation:select-slide-in-from-left var(--duration-150) var(--ease-out)}@keyframes select-slide-in-from-top{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(4px) scale(1)}}@keyframes select-slide-in-from-bottom{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(-4px) scale(1)}}@keyframes select-slide-in-from-left{0%{opacity:0;transform:translate(-8px) scale(.95)}to{opacity:1;transform:translate(4px) scale(1)}}@keyframes select-slide-in-from-right{0%{opacity:0;transform:translate(8px) scale(.95)}to{opacity:1;transform:translate(-4px) scale(1)}}}@layer components{.switch{--_switch-height: 1.25rem;--_switch-width: 2.25rem;--_switch-border-color: transparent;padding:0;cursor:pointer;height:var(--_switch-height);width:var(--_switch-width);border:var(--border-width) var(--border-style) var(--_switch-border-color);border-radius:var(--radius-full);background-color:var(--color-bg-offset-2);box-shadow:var(--shadow-xs);transition:background-color var(--duration-150) var(--ease-in-out);&:active{background-color:var(--color-bg-offset-2)}&[data-state=checked]{--_switch-bg-checked: var(--color-primary);background-color:var(--_switch-bg-checked)}}.switch-thumb{--_thumb-travel: calc(var(--_switch-width) - var(--_switch-height));--_thumb-size: calc(var(--_switch-height) - var(--border-width) * 2);--_thumb-border-color: transparent;display:block;pointer-events:none;height:var(--_thumb-size);width:var(--_thumb-size);border-radius:var(--radius-full);border:var(--border-width) var(--border-style) var(--_thumb-border-color);background-color:var(--color-bg);transition:transform var(--duration-150) var(--ease-in-out);&[data-state=checked]{transform:translate(var(--_thumb-travel))}}.switch-accent{&[data-state=checked]{--_switch-bg-checked: var(--color-accent)}}.switch-card{--_switch-card-bg-mix: 5%;--_switch-card-border-mix: 10%;--_switch-card-color: var(--color-primary);border-radius:var(--radius-panel);border:var(--border-width) var(--border-style) var(--border-color);padding:var(--space-xs);transition:all .25s ease;&:has(.switch[data-state=checked]){--border-color: var(--_switch-card-color);background-color:color-mix(in oklab,var(--_switch-card-color) var(--_switch-card-bg-mix),transparent)}.switch[data-state=checked]{--_switch-bg-checked: var(--_switch-card-color)}&:has(.switch:not([data-state=checked])):hover{background-color:var(--color-bg-offset-1)}}.switch-card-accent{--_switch-card-color: var(--color-accent)}}@layer components{.tabs-list{display:flex;background-color:var(--color-bg-offset-1);padding:3px;border-radius:var(--radius-lg)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:.375rem;padding-block:var(--space-3xs);padding-inline:var(--space-xs);background-color:var(--color-bg-offset-1);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:color .15s ease-in-out,box-shadow .15s ease-in-out}.tabs-trigger[data-state=active]{background-color:var(--color-bg);box-shadow:var(--shadow-sm)}.tabs-panel[data-state=inactive]{display:none}}@layer components{.input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){appearance:none;inline-size:100%;padding-inline:var(--space-xs, .75rem);padding-block:0;min-height:2.5rem;border:var(--border-width, 1px) var(--border-style, solid) var(--border-color, #cdcdcd);border-radius:var(--radius-input);box-shadow:var(--shadow-xs);background-color:var(--color-bg, Canvas);&[type=color]{padding:0 .25rem;&::-webkit-color-swatch-wrapper{padding:.25rem 0}&::-webkit-color-swatch{border:none;border-radius:var(--radius-input)}&::-moz-color-swatch,&::-moz-focus-inner{height:calc(100% - .5rem);padding:0;border-radius:var(--radius-input)}&:-moz-focus-inner{padding:0}}&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{display:inline-flex;appearance:none;align-items:center;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' style='color: %23a3a6b5;'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M11 15h1' /%3E%3Cpath d='M12 15v3' /%3E%3C/svg%3E");background-position:calc(100% - .75em) center;background-size:1.25em;background-repeat:no-repeat;&::-webkit-calendar-picker-indicator{display:none}&::-webkit-date-and-time-value{text-align:start}}&[type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' style='color: %23a3a6b5;'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M12 12l3 2' /%3E%3Cpath d='M12 7v5' /%3E%3C/svg%3E")}&:disabled{border-color:var(--color-bg-offset-3, #cdcdcd);background-color:var(--color-bg-offset-3, #cdcdcd)}&:focus{--border-color: var(--color-text-primary, currentColor);--focus-ring-color: var(--color-text-primary, currentColor)}&[aria-invalid=true]{&:focus,&:focus-within{--border-color: var(--color-error);--focus-ring-color: var(--color-error)}}&.input-xs{min-height:2rem;font-size:var(--text-xs)}&.input-sm{min-height:2.25rem;font-size:var(--text-sm)}&.input-lg{min-height:2.75rem;font-size:var(--text-lg)}&.input-primary{--border-color: var(--color-primary);--focus-ring-color: var(--color-primary)}&.input-neutral{--border-color: var(--color-neutral);--focus-ring-color: var(--color-neutral)}&.input-accent{--border-color: var(--color-accent);--focus-ring-color: var(--color-accent)}&.input-info{--border-color: var(--color-info);--focus-ring-color: var(--color-info)}&.input-success{--border-color: var(--color-success);--focus-ring-color: var(--color-success)}&.input-warning{--border-color: var(--color-warning);--focus-ring-color: var(--color-warning)}}.input[type=range]{-webkit-appearance:none;appearance:none;width:100%;margin:.5em 0;background:transparent;cursor:pointer;&:disabled{cursor:not-allowed;opacity:.5}&:focus{outline:none}}.input[type=range]::-webkit-slider-runnable-track{height:.75em;border-radius:var(--radius-full);background:var(--color-bg-offset-3)}.input[type=range]::-moz-range-track{height:.75em;border-radius:var(--radius-full);background:var(--color-bg-offset-3)}.input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4em;height:1.4em;margin-top:calc((.75em - 1.4em) / 2);border:var(--border-style) var(--border-width) var(--border-color);border-radius:var(--radius-full);background-color:#fff}.input[type=range]::-moz-range-thumb{width:1.4em;height:1.4em;border:var(--border-style) var(--border-width) var(--border-color);border-radius:var(--radius-full);background-color:#fff}.input[type=range]:focus::-webkit-slider-thumb{--border-color: currentColor;outline-color:currentColor;outline-style:var(--focus-ring-style, solid);outline-offset:var(--focus-ring-offset, 2px);outline-width:var(--focus-ring-width, 2px)}.input[type=range]:focus::-moz-range-thumb{--border-color: currentColor;outline-color:currentColor;outline-style:var(--focus-ring-style, solid);outline-offset:var(--focus-ring-offset, 2px);outline-width:var(--focus-ring-width, 2px)}.input[type=range]::-moz-range-progress{height:.75em;border-radius:var(--radius-md);background-color:var(--color-primary)}}@layer components{.label:not(:has(input))+:is(input,select,textarea):not([type=checkbox]):not([type=radio]),.label:not(:has(input))+:is(button[role=combobox]){margin-block-start:var(--space-3xs, .25rem)}.label:has(input,[role=checkbox],[role=radio]),.label:has(.switch){display:flex;align-items:flex-start;gap:var(--space-xs)}}@layer components{.label{&.label-xs{font-size:var(--text-xs)}&.label-sm{font-size:var(--text-sm)}&.label-lg{font-size:var(--text-lg)}}}@layer custom{.card[data-variant=create-account]{--switcher-target-container-width: 16rem}:where([data-theme=zed]){.card[data-variant=blog-post]{--title-color: var(--text-primary);--title-font: var(--font-mono);--card-title-size: var(--text-base);--card-padding-inline: 0;--card-padding-block: 0;position:relative;display:flex;flex-direction:column;.card-header,.card-content{padding-inline:var(--space-2xs);padding-block:var(--space-2xs);position:relative}.card-header div{position:absolute;inset:0;z-index:-1;svg{width:100%;height:100%;pointer-events:none;user-select:none}}}.card-link{color:inherit;text-decoration:none;display:block;&:hover{--card-stroke-color: var(--color-sky-500);--card-title-color: var(--color-blue-500)}}}}@layer vendors{.expressive-code{--ec-brdRad: calc(var(--radius-lg) - 1px);--ec-brdWd: var(--stroke-width-thin);--ec-brdCol: var(--border-primary);--ec-codeFontFml: var(--font-mono);--ec-codeFontSize: var(--text-sm);--ec-codeFontWg: var(--font-weight-normal);--ec-codeLineHt: var(--leading-normal);--ec-codePadBlk: var(--space-md);--ec-codePadInl: var(--space-md);--ec-codeFg: var(--text-primary);--ec-codeSelBg: var(--surface-hover);--ec-uiFontFml: var(--font-sans);--ec-uiFontSize: var(--text-sm);--ec-uiFontWg: var(--font-weight-normal);--ec-uiLineHt: var(--leading-normal);--ec-uiPadBlk: var(--space-2xs);--ec-uiPadInl: var(--space-sm);--ec-uiSelBg: var(--surface-hover);--ec-uiSelFg: var(--text-primary);--ec-focusBrd: var(--focus-ring-color);--ec-sbThumbCol: var(--color-neutral-400);--ec-sbThumbHoverCol: var(--color-neutral-500);--ec-frm-shdCol: var(--shadow-md);--ec-frm-edActTabBg: var(--surface-primary);--ec-frm-edActTabFg: var(--text-primary);--ec-frm-edTabBarBg: var(--surface-secondary);--ec-frm-frameBoxShdCssVal: none}.expressive-code.no-top-radius pre,pre>code{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:calc(var(--ec-brdRad) + var(--ec-brdWd));border-bottom-right-radius:calc(var(--ec-brdRad) + var(--ec-brdWd))}.expressive-code[data-theme=dark]{--ec-codeBg: var(--surface-secondary);--ec-codeFg: var(--text-primary);--ec-codeSelBg: var(--surface-hover);--ec-frm-edActTabBg: var(--surface-primary);--ec-frm-edActTabFg: var(--text-primary);--ec-frm-edTabBarBg: var(--surface-secondary);--ec-frm-edBg: var(--surface-primary)}}