:root{--ub-white: oklch(1 0 0);--ub-black: oklch(0 0 0);--ub-gray-50: oklch(.985 0 0);--ub-gray-100: oklch(.967 0 0);--ub-gray-200: oklch(.922 0 0);--ub-gray-300: oklch(.87 0 0);--ub-gray-400: oklch(.708 0 0);--ub-gray-500: oklch(.556 0 0);--ub-gray-600: oklch(.439 0 0);--ub-gray-700: oklch(.371 0 0);--ub-gray-800: oklch(.269 0 0);--ub-gray-900: oklch(.19 0 0);--ub-gray-950: oklch(.145 0 0);--ub-red-50: oklch(.97 .013 25);--ub-red-100: oklch(.94 .032 25);--ub-red-200: oklch(.885 .07 25);--ub-red-300: oklch(.8 .115 25);--ub-red-400: oklch(.7 .16 25);--ub-red-500: oklch(.62 .19 25);--ub-red-600: oklch(.55 .19 25);--ub-red-700: oklch(.48 .16 25);--ub-red-800: oklch(.42 .13 25);--ub-red-900: oklch(.37 .1 25);--ub-red-950: oklch(.26 .07 25);--ub-orange-50: oklch(.97 .013 55);--ub-orange-100: oklch(.94 .032 55);--ub-orange-200: oklch(.885 .07 55);--ub-orange-300: oklch(.8 .115 55);--ub-orange-400: oklch(.7 .16 55);--ub-orange-500: oklch(.62 .19 55);--ub-orange-600: oklch(.55 .19 55);--ub-orange-700: oklch(.48 .16 55);--ub-orange-800: oklch(.42 .13 55);--ub-orange-900: oklch(.37 .1 55);--ub-orange-950: oklch(.26 .07 55);--ub-green-50: oklch(.97 .011 150);--ub-green-100: oklch(.94 .027 150);--ub-green-200: oklch(.885 .06 150);--ub-green-300: oklch(.8 .098 150);--ub-green-400: oklch(.7 .136 150);--ub-green-500: oklch(.62 .162 150);--ub-green-600: oklch(.55 .162 150);--ub-green-700: oklch(.48 .136 150);--ub-green-800: oklch(.42 .111 150);--ub-green-900: oklch(.37 .085 150);--ub-green-950: oklch(.26 .06 150);--ub-teal-50: oklch(.97 .009 183);--ub-teal-100: oklch(.94 .022 183);--ub-teal-200: oklch(.885 .049 183);--ub-teal-300: oklch(.8 .081 183);--ub-teal-400: oklch(.7 .112 183);--ub-teal-500: oklch(.62 .133 183);--ub-teal-600: oklch(.55 .133 183);--ub-teal-700: oklch(.48 .112 183);--ub-teal-800: oklch(.42 .091 183);--ub-teal-900: oklch(.37 .07 183);--ub-teal-950: oklch(.26 .049 183);--ub-blue-50: oklch(.97 .014 255);--ub-blue-100: oklch(.94 .034 255);--ub-blue-200: oklch(.885 .074 255);--ub-blue-300: oklch(.8 .121 255);--ub-blue-400: oklch(.7 .168 255);--ub-blue-500: oklch(.62 .2 255);--ub-blue-600: oklch(.55 .2 255);--ub-blue-700: oklch(.48 .168 255);--ub-blue-800: oklch(.42 .137 255);--ub-blue-900: oklch(.37 .105 255);--ub-blue-950: oklch(.26 .074 255);--ub-violet-50: oklch(.97 .014 293);--ub-violet-100: oklch(.94 .035 293);--ub-violet-200: oklch(.885 .077 293);--ub-violet-300: oklch(.8 .127 293);--ub-violet-400: oklch(.7 .176 293);--ub-violet-500: oklch(.62 .209 293);--ub-violet-600: oklch(.55 .209 293);--ub-violet-700: oklch(.48 .176 293);--ub-violet-800: oklch(.42 .143 293);--ub-violet-900: oklch(.37 .11 293);--ub-violet-950: oklch(.26 .077 293);--ub-fuchsia-50: oklch(.97 .014 322);--ub-fuchsia-100: oklch(.94 .035 322);--ub-fuchsia-200: oklch(.885 .077 322);--ub-fuchsia-300: oklch(.8 .127 322);--ub-fuchsia-400: oklch(.7 .176 322);--ub-fuchsia-500: oklch(.62 .209 322);--ub-fuchsia-600: oklch(.55 .209 322);--ub-fuchsia-700: oklch(.48 .176 322);--ub-fuchsia-800: oklch(.42 .143 322);--ub-fuchsia-900: oklch(.37 .11 322);--ub-fuchsia-950: oklch(.26 .077 322);--ub-rose-50: oklch(.97 .012 12);--ub-rose-100: oklch(.94 .03 12);--ub-rose-200: oklch(.885 .067 12);--ub-rose-300: oklch(.8 .109 12);--ub-rose-400: oklch(.7 .152 12);--ub-rose-500: oklch(.62 .18 12);--ub-rose-600: oklch(.55 .18 12);--ub-rose-700: oklch(.48 .152 12);--ub-rose-800: oklch(.42 .123 12);--ub-rose-900: oklch(.37 .095 12);--ub-rose-950: oklch(.26 .067 12)}:root{color-scheme:light;--ub-bg: var(--ub-white);--ub-bg-subtle: var(--ub-gray-50);--ub-bg-muted: var(--ub-gray-200);--ub-bg-muted-hover: var(--ub-gray-300);--ub-surface: var(--ub-white);--ub-overlay: oklch(0 0 0 / .4);--ub-text-primary: var(--ub-gray-950);--ub-text-secondary: var(--ub-gray-600);--ub-text-tertiary: var(--ub-gray-400);--ub-text-disabled: var(--ub-gray-300);--ub-border: var(--ub-gray-200);--ub-border-strong: var(--ub-gray-300);--ub-accent: var(--ub-gray-900);--ub-accent-hover: var(--ub-gray-800);--ub-accent-contrast: var(--ub-white);--ub-ring: var(--ub-gray-400);--ub-danger: var(--ub-red-600);--ub-danger-hover: var(--ub-red-500);--ub-danger-contrast: var(--ub-white);--ub-success: var(--ub-green-600);--ub-warning: var(--ub-orange-500);--ub-info: var(--ub-blue-600);--ub-tint-gray-bg: var(--ub-gray-200);--ub-tint-gray-text: var(--ub-gray-700);--ub-tint-red-bg: var(--ub-red-100);--ub-tint-red-text: var(--ub-red-700);--ub-tint-orange-bg: var(--ub-orange-100);--ub-tint-orange-text: var(--ub-orange-700);--ub-tint-green-bg: var(--ub-green-100);--ub-tint-green-text: var(--ub-green-700);--ub-tint-teal-bg: var(--ub-teal-100);--ub-tint-teal-text: var(--ub-teal-700);--ub-tint-blue-bg: var(--ub-blue-100);--ub-tint-blue-text: var(--ub-blue-700);--ub-tint-violet-bg: var(--ub-violet-100);--ub-tint-violet-text: var(--ub-violet-700);--ub-tint-fuchsia-bg: var(--ub-fuchsia-100);--ub-tint-fuchsia-text: var(--ub-fuchsia-700);--ub-tint-rose-bg: var(--ub-rose-100);--ub-tint-rose-text: var(--ub-rose-700);--ub-shadow-sm: 0 2px 8px oklch(0 0 0 / .08);--ub-shadow-md: 0 8px 24px oklch(0 0 0 / .12);--ub-shadow-lg: 0 16px 48px oklch(0 0 0 / .16);--ub-surface-glass: color-mix(in oklab, var(--ub-surface) 90%, transparent);--ub-z-overlay: 1000}[data-theme=dark],.dark{color-scheme:dark;--ub-bg: var(--ub-gray-950);--ub-bg-subtle: var(--ub-gray-900);--ub-bg-muted: var(--ub-gray-800);--ub-bg-muted-hover: var(--ub-gray-700);--ub-surface: var(--ub-gray-900);--ub-overlay: oklch(0 0 0 / .6);--ub-text-primary: var(--ub-gray-50);--ub-text-secondary: var(--ub-gray-400);--ub-text-tertiary: var(--ub-gray-500);--ub-text-disabled: var(--ub-gray-700);--ub-border: var(--ub-gray-800);--ub-border-strong: var(--ub-gray-700);--ub-accent: var(--ub-gray-50);--ub-accent-hover: var(--ub-gray-200);--ub-accent-contrast: var(--ub-gray-950);--ub-ring: var(--ub-gray-500);--ub-danger: var(--ub-red-500);--ub-danger-hover: var(--ub-red-400);--ub-success: var(--ub-green-500);--ub-warning: var(--ub-orange-400);--ub-info: var(--ub-blue-400);--ub-tint-gray-bg: var(--ub-gray-800);--ub-tint-gray-text: var(--ub-gray-300);--ub-tint-red-bg: var(--ub-red-900);--ub-tint-red-text: var(--ub-red-300);--ub-tint-orange-bg: var(--ub-orange-900);--ub-tint-orange-text: var(--ub-orange-300);--ub-tint-green-bg: var(--ub-green-900);--ub-tint-green-text: var(--ub-green-300);--ub-tint-teal-bg: var(--ub-teal-900);--ub-tint-teal-text: var(--ub-teal-300);--ub-tint-blue-bg: var(--ub-blue-900);--ub-tint-blue-text: var(--ub-blue-300);--ub-tint-violet-bg: var(--ub-violet-900);--ub-tint-violet-text: var(--ub-violet-300);--ub-tint-fuchsia-bg: var(--ub-fuchsia-900);--ub-tint-fuchsia-text: var(--ub-fuchsia-300);--ub-tint-rose-bg: var(--ub-rose-900);--ub-tint-rose-text: var(--ub-rose-300);--ub-shadow-sm: 0 2px 8px oklch(0 0 0 / .4);--ub-shadow-md: 0 8px 24px oklch(0 0 0 / .55);--ub-shadow-lg: 0 16px 48px oklch(0 0 0 / .65)}:root{--ub-radius-xs: .25rem;--ub-radius-sm: .375rem;--ub-radius-md: .5rem;--ub-radius-lg: .75rem;--ub-radius-xl: 1rem;--ub-radius-full: 9999px;--ub-radius-control: var(--ub-radius-md)}[data-radius=pill]{--ub-radius-control: var(--ub-radius-full);--ub-radius-sm: .625rem;--ub-radius-md: .875rem;--ub-radius-lg: 1.25rem}:root{--ub-font-size: 1rem;--ub-font-size-compact: .875rem;--ub-control-height: 2.25rem;--ub-control-height-compact: 1.75rem;--ub-icon-size-default: 1rem;--ub-icon-size-compact: .875rem;--ub-icon-size: var(--ub-icon-size-default)}:root{--ub-duration-fast: .12s;--ub-duration-base: .18s;--ub-duration-slow: .28s;--ub-ease-out: cubic-bezier(.25, 1, .5, 1);--ub-ease-in-out: cubic-bezier(.65, 0, .35, 1);--ub-ease-spring: linear( 0, .0087 1.1%, .0357 2.35%, .1489 5.1%, .3532 8.75%, .7378 14.7%, .8834 17.3%, .9899 19.95%, 1.0672 22.65%, 1.1196 25.55%, 1.1467 28.45%, 1.1503 30.55%, 1.1384 33.05%, 1.0728 40.15%, 1.0175 47.05%, .9909 53.8%, .9863 60.35%, 1.0016 76.85%, 1 )}@media(prefers-reduced-motion:reduce){:root{--ub-duration-fast: 0ms;--ub-duration-base: 0ms;--ub-duration-slow: 0ms}}