:root{--smoothie-color-primary: hsl(280 70% 55%);--smoothie-color-primary-hover: hsl(280 70% 48%);--smoothie-color-primary-active: hsl(280 70% 42%);--smoothie-color-primary-contrast: hsl(0 0% 100%);--smoothie-color-secondary: hsl(220 15% 22%);--smoothie-color-secondary-hover: hsl(220 15% 18%);--smoothie-color-secondary-active: hsl(220 15% 14%);--smoothie-color-secondary-contrast: hsl(0 0% 100%);--smoothie-color-success: hsl(142 76% 36%);--smoothie-color-warning: hsl(38 92% 50%);--smoothie-color-error: hsl(0 84% 60%);--smoothie-color-info: hsl(210 79% 46%);--smoothie-color-surface: hsl(0 0% 100%);--smoothie-color-surface-secondary: hsl(220 15% 97%);--smoothie-color-surface-tertiary: hsl(220 15% 94%);--smoothie-color-surface-contrast: hsl(222 40% 16%);--smoothie-color-border: hsl(220 15% 88%);--smoothie-color-track: hsl(220 15% 22% / .15);--smoothie-color-overlay-surface: color-mix( in srgb, var(--smoothie-color-surface-contrast) 7%, transparent );--smoothie-color-overlay-border: color-mix( in srgb, var(--smoothie-color-surface-contrast) 16%, transparent );--smoothie-color-scrim: hsl(222 40% 4% / .82);--smoothie-focus-ring-color: hsl(280 70% 55%);--smoothie-focus-ring-width: 2px;--smoothie-focus-ring-offset: 0px;--smoothie-radius-sm: 2px;--smoothie-radius-md: 3px;--smoothie-radius-lg: 4px;--smoothie-radius-full: 4px;--smoothie-radius-pill: 999px;--smoothie-space-0: 0;--smoothie-space-1: .25rem;--smoothie-space-2: .5rem;--smoothie-space-3: .75rem;--smoothie-space-4: 1rem;--smoothie-space-5: 1.25rem;--smoothie-space-6: 1.5rem;--smoothie-space-8: 2rem;--smoothie-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--smoothie-font-family-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", "Courier New", monospace;--smoothie-font-size-xs: .6875rem;--smoothie-font-size-sm: .8125rem;--smoothie-font-size-md: .9375rem;--smoothie-font-size-lg: 1.0625rem;--smoothie-font-size-xl: 1.25rem;--smoothie-font-weight-normal: 400;--smoothie-font-weight-medium: 500;--smoothie-font-weight-regular: 500;--smoothie-font-weight-semibold: 600;--smoothie-font-weight-bold: 700;--smoothie-line-height-tight: 1.25;--smoothie-line-height-normal: 1.5;--smoothie-line-height-relaxed: 1.75;--smoothie-motion-ease-in: cubic-bezier(.4, 0, 1, 1);--smoothie-motion-ease-out: cubic-bezier(0, 0, .4, 1);--smoothie-motion-ease-in-out: cubic-bezier(.4, 0, .4, 1);--smoothie-motion-ease-spring: cubic-bezier(.4, 0, .4, 1);--smoothie-motion-duration-instant: 50ms;--smoothie-motion-duration-fast: .1s;--smoothie-motion-duration-normal: .15s;--smoothie-motion-duration-slow: .2s;--smoothie-motion-duration-slower: .3s;--smoothie-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .08);--smoothie-shadow-md: 0 2px 4px 0 rgb(0 0 0 / .12);--smoothie-shadow-lg: 0 4px 8px 0 rgb(0 0 0 / .16);--smoothie-button-radius: 6px;--smoothie-button-shadow: inset 0 1px 0 0 rgb(255 255 255 / .25), inset 0 -1px 0 0 rgb(0 0 0 / .15), 0 1px 2px 0 rgb(0 0 0 / .15);--smoothie-button-shadow-hover: inset 0 1px 0 0 rgb(255 255 255 / .3), inset 0 -1px 0 0 rgb(0 0 0 / .2), 0 2px 4px 0 rgb(0 0 0 / .18);--smoothie-button-shadow-active: inset 0 1px 2px 0 rgb(0 0 0 / .2), inset 0 -1px 0 0 rgb(255 255 255 / .1);--smoothie-button-border: none;--smoothie-z-base: 0;--smoothie-z-dropdown: 1000;--smoothie-z-sticky: 1100;--smoothie-z-modal: 1200;--smoothie-z-popover: 1300;--smoothie-z-tooltip: 1400}@media(prefers-color-scheme:dark){:root{--smoothie-color-primary: hsl(280 70% 60%);--smoothie-color-primary-hover: hsl(280 70% 65%);--smoothie-color-primary-active: hsl(280 70% 70%);--smoothie-color-secondary: hsl(220 15% 75%);--smoothie-color-secondary-hover: hsl(220 15% 80%);--smoothie-color-secondary-active: hsl(220 15% 85%);--smoothie-color-secondary-contrast: hsl(222 40% 16%);--smoothie-color-surface: hsl(222 40% 10%);--smoothie-color-surface-secondary: hsl(222 40% 14%);--smoothie-color-surface-tertiary: hsl(222 40% 18%);--smoothie-color-surface-contrast: hsl(0 0% 98%);--smoothie-color-border: hsl(220 15% 25%);--smoothie-color-track: hsl(220 15% 75% / .15);--smoothie-color-scrim: hsl(222 40% 4% / .82);--smoothie-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--smoothie-shadow-md: 0 2px 4px 0 rgb(0 0 0 / .5);--smoothie-shadow-lg: 0 4px 8px 0 rgb(0 0 0 / .6);--smoothie-button-shadow: inset 0 1px 0 0 rgb(255 255 255 / .15), inset 0 -1px 0 0 rgb(0 0 0 / .3), 0 1px 2px 0 rgb(0 0 0 / .5);--smoothie-button-shadow-hover: inset 0 1px 0 0 rgb(255 255 255 / .2), inset 0 -1px 0 0 rgb(0 0 0 / .35), 0 2px 4px 0 rgb(0 0 0 / .6);--smoothie-button-shadow-active: inset 0 1px 2px 0 rgb(0 0 0 / .4), inset 0 -1px 0 0 rgb(255 255 255 / .08);--smoothie-button-border: none}}:root{color-scheme:light dark;background:var(--smoothie-color-surface);color:var(--smoothie-color-surface-contrast)}:root:not([data-smoothie-theme]),:root[data-smoothie-theme=auto]{--smoothie-theme-mode: auto}.mode-dark:root:not([data-smoothie-theme]),.mode-dark:root[data-smoothie-theme=auto]{--smoothie-color-surface: hsl(222 40% 16%);--smoothie-color-surface-contrast: hsl(0 0% 100%);--smoothie-color-track: hsl(220 15% 32% / .35);--smoothie-color-primary: hsl(280 70% 60%)}:root[data-smoothie-theme=light]{--smoothie-color-primary: hsl(280 70% 55%);--smoothie-color-primary-hover: hsl(280 70% 48%);--smoothie-color-primary-active: hsl(280 70% 42%);--smoothie-color-surface: hsl(0 0% 100%);--smoothie-color-surface-secondary: hsl(0 0% 97%);--smoothie-color-surface-tertiary: hsl(0 0% 94%);--smoothie-color-surface-contrast: hsl(0 0% 10%);--smoothie-color-border: hsl(0 0% 85%);--smoothie-color-track: hsl(0 0% 80%);--smoothie-radius-sm: 2px;--smoothie-radius-md: 3px;--smoothie-radius-lg: 4px;--smoothie-radius-full: 4px;--smoothie-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .08);--smoothie-shadow-md: 0 2px 4px 0 rgb(0 0 0 / .12);--smoothie-shadow-lg: 0 4px 8px 0 rgb(0 0 0 / .16)}:root[data-smoothie-theme=dark]{--smoothie-color-primary: hsl(280 70% 60%);--smoothie-color-primary-hover: hsl(280 70% 65%);--smoothie-color-primary-active: hsl(280 70% 70%);--smoothie-color-surface: hsl(0 0% 10%);--smoothie-color-surface-secondary: hsl(0 0% 14%);--smoothie-color-surface-tertiary: hsl(0 0% 18%);--smoothie-color-surface-contrast: hsl(0 0% 98%);--smoothie-color-border: hsl(0 0% 30%);--smoothie-color-track: hsl(0 0% 35%);--smoothie-radius-sm: 2px;--smoothie-radius-md: 3px;--smoothie-radius-lg: 4px;--smoothie-radius-full: 4px;--smoothie-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--smoothie-shadow-md: 0 2px 4px 0 rgb(0 0 0 / .5);--smoothie-shadow-lg: 0 4px 8px 0 rgb(0 0 0 / .6)}:root{--_smoothie-text-1: var( --smoothie-color-text-primary, var( --smoothie-color-text-1, var(--smoothie-color-text, var(--smoothie-color-surface-contrast, currentColor)) ) );--_smoothie-text-2: var( --smoothie-color-text-secondary, var( --smoothie-color-text-2, color-mix(in srgb, var(--_smoothie-text-1) 70%, transparent) ) );--_smoothie-text-3: var( --smoothie-color-text-tertiary, color-mix(in srgb, var(--_smoothie-text-1) 45%, transparent) )}