@layer base{:root{--ds-gray-100: oklch(.96 0 0);--ds-gray-300: oklch(.8 .02 264);--ds-gray-700: oklch(.44 .02 264);--ds-gray-900: oklch(.32 0 0);--ds-blue-100: oklch(.95 .03 233.56);--ds-blue-300: oklch(.82 .08 250);--ds-blue-700: oklch(.45 .14 265.59);--ds-blue-900: oklch(.34 .05 260);--ds-green-100: oklch(.95 .05 160);--ds-green-300: oklch(.82 .12 162);--ds-green-700: oklch(.43 .12 160);--ds-green-900: oklch(.32 .06 160);--ds-amber-100: oklch(.96 .06 85);--ds-amber-300: oklch(.85 .11 85);--ds-amber-700: oklch(.48 .11 75);--ds-amber-900: oklch(.34 .06 80);--ds-red-100: oklch(.95 .04 25.39);--ds-red-300: oklch(.83 .13 25);--ds-red-700: oklch(.52 .2 25.39);--ds-red-900: oklch(.33 .08 25);--ds-neutral-bg: var(--ds-gray-100);--ds-neutral-fg: var(--ds-gray-700);--ds-info-bg: var(--ds-blue-100);--ds-info-fg: var(--ds-blue-700);--ds-success-bg: var(--ds-green-100);--ds-success-fg: var(--ds-green-700);--ds-warning-bg: var(--ds-amber-100);--ds-warning-fg: var(--ds-amber-700);--ds-danger-bg: var(--ds-red-100);--ds-danger-fg: var(--ds-red-700);--ds-shadow-sm: 0 1px 2px 0 oklch(0 0 0 / .04);--ds-shadow-md: 0 1px 2px 0 oklch(0 0 0 / .04), 0 1px 3px 0 oklch(0 0 0 / .06);--ds-shadow-lg: 0 4px 6px -1px oklch(0 0 0 / .06), 0 2px 4px -2px oklch(0 0 0 / .06);--ds-shadow-card: var(--ds-shadow-md);--ds-z-base: 0;--ds-z-dropdown: 1000;--ds-z-sticky: 1100;--ds-z-modal: 1300;--ds-z-popover: 1400;--ds-z-toast: 1500;--ds-z-tooltip: 1600;--ds-text-label: .6875rem;--ds-text-caption: .75rem;--ds-text-body: .875rem;--ds-text-body-lg: 1rem;--ds-text-heading: 1.25rem;--ds-text-display: 1.875rem;--ds-duration-fast: .12s;--ds-duration-base: .2s;--ds-ease: cubic-bezier(.4, 0, .2, 1);--ds-disabled-opacity: .5}.dark{--ds-neutral-bg: var(--ds-gray-900);--ds-neutral-fg: var(--ds-gray-300);--ds-info-bg: var(--ds-blue-900);--ds-info-fg: var(--ds-blue-300);--ds-success-bg: var(--ds-green-900);--ds-success-fg: var(--ds-green-300);--ds-warning-bg: var(--ds-amber-900);--ds-warning-fg: var(--ds-amber-300);--ds-danger-bg: var(--ds-red-900);--ds-danger-fg: var(--ds-red-300);--ds-shadow-sm: 0 1px 2px 0 oklch(0 0 0 / .3);--ds-shadow-md: 0 1px 2px 0 oklch(0 0 0 / .3), 0 1px 3px 0 oklch(0 0 0 / .4);--ds-shadow-lg: 0 4px 6px -1px oklch(0 0 0 / .5), 0 2px 4px -2px oklch(0 0 0 / .4);--ds-shadow-card: var(--ds-shadow-md)}.ds-brand-acme{--primary: oklch(.55 .2 22);--primary-foreground: oklch(.99 0 0);--ring: oklch(.55 .2 22);--radius: .75rem}.ds-poc .ds-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.ds-poc .ds-scroll:hover{scrollbar-color:var(--border) transparent}}.ds-text-display{font-size:var(--ds-text-display);line-height:1.15;letter-spacing:-.01em}.ds-text-heading{font-size:var(--ds-text-heading);line-height:1.25;letter-spacing:-.01em}.ds-text-body-lg{font-size:var(--ds-text-body-lg);line-height:1.5}.ds-text-body{font-size:var(--ds-text-body);line-height:1.5}.ds-text-caption{font-size:var(--ds-text-caption);line-height:1.4}.ds-text-label{font-size:var(--ds-text-label);line-height:1.3}@media(prefers-reduced-motion:reduce){.ds-poc *,.ds-poc *:before,.ds-poc *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}