:root{--ds-color-gray-0: oklch(0 0 0);--ds-color-gray-20: oklch(.218 0 0);--ds-color-gray-25: oklch(.252 0 0);--ds-color-gray-55: oklch(.556 0 0);--ds-color-gray-60: oklch(.6 0 0);--ds-color-gray-70: oklch(.683 0 0);--ds-color-gray-95: oklch(.962 .003 286.35);--ds-color-gray-100: oklch(1 0 0);--ds-color-gray-0a5: oklch(0 0 0 / .05);--ds-color-gray-0a10: oklch(0 0 0 / .1);--ds-color-gray-0a20: oklch(0 0 0 / .2);--ds-color-gray-0a30: oklch(0 0 0 / .3);--ds-color-gray-0a40: oklch(0 0 0 / .4);--ds-color-gray-0a60: oklch(0 0 0 / .6);--ds-color-gray-0a80: oklch(0 0 0 / .8);--ds-color-gray-100a5: oklch(1 0 0 / .05);--ds-color-gray-100a10: oklch(1 0 0 / .1);--ds-color-gray-100a20: oklch(1 0 0 / .2);--ds-color-gray-100a30: oklch(1 0 0 / .3);--ds-color-gray-100a40: oklch(1 0 0 / .4);--ds-color-gray-100a60: oklch(1 0 0 / .6);--ds-color-gray-100a80: oklch(1 0 0 / .8);--ds-color-blue-15: oklch(.15 .04 248.807);--ds-color-blue-35: oklch(.35 .095 248.807);--ds-color-blue-65: oklch(.669 .184 248.807);--ds-color-blue-85: oklch(.85 .077 248.807);--ds-color-blue-95: oklch(.95 .024 248.807);--ds-color-green-15: oklch(.15 .043 152.509);--ds-color-green-35: oklch(.35 .102 152.509);--ds-color-green-65: oklch(.669 .197 152.509);--ds-color-green-85: oklch(.85 .082 152.509);--ds-color-green-95: oklch(.95 .026 152.509);--ds-color-red-15: oklch(.15 .047 25.929);--ds-color-red-35: oklch(.35 .112 25.929);--ds-color-red-65: oklch(.669 .217 25.929);--ds-color-red-85: oklch(.85 .091 25.929);--ds-color-red-95: oklch(.95 .028 25.929)}:root,[data-mode=day]{--ds-color-text-primary: var(--ds-color-gray-0);--ds-color-text-secondary: var(--ds-color-gray-0a60);--ds-color-text-tertiary: var(--ds-color-gray-0a40);--ds-color-text-brand: var(--ds-color-blue-65);--ds-color-text-positive: var(--ds-color-green-65);--ds-color-text-negative: var(--ds-color-red-65);--ds-color-text-primary-inverse: var(--ds-color-gray-100);--ds-color-icon-primary: var(--ds-color-gray-0);--ds-color-icon-secondary: var(--ds-color-gray-0a60);--ds-color-icon-tertiary: var(--ds-color-gray-0a40);--ds-color-icon-brand: var(--ds-color-blue-65);--ds-color-icon-positive: var(--ds-color-green-65);--ds-color-icon-negative: var(--ds-color-red-65);--ds-color-icon-primary-inverse: var(--ds-color-gray-100);--ds-color-bg-primary: var(--ds-color-gray-100);--ds-color-bg-secondary: var(--ds-color-gray-95);--ds-color-bg-tertiary: var(--ds-color-gray-0a10);--ds-color-bg-quaternary: var(--ds-color-gray-0a5);--ds-color-bg-brand-primary: var(--ds-color-blue-65);--ds-color-bg-brand-secondary: var(--ds-color-blue-95);--ds-color-bg-positive-primary: var(--ds-color-green-65);--ds-color-bg-positive-secondary: var(--ds-color-green-95);--ds-color-bg-negative-primary: var(--ds-color-red-65);--ds-color-bg-negative-secondary: var(--ds-color-red-95);--ds-color-bg-primary-inverse: var(--ds-color-gray-0);--ds-color-bg-tertiary-inverse: var(--ds-color-gray-100a10);--ds-color-bg-quaternary-inverse: var(--ds-color-gray-100a5);--ds-color-border-primary: var(--ds-color-gray-0a20);--ds-color-border-secondary: var(--ds-color-gray-0a10);--ds-color-border-brand: var(--ds-color-blue-65);--ds-color-border-positive: var(--ds-color-green-65);--ds-color-border-negative: var(--ds-color-red-65)}[data-mode=night]{--ds-color-text-primary: var(--ds-color-gray-100);--ds-color-text-secondary: var(--ds-color-gray-100a60);--ds-color-text-tertiary: var(--ds-color-gray-100a40);--ds-color-text-brand: var(--ds-color-blue-65);--ds-color-text-positive: var(--ds-color-green-65);--ds-color-text-negative: var(--ds-color-red-65);--ds-color-text-primary-inverse: var(--ds-color-gray-0);--ds-color-icon-primary: var(--ds-color-gray-100);--ds-color-icon-secondary: var(--ds-color-gray-100a60);--ds-color-icon-tertiary: var(--ds-color-gray-100a40);--ds-color-icon-brand: var(--ds-color-blue-65);--ds-color-icon-positive: var(--ds-color-green-65);--ds-color-icon-negative: var(--ds-color-red-65);--ds-color-icon-primary-inverse: var(--ds-color-gray-0);--ds-color-bg-primary: var(--ds-color-gray-0);--ds-color-bg-secondary: var(--ds-color-gray-20);--ds-color-bg-tertiary: var(--ds-color-gray-100a10);--ds-color-bg-quaternary: var(--ds-color-gray-100a5);--ds-color-bg-brand-primary: var(--ds-color-blue-65);--ds-color-bg-brand-secondary: var(--ds-color-blue-15);--ds-color-bg-positive-primary: var(--ds-color-green-65);--ds-color-bg-positive-secondary: var(--ds-color-green-15);--ds-color-bg-negative-primary: var(--ds-color-red-65);--ds-color-bg-negative-secondary: var(--ds-color-red-15);--ds-color-bg-primary-inverse: var(--ds-color-gray-100);--ds-color-bg-tertiary-inverse: var(--ds-color-gray-0a10);--ds-color-bg-quaternary-inverse: var(--ds-color-gray-0a5);--ds-color-border-primary: var(--ds-color-gray-100a20);--ds-color-border-secondary: var(--ds-color-gray-100a10);--ds-color-border-brand: var(--ds-color-blue-65);--ds-color-border-positive: var(--ds-color-green-65);--ds-color-border-negative: var(--ds-color-red-65)}:where(:focus-visible){outline:2px solid var(--ds-color-border-brand);outline-offset:2px;border-radius:2px}:where([data-ds-focus-source]:focus){outline:none}:where([data-ds-focus-ring]){position:absolute;box-sizing:border-box;border:2px solid var(--ds-color-border-brand);opacity:0;pointer-events:none}:where([data-ds-focus-source]:focus+[data-ds-focus-ring]){opacity:1}:root{scrollbar-width:none}:root::-webkit-scrollbar{display:none}*{scrollbar-color:oklch(.6 0 0 / .55) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background-color:#8080808c;background-clip:content-box}.ds-overlay-scrollbar{position:fixed;inset-block:2px;inset-inline-end:0;z-index:20;inline-size:12px;opacity:0;pointer-events:none;touch-action:none;transition:opacity .25s ease}.ds-overlay-scrollbar[data-visible]{opacity:1;pointer-events:auto}.ds-overlay-scrollbar-thumb{position:absolute;inset-block-start:0;inset-inline-end:3px;inline-size:6px;border-radius:3px;background:#8080808c}@media(prefers-reduced-motion:reduce){.ds-overlay-scrollbar{transition:none}}
