/*! Cubo Styles — generated from src/styles | MIT */:root{--c-color-white: #ffffff;--c-color-black: #000000;--c-color-blue-10: #eff6ff;--c-color-blue-20: #dbeafe;--c-color-blue-30: #bfdbfe;--c-color-blue-40: #93c5fd;--c-color-blue-50: #3b82f6;--c-color-blue-60: #2563eb;--c-color-blue-70: #1d4ed8;--c-color-blue-80: #1e40af;--c-color-blue-90: #1e3a8a;--c-color-blue-100: #172554;--c-color-red-10: #fef2f2;--c-color-red-20: #fee2e2;--c-color-red-30: #fecaca;--c-color-red-40: #fca5a5;--c-color-red-50: #ef4444;--c-color-red-60: #dc2626;--c-color-red-70: #b91c1c;--c-color-red-80: #991b1b;--c-color-red-90: #7f1d1d;--c-color-red-100: #450a0a;--c-color-green-10: #f0fdf4;--c-color-green-20: #dcfce7;--c-color-green-30: #bbf7d0;--c-color-green-40: #86efac;--c-color-green-50: #22c55e;--c-color-green-60: #16a34a;--c-color-green-70: #15803d;--c-color-green-80: #166534;--c-color-green-90: #14532d;--c-color-green-100: #052e16;--c-color-orange-10: #fff7ed;--c-color-orange-20: #ffedd5;--c-color-orange-30: #fed7aa;--c-color-orange-40: #fdba74;--c-color-orange-50: #f97316;--c-color-orange-60: #ea580c;--c-color-orange-70: #c2410c;--c-color-orange-80: #9a3412;--c-color-orange-90: #7c2d12;--c-color-orange-100: #431407;--c-color-gray-10: #f9fafb;--c-color-gray-20: #f3f4f6;--c-color-gray-30: #e5e7eb;--c-color-gray-40: #d1d5db;--c-color-gray-50: #9ca3af;--c-color-gray-60: #6b7280;--c-color-gray-70: #4b5563;--c-color-gray-80: #374151;--c-color-gray-90: #1f2937;--c-color-gray-100: #111827;--c-color-primary-10: var(--c-color-blue-10);--c-color-primary-20: var(--c-color-blue-20);--c-color-primary-30: var(--c-color-blue-30);--c-color-primary-40: var(--c-color-blue-40);--c-color-primary-50: var(--c-color-blue-50);--c-color-primary-60: var(--c-color-blue-60);--c-color-primary-70: var(--c-color-blue-70);--c-color-primary-80: var(--c-color-blue-80);--c-color-primary-90: var(--c-color-blue-90);--c-color-primary-100: var(--c-color-blue-100)}:root{--c-font-family-base: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--c-font-family-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--c-font-size-10: .75rem;--c-font-size-20: .875rem;--c-font-size-30: 1rem;--c-font-size-40: 1.125rem;--c-font-size-50: 1.25rem;--c-font-size-60: 1.5rem;--c-font-size-70: 1.875rem;--c-font-size-80: 2.25rem;--c-font-size-90: 3rem;--c-font-size-100: 3.75rem;--c-font-weight-regular: 400;--c-font-weight-medium: 500;--c-font-weight-semibold: 600;--c-font-weight-bold: 700;--c-line-height-10: 1.1;--c-line-height-20: 1.25;--c-line-height-30: 1.5;--c-line-height-40: 1.75;--c-letter-spacing-tight: -.02em;--c-letter-spacing-normal: 0;--c-letter-spacing-wide: .05em}:root{--c-space-10: .25rem;--c-space-20: .5rem;--c-space-30: .75rem;--c-space-40: 1rem;--c-space-50: 1.5rem;--c-space-60: 2rem;--c-space-70: 3rem;--c-space-80: 4rem;--c-space-90: 6rem;--c-space-100: 8rem}:root{--c-radius-10: .125rem;--c-radius-20: .25rem;--c-radius-30: .5rem;--c-radius-40: .75rem;--c-radius-50: 1rem;--c-radius-60: 1.5rem;--c-radius-full: 100rem}:root{--c-shadow-10: 0 .0625rem .125rem var(--c-shadow-color);--c-shadow-20: 0 .0625rem .1875rem var(--c-shadow-color), 0 .0625rem .125rem var(--c-shadow-color);--c-shadow-30: 0 .25rem .375rem -.0625rem var(--c-shadow-color), 0 .125rem .25rem -.125rem var(--c-shadow-color);--c-shadow-40: 0 .625rem .9375rem -.1875rem var(--c-shadow-color), 0 .25rem .375rem -.25rem var(--c-shadow-color);--c-shadow-50: 0 1.25rem 1.5625rem -.3125rem var(--c-shadow-color), 0 .5rem .625rem -.375rem var(--c-shadow-color)}:root{--c-duration-10: .1s;--c-duration-20: .2s;--c-duration-30: .3s;--c-duration-40: .5s;--c-easing-base: cubic-bezier(.4, 0, .2, 1);--c-easing-in: cubic-bezier(.4, 0, 1, 1);--c-easing-out: cubic-bezier(0, 0, .2, 1)}:root,[data-theme=light]{color-scheme:light;--c-color-bg: var(--c-color-white);--c-color-bg-subtle: var(--c-color-gray-10);--c-color-bg-muted: var(--c-color-gray-20);--c-color-bg-elevated: var(--c-color-white);--c-color-bg-inverse: var(--c-color-gray-100);--c-color-bg-overlay: rgb(17 24 39 / 55%);--c-color-text: var(--c-color-gray-100);--c-color-text-secondary: var(--c-color-gray-70);--c-color-text-muted: var(--c-color-gray-60);--c-color-text-disabled: var(--c-color-gray-50);--c-color-text-inverse: var(--c-color-white);--c-color-border: var(--c-color-gray-30);--c-color-border-strong: var(--c-color-gray-40);--c-color-border-subtle: var(--c-color-gray-20);--c-color-link: var(--c-color-primary-60);--c-color-link-hover: var(--c-color-primary-70);--c-color-primary: var(--c-color-primary-50);--c-color-primary-hover: var(--c-color-primary-60);--c-color-primary-active: var(--c-color-primary-70);--c-color-primary-subtle: var(--c-color-primary-10);--c-color-primary-subtle-text: var(--c-color-primary-70);--c-color-primary-contrast: var(--c-color-white);--c-color-success: var(--c-color-green-50);--c-color-success-hover: var(--c-color-green-60);--c-color-success-active: var(--c-color-green-70);--c-color-success-subtle: var(--c-color-green-10);--c-color-success-subtle-text: var(--c-color-green-70);--c-color-success-contrast: var(--c-color-gray-100);--c-color-warning: var(--c-color-orange-50);--c-color-warning-hover: var(--c-color-orange-60);--c-color-warning-active: var(--c-color-orange-70);--c-color-warning-subtle: var(--c-color-orange-10);--c-color-warning-subtle-text: var(--c-color-orange-70);--c-color-warning-contrast: var(--c-color-gray-100);--c-color-danger: var(--c-color-red-50);--c-color-danger-hover: var(--c-color-red-60);--c-color-danger-active: var(--c-color-red-70);--c-color-danger-subtle: var(--c-color-red-10);--c-color-danger-subtle-text: var(--c-color-red-70);--c-color-danger-contrast: var(--c-color-white);--c-color-info: var(--c-color-blue-50);--c-color-info-hover: var(--c-color-blue-60);--c-color-info-active: var(--c-color-blue-70);--c-color-info-subtle: var(--c-color-blue-10);--c-color-info-subtle-text: var(--c-color-blue-70);--c-color-info-contrast: var(--c-color-white);--c-color-focus-ring: color-mix(in srgb, var(--c-color-primary-50) 40%, transparent);--c-color-selection-bg: var(--c-color-primary-20);--c-color-selection-text: var(--c-color-gray-100);--c-color-code-bg: var(--c-color-gray-20);--c-color-code-text: var(--c-color-gray-90);--c-color-code-block-bg: var(--c-color-gray-100);--c-color-code-block-text: var(--c-color-gray-20);--c-shadow-color: rgb(17 24 39 / 10%)}[data-theme=dark]{color-scheme:dark;--c-color-bg: var(--c-color-gray-100);--c-color-bg-subtle: var(--c-color-gray-90);--c-color-bg-muted: var(--c-color-gray-80);--c-color-bg-elevated: var(--c-color-gray-90);--c-color-bg-inverse: var(--c-color-gray-10);--c-color-bg-overlay: rgb(0 0 0 / 60%);--c-color-text: var(--c-color-gray-10);--c-color-text-secondary: var(--c-color-gray-40);--c-color-text-muted: var(--c-color-gray-50);--c-color-text-disabled: var(--c-color-gray-60);--c-color-text-inverse: var(--c-color-gray-100);--c-color-border: var(--c-color-gray-80);--c-color-border-strong: var(--c-color-gray-70);--c-color-border-subtle: var(--c-color-gray-90);--c-color-link: var(--c-color-primary-40);--c-color-link-hover: var(--c-color-primary-30);--c-color-primary: var(--c-color-primary-50);--c-color-primary-hover: var(--c-color-primary-40);--c-color-primary-active: var(--c-color-primary-30);--c-color-primary-subtle: color-mix(in srgb, var(--c-color-primary-50) 16%, var(--c-color-gray-100));--c-color-primary-subtle-text: var(--c-color-primary-30);--c-color-primary-contrast: var(--c-color-white);--c-color-success: var(--c-color-green-50);--c-color-success-hover: var(--c-color-green-40);--c-color-success-active: var(--c-color-green-30);--c-color-success-subtle: color-mix(in srgb, var(--c-color-green-50) 16%, var(--c-color-gray-100));--c-color-success-subtle-text: var(--c-color-green-30);--c-color-success-contrast: var(--c-color-gray-100);--c-color-warning: var(--c-color-orange-50);--c-color-warning-hover: var(--c-color-orange-40);--c-color-warning-active: var(--c-color-orange-30);--c-color-warning-subtle: color-mix(in srgb, var(--c-color-orange-50) 16%, var(--c-color-gray-100));--c-color-warning-subtle-text: var(--c-color-orange-30);--c-color-warning-contrast: var(--c-color-gray-100);--c-color-danger: var(--c-color-red-50);--c-color-danger-hover: var(--c-color-red-40);--c-color-danger-active: var(--c-color-red-30);--c-color-danger-subtle: color-mix(in srgb, var(--c-color-red-50) 16%, var(--c-color-gray-100));--c-color-danger-subtle-text: var(--c-color-red-30);--c-color-danger-contrast: var(--c-color-white);--c-color-info: var(--c-color-blue-50);--c-color-info-hover: var(--c-color-blue-40);--c-color-info-active: var(--c-color-blue-30);--c-color-info-subtle: color-mix(in srgb, var(--c-color-blue-50) 16%, var(--c-color-gray-100));--c-color-info-subtle-text: var(--c-color-blue-30);--c-color-info-contrast: var(--c-color-white);--c-color-focus-ring: color-mix(in srgb, var(--c-color-primary-40) 45%, transparent);--c-color-selection-bg: var(--c-color-primary-80);--c-color-selection-text: var(--c-color-gray-10);--c-color-code-bg: var(--c-color-gray-80);--c-color-code-text: var(--c-color-gray-20);--c-color-code-block-bg: var(--c-color-black);--c-color-code-block-text: var(--c-color-gray-30);--c-shadow-color: rgb(0 0 0 / 45%)}:root{--c-font-headline-100-heavy: var(--c-font-weight-bold) var(--c-font-size-80)/var(--c-line-height-10) var(--c-font-family-base);--c-font-headline-100-heavy-letter-spacing: var(--c-letter-spacing-tight);--c-font-headline-100-light: var(--c-font-weight-regular) var(--c-font-size-80)/var(--c-line-height-10) var(--c-font-family-base);--c-font-headline-100-light-letter-spacing: var(--c-letter-spacing-tight);--c-font-headline-200-heavy: var(--c-font-weight-bold) var(--c-font-size-60)/var(--c-line-height-20) var(--c-font-family-base);--c-font-headline-200-heavy-letter-spacing: var(--c-letter-spacing-tight);--c-font-headline-200-light: var(--c-font-weight-regular) var(--c-font-size-60)/var(--c-line-height-20) var(--c-font-family-base);--c-font-headline-200-light-letter-spacing: var(--c-letter-spacing-tight);--c-font-headline-300-heavy: var(--c-font-weight-bold) var(--c-font-size-50)/var(--c-line-height-20) var(--c-font-family-base);--c-font-headline-300-heavy-letter-spacing: var(--c-letter-spacing-tight);--c-font-headline-300-light: var(--c-font-weight-regular) var(--c-font-size-50)/var(--c-line-height-20) var(--c-font-family-base);--c-font-headline-300-light-letter-spacing: var(--c-letter-spacing-tight);--c-font-paragraph-50-light: var(--c-font-weight-regular) var(--c-font-size-40)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-50-light-letter-spacing: 0;--c-font-paragraph-50-heavy: var(--c-font-weight-bold) var(--c-font-size-40)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-50-heavy-letter-spacing: 0;--c-font-paragraph-100-light: var(--c-font-weight-regular) var(--c-font-size-30)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-100-light-letter-spacing: 0;--c-font-paragraph-100-heavy: var(--c-font-weight-bold) var(--c-font-size-30)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-100-heavy-letter-spacing: 0;--c-font-paragraph-200-light: var(--c-font-weight-regular) var(--c-font-size-20)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-200-light-letter-spacing: 0;--c-font-paragraph-200-heavy: var(--c-font-weight-bold) var(--c-font-size-20)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-200-heavy-letter-spacing: 0;--c-font-paragraph-300-light: var(--c-font-weight-regular) var(--c-font-size-10)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-300-light-letter-spacing: 0;--c-font-paragraph-300-heavy: var(--c-font-weight-bold) var(--c-font-size-10)/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-300-heavy-letter-spacing: 0;--c-font-paragraph-400-light: var(--c-font-weight-regular) .625rem/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-400-light-letter-spacing: 0;--c-font-paragraph-400-heavy: var(--c-font-weight-bold) .625rem/var(--c-line-height-30) var(--c-font-family-base);--c-font-paragraph-400-heavy-letter-spacing: 0;--c-font-label-100: var(--c-font-weight-semibold) var(--c-font-size-30)/var(--c-line-height-10) var(--c-font-family-base);--c-font-label-100-letter-spacing: .02em;--c-font-label-200: var(--c-font-weight-semibold) var(--c-font-size-20)/var(--c-line-height-10) var(--c-font-family-base);--c-font-label-200-letter-spacing: .02em;--c-font-label-300: var(--c-font-weight-semibold) var(--c-font-size-10)/var(--c-line-height-10) var(--c-font-family-base);--c-font-label-300-letter-spacing: .02em;--c-font-label-400: var(--c-font-weight-semibold) .625rem/var(--c-line-height-10) var(--c-font-family-base);--c-font-label-400-letter-spacing: .02em;--c-font-button-100: var(--c-font-weight-semibold) var(--c-font-size-30)/var(--c-line-height-10) var(--c-font-family-base);--c-font-button-100-letter-spacing: .02em;--c-font-button-200: var(--c-font-weight-semibold) var(--c-font-size-10)/var(--c-line-height-10) var(--c-font-family-base);--c-font-button-200-letter-spacing: .02em}:root{--c-radius-none: 0;--c-radius-sm: var(--c-radius-10);--c-radius-md: var(--c-radius-30);--c-radius-lg: var(--c-radius-40);--c-radius-xl: var(--c-radius-50);--c-effect-elevation-50: var(--c-shadow-10);--c-effect-elevation-100: var(--c-shadow-20);--c-effect-elevation-200: var(--c-shadow-30);--c-effect-elevation-300: var(--c-shadow-40);--c-effect-elevation-400: var(--c-shadow-50);--c-border-1: 1px;--c-border-2: 2px;--c-size-component-xsmall: 1rem;--c-size-component-small: 1.5rem;--c-size-component-medium: 2.125rem;--c-size-component-large: 2.5rem;--c-size-component-xlarge: 3rem;--c-focus-ring-width: 1px;--c-focus-ring-spread: 3px}.cubo-icon{display:inline-block;flex:0 0 auto;vertical-align:middle;color:currentColor}.cubo-icon[data-clickable]{cursor:pointer}.cubo-spinner{display:inline-block;flex:0 0 auto;vertical-align:middle;color:currentColor;animation:cubo-spinner-rotate .6s linear infinite}.cubo-spinner__track{opacity:.2}.cubo-spinner__head{opacity:1}@keyframes cubo-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.cubo-spinner{animation-duration:1.6s}}.cubo-text{--cubo-text-height: var(--c-size-component-medium);--cubo-text-padding-x: .75rem;--cubo-text-gap: .5rem;--cubo-text-border: var(--c-color-border);--cubo-text-ring: transparent;--cubo-text-bg: var(--c-color-bg);--cubo-text-fg: var(--c-color-text);display:flex;align-items:center;gap:var(--cubo-text-gap);box-sizing:border-box;inline-size:100%;block-size:var(--cubo-text-height);padding-inline:var(--cubo-text-padding-x);background-color:var(--cubo-text-bg);color:var(--cubo-text-fg);border:var(--c-border-1) solid var(--cubo-text-border);border-radius:var(--c-radius-md);box-shadow:0 0 0 var(--c-focus-ring-spread) var(--cubo-text-ring);cursor:text;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;font:var(--c-font-paragraph-200-light);letter-spacing:var(--c-font-paragraph-200-light-letter-spacing);text-transform:var(--c-font-paragraph-200-light-text-transform)}.cubo-text[data-size=small]{--cubo-text-height: var(--c-size-component-small);--cubo-text-padding-x: .5rem;--cubo-text-gap: .375rem;font:var(--c-font-paragraph-300-light);letter-spacing:var(--c-font-paragraph-300-light-letter-spacing);text-transform:var(--c-font-paragraph-300-light-text-transform)}.cubo-text[data-size=large]{--cubo-text-height: var(--c-size-component-large);--cubo-text-padding-x: 1rem;font:var(--c-font-paragraph-100-light);letter-spacing:var(--c-font-paragraph-100-light-letter-spacing);text-transform:var(--c-font-paragraph-100-light-text-transform)}.cubo-text[data-state=error]{--cubo-text-border: var(--c-color-danger)}.cubo-text[data-state=success]{--cubo-text-border: var(--c-color-success)}.cubo-text[data-state=warning]{--cubo-text-border: var(--c-color-warning)}.cubo-text:hover:not([data-disabled]):not([data-readonly]):not(:focus-within){--cubo-text-border: var(--c-color-border-strong)}.cubo-text[data-state=error]:hover:not([data-disabled]):not([data-readonly]):not(:focus-within){--cubo-text-border: var(--c-color-danger-active)}.cubo-text[data-state=success]:hover:not([data-disabled]):not([data-readonly]):not(:focus-within){--cubo-text-border: var(--c-color-success-active)}.cubo-text[data-state=warning]:hover:not([data-disabled]):not([data-readonly]):not(:focus-within){--cubo-text-border: var(--c-color-warning-active)}.cubo-text:focus-within:not([data-disabled]){--cubo-text-border: var(--c-color-primary);--cubo-text-ring: color-mix(in srgb, var(--c-color-primary) 22%, transparent)}.cubo-text[data-state=error]:focus-within:not([data-disabled]){--cubo-text-border: var(--c-color-danger-active);--cubo-text-ring: color-mix(in srgb, var(--c-color-danger) 22%, transparent)}.cubo-text[data-state=success]:focus-within:not([data-disabled]){--cubo-text-border: var(--c-color-success-active);--cubo-text-ring: color-mix(in srgb, var(--c-color-success) 22%, transparent)}.cubo-text[data-state=warning]:focus-within:not([data-disabled]){--cubo-text-border: var(--c-color-warning-active);--cubo-text-ring: color-mix(in srgb, var(--c-color-warning) 22%, transparent)}.cubo-text[data-readonly]{--cubo-text-bg: var(--c-color-bg-muted)}.cubo-text[data-disabled]{--cubo-text-bg: var(--c-color-bg-subtle);--cubo-text-fg: var(--c-color-text-disabled);--cubo-text-border: var(--c-color-border-subtle);cursor:not-allowed}.cubo-text__input{box-sizing:border-box;flex:1 1 auto;min-inline-size:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cubo-text__input::placeholder{color:var(--c-color-text-muted);opacity:1}.cubo-text__input:disabled{cursor:not-allowed;color:var(--c-color-text-disabled);-webkit-text-fill-color:var(--c-color-text-disabled)}.cubo-text__input[type=number]{-moz-appearance:textfield}.cubo-text__input[type=number]::-webkit-outer-spin-button,.cubo-text__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cubo-text__input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}.cubo-text__affix{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--c-color-text-secondary);white-space:nowrap}.cubo-text__affix--text{color:var(--c-color-text-secondary)}.cubo-text[data-disabled] .cubo-text__affix{color:var(--c-color-text-disabled)}.cubo-text[data-state=error] .cubo-text__status{color:var(--c-color-danger)}.cubo-text[data-state=success] .cubo-text__status{color:var(--c-color-success)}.cubo-text[data-state=warning] .cubo-text__status{color:var(--c-color-warning)}.cubo-text__spinner{color:var(--c-color-text-secondary)}.cubo-button{--cubo-button-color: var(--c-color-primary);--cubo-button-height: var(--c-size-component-medium);--cubo-button-padding-x: 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;block-size:var(--cubo-button-height);padding-inline:var(--cubo-button-padding-x);border:var(--c-border-1) solid transparent;border-radius:var(--c-radius-md);background-color:var(--cubo-button-color);color:var(--c-color-white);font:var(--c-font-label-200);letter-spacing:var(--c-font-label-200-letter-spacing);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease}.cubo-button[data-size=small]{--cubo-button-height: var(--c-size-component-small);--cubo-button-padding-x: .75rem;font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing)}.cubo-button[data-size=large]{--cubo-button-height: var(--c-size-component-large);--cubo-button-padding-x: 1.25rem;font:var(--c-font-label-100);letter-spacing:var(--c-font-label-100-letter-spacing)}.cubo-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--cubo-button-color) 88%,black)}.cubo-button:active:not(:disabled){background-color:color-mix(in srgb,var(--cubo-button-color) 78%,black)}.cubo-button:focus{outline:none;box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--cubo-button-color) 22%,transparent)}.cubo-button:disabled{cursor:not-allowed;opacity:.5}.cubo-button--ghost{background-color:transparent;color:var(--cubo-button-color)}.cubo-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--cubo-button-color) 12%,transparent)}.cubo-button--ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--cubo-button-color) 20%,transparent)}.cubo-button__spinner{color:currentColor}.cubo-button-group{--cubo-bg-pad: .125rem;display:inline-flex;padding:var(--cubo-bg-pad);background-color:var(--c-color-bg-subtle);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md)}.cubo-button-group .cubo-button{border-radius:0;position:relative;flex:1}.cubo-button-group .cubo-button:hover:not(:disabled){z-index:1}.cubo-button-group .cubo-button:not(.cubo-button--ghost){z-index:2}.cubo-button-group .cubo-button:first-child{border-start-start-radius:calc(var(--c-radius-md) - var(--cubo-bg-pad));border-end-start-radius:calc(var(--c-radius-md) - var(--cubo-bg-pad))}.cubo-button-group .cubo-button:last-child{border-start-end-radius:calc(var(--c-radius-md) - var(--cubo-bg-pad));border-end-end-radius:calc(var(--c-radius-md) - var(--cubo-bg-pad))}.cubo-button-group .cubo-button--ghost{color:var(--c-color-text-secondary)}.cubo-button-group .cubo-button--ghost:hover:not(:disabled){background-color:var(--c-color-bg);color:var(--c-color-text)}.cubo-badge{--cubo-badge-color: var(--c-color-primary);--cubo-badge-height: var(--c-size-component-medium);--cubo-badge-padding-x: 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;box-sizing:border-box;block-size:var(--cubo-badge-height);padding-inline:var(--cubo-badge-padding-x);border:var(--c-border-1) solid transparent;border-radius:var(--c-radius-md);background-color:var(--cubo-badge-color);color:var(--c-color-white);font:var(--c-font-label-200);letter-spacing:var(--c-font-label-200-letter-spacing);white-space:nowrap;-webkit-user-select:none;user-select:none}.cubo-badge[data-size=small]{--cubo-badge-height: var(--c-size-component-small);--cubo-badge-padding-x: .75rem;font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing)}.cubo-badge[data-size=large]{--cubo-badge-height: var(--c-size-component-large);--cubo-badge-padding-x: 1.25rem;font:var(--c-font-label-100);letter-spacing:var(--c-font-label-100-letter-spacing)}.cubo-badge--ghost{background-color:color-mix(in srgb,var(--cubo-badge-color) 14%,transparent);color:var(--cubo-badge-color)}.cubo-checkbox{--cubo-checkbox-color: var(--c-color-primary);--cubo-checkbox-size: 18px;position:relative;display:inline-flex;align-items:center;vertical-align:middle;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--c-font-paragraph-200-light);color:var(--c-color-text)}.cubo-checkbox[data-size=small]{--cubo-checkbox-size: 16px}.cubo-checkbox[data-size=large]{--cubo-checkbox-size: 22px}.cubo-checkbox[data-disabled]{cursor:not-allowed;opacity:.55}.cubo-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cubo-checkbox__box{display:grid;place-items:center;flex:0 0 auto;box-sizing:border-box;inline-size:var(--cubo-checkbox-size);block-size:var(--cubo-checkbox-size);border:var(--c-border-2) solid var(--c-color-border-strong);border-radius:min(var(--c-radius-md) * .4,.375rem);background-color:var(--c-color-bg);color:var(--c-color-white);line-height:0;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.cubo-checkbox:hover:not([data-disabled]) .cubo-checkbox__box{border-color:var(--cubo-checkbox-color)}.cubo-checkbox[data-checked] .cubo-checkbox__box,.cubo-checkbox[data-indeterminate] .cubo-checkbox__box{background-color:var(--cubo-checkbox-color);border-color:var(--cubo-checkbox-color)}.cubo-checkbox__input:focus-visible+.cubo-checkbox__box{box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--cubo-checkbox-color) 35%,transparent)}.cubo-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;pointer-events:none}.cubo-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background-color:var(--c-color-bg-overlay);animation:cubo-drawer-fade .2s ease}.cubo-drawer__panel{position:relative;z-index:1;pointer-events:auto;display:flex;flex-direction:column;inline-size:min(420px,92vw);max-inline-size:92vw;block-size:100%;background-color:var(--c-color-bg-elevated);box-shadow:var(--c-effect-elevation-400);animation:cubo-drawer-slide .25s ease}@keyframes cubo-drawer-fade{0%{opacity:0}}@keyframes cubo-drawer-slide{0%{transform:translate(100%)}}.cubo-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:var(--c-border-1) solid var(--c-color-border-subtle)}.cubo-drawer__title{font:var(--c-font-headline-300-heavy);letter-spacing:var(--c-font-headline-300-heavy-letter-spacing);color:var(--c-color-text)}.cubo-drawer__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:32px;block-size:32px;margin-inline-start:auto;padding:0;border:0;border-radius:var(--c-radius-md);background:transparent;color:var(--c-color-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.cubo-drawer__close:hover{background-color:var(--c-color-bg-subtle);color:var(--c-color-text)}.cubo-drawer__body{flex:1;overflow:auto;padding:1.25rem;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-expander{--cubo-expander-color: var(--c-color-text-secondary);display:block;inline-size:100%}.cubo-expander[data-bordered]{border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);background-color:var(--c-color-bg);overflow:hidden}.cubo-expander__header{display:flex;align-items:center;gap:.75rem;inline-size:100%;box-sizing:border-box;margin:0;padding:.75rem 1rem;border:0;border-block-end:var(--c-border-1) solid transparent;background:transparent;color:var(--c-color-text);font:var(--c-font-label-200);letter-spacing:var(--c-font-label-200-letter-spacing);text-align:start;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease}.cubo-expander__header--static{cursor:default}.cubo-expander[data-bordered][data-expanded] .cubo-expander__header{border-block-end-color:var(--c-color-border-subtle)}.cubo-expander__icon{display:inline-flex;flex:0 0 auto;color:var(--cubo-expander-color)}.cubo-expander__label{flex:1 1 auto;min-inline-size:0}.cubo-expander__arrow{display:inline-flex;flex:0 0 auto;margin-inline-start:auto;color:var(--cubo-expander-color);transition:transform .2s ease}.cubo-expander[data-expanded] .cubo-expander__arrow{transform:rotate(180deg)}.cubo-expander__body{display:none}.cubo-expander[data-expanded] .cubo-expander__body{display:block}.cubo-expander__body-content{padding:.75rem 1rem;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-expander[data-expanded] .cubo-expander__body-content{animation:cubo-expander-reveal .2s ease}@keyframes cubo-expander-reveal{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.cubo-expander__arrow{transition:none}.cubo-expander[data-expanded] .cubo-expander__body-content{animation:none}}.cubo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;pointer-events:none}.cubo-modal[data-top]{align-items:flex-start}.cubo-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background-color:var(--c-color-bg-overlay);animation:cubo-modal-fade .18s ease}.cubo-modal__dialog{position:relative;z-index:1;pointer-events:auto;display:flex;flex-direction:column;inline-size:min(520px,100%);max-block-size:calc(100dvh - 3rem);background-color:var(--c-color-bg-elevated);border-radius:var(--c-radius-lg);box-shadow:var(--c-effect-elevation-400);animation:cubo-modal-pop .18s ease;overflow:hidden}@keyframes cubo-modal-fade{0%{opacity:0}}@keyframes cubo-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.cubo-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-block-end:var(--c-border-1) solid var(--c-color-border-subtle);font:var(--c-font-headline-300-heavy);letter-spacing:var(--c-font-headline-300-heavy-letter-spacing);color:var(--c-color-text)}.cubo-modal__header--bare{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;z-index:1;padding:0;border:0}.cubo-modal__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:32px;block-size:32px;margin-inline-start:auto;padding:0;border:0;border-radius:var(--c-radius-md);background:transparent;color:var(--c-color-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.cubo-modal__close:hover{background-color:var(--c-color-bg-subtle);color:var(--c-color-text)}.cubo-modal__body{flex:1 1 auto;overflow:auto;padding:1.25rem;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-modal__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background-color:color-mix(in srgb,var(--c-color-bg-elevated) 62%,transparent);color:var(--c-color-text-secondary)}@keyframes cubo-pop-enter{0%{opacity:0;scale:.96;translate:var(--cubo-pop-enter-slide, 0 0)}}.cubo-inline-confirm{position:relative;display:inline-flex}.cubo-inline-confirm__pop{--cubo-pop-arrow-bg: var(--c-color-bg-elevated);position:absolute;z-index:1100;inline-size:max-content;max-inline-size:260px;padding:.75rem;background-color:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);box-shadow:var(--c-effect-elevation-200);animation:cubo-pop-enter .15s cubic-bezier(.16,1,.3,1)}.cubo-inline-confirm__pop[data-position^=top]{--cubo-pop-enter-slide: 0 2px;transform-origin:center bottom}.cubo-inline-confirm__pop[data-position^=bottom]{--cubo-pop-enter-slide: 0 -2px;transform-origin:center top}.cubo-inline-confirm__pop[data-position=left]{--cubo-pop-enter-slide: 2px 0;transform-origin:right center}.cubo-inline-confirm__pop[data-position=right]{--cubo-pop-enter-slide: -2px 0;transform-origin:left center}.cubo-inline-confirm__pop:after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.cubo-inline-confirm__pop[data-position=top]:after,.cubo-inline-confirm__pop[data-position=top_left]:after,.cubo-inline-confirm__pop[data-position=top_right]:after{top:100%;border-top-color:var(--cubo-pop-arrow-bg)}.cubo-inline-confirm__pop[data-position=bottom]:after,.cubo-inline-confirm__pop[data-position=bottom_left]:after,.cubo-inline-confirm__pop[data-position=bottom_right]:after{bottom:100%;border-bottom-color:var(--cubo-pop-arrow-bg)}.cubo-inline-confirm__pop[data-position=top]:after,.cubo-inline-confirm__pop[data-position=bottom]:after{left:50%;transform:translate(-50%)}.cubo-inline-confirm__pop[data-position=top_left]:after,.cubo-inline-confirm__pop[data-position=bottom_left]:after{left:14px}.cubo-inline-confirm__pop[data-position=top_right]:after,.cubo-inline-confirm__pop[data-position=bottom_right]:after{right:14px}.cubo-inline-confirm__pop[data-position=left]:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--cubo-pop-arrow-bg)}.cubo-inline-confirm__pop[data-position=right]:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--cubo-pop-arrow-bg)}.cubo-inline-confirm__pop--fixed{position:fixed}.cubo-inline-confirm__pop[data-position=top]{inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%);margin-block-end:.5rem}.cubo-inline-confirm__pop[data-position=top_left]{inset-block-end:100%;inset-inline-start:0;margin-block-end:.5rem}.cubo-inline-confirm__pop[data-position=top_right]{inset-block-end:100%;inset-inline-end:0;margin-block-end:.5rem}.cubo-inline-confirm__pop[data-position=bottom]{inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%);margin-block-start:.5rem}.cubo-inline-confirm__pop[data-position=bottom_left]{inset-block-start:100%;inset-inline-start:0;margin-block-start:.5rem}.cubo-inline-confirm__pop[data-position=bottom_right]{inset-block-start:100%;inset-inline-end:0;margin-block-start:.5rem}.cubo-inline-confirm__pop[data-position=left]{inset-inline-end:100%;inset-block-start:50%;transform:translateY(-50%);margin-inline-end:.5rem}.cubo-inline-confirm__pop[data-position=right]{inset-inline-start:100%;inset-block-start:50%;transform:translateY(-50%);margin-inline-start:.5rem}.cubo-inline-confirm__text{color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-inline-confirm__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-block-start:.75rem}.cubo-pagination{--cubo-pg-size: var(--c-size-component-small);display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.cubo-pagination__list{display:inline-flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.cubo-pagination .cubo-pagination__item{min-inline-size:var(--cubo-pg-size);padding-inline:.5rem}.cubo-pagination .cubo-pagination__item[aria-current=page]{cursor:default}.cubo-pagination__dots{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--cubo-pg-size);block-size:var(--cubo-pg-size);color:var(--c-color-text-muted);-webkit-user-select:none;user-select:none}.cubo-pagination .cubo-pagination__size{inline-size:5rem}.cubo-popup{position:relative;display:inline-flex;-webkit-user-select:none;user-select:none}.cubo-popup__pop{--cubo-pop-arrow-bg: var(--c-color-bg-elevated);position:absolute;z-index:1100;inline-size:max-content;max-inline-size:280px;padding:.75rem;background-color:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);box-shadow:var(--c-effect-elevation-200);color:var(--c-color-text);font:var(--c-font-paragraph-200-light);-webkit-user-select:text;user-select:text;animation:cubo-pop-enter .15s cubic-bezier(.16,1,.3,1)}.cubo-popup__pop[data-position^=top]{--cubo-pop-enter-slide: 0 2px;transform-origin:center bottom}.cubo-popup__pop[data-position^=bottom]{--cubo-pop-enter-slide: 0 -2px;transform-origin:center top}.cubo-popup__pop[data-position=left]{--cubo-pop-enter-slide: 2px 0;transform-origin:right center}.cubo-popup__pop[data-position=right]{--cubo-pop-enter-slide: -2px 0;transform-origin:left center}.cubo-popup__pop[data-position=top]{inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%);margin-block-end:.5rem}.cubo-popup__pop[data-position=top_left]{inset-block-end:100%;inset-inline-start:0;margin-block-end:.5rem}.cubo-popup__pop[data-position=top_right]{inset-block-end:100%;inset-inline-end:0;margin-block-end:.5rem}.cubo-popup__pop[data-position=bottom]{inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%);margin-block-start:.5rem}.cubo-popup__pop[data-position=bottom_left]{inset-block-start:100%;inset-inline-start:0;margin-block-start:.5rem}.cubo-popup__pop[data-position=bottom_right]{inset-block-start:100%;inset-inline-end:0;margin-block-start:.5rem}.cubo-popup__pop[data-position=left]{inset-inline-end:100%;inset-block-start:50%;transform:translateY(-50%);margin-inline-end:.5rem}.cubo-popup__pop[data-position=right]{inset-inline-start:100%;inset-block-start:50%;transform:translateY(-50%);margin-inline-start:.5rem}.cubo-popup__pop:after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.cubo-popup__pop[data-position=top]:after,.cubo-popup__pop[data-position=top_left]:after,.cubo-popup__pop[data-position=top_right]:after{top:100%;border-top-color:var(--cubo-pop-arrow-bg)}.cubo-popup__pop[data-position=bottom]:after,.cubo-popup__pop[data-position=bottom_left]:after,.cubo-popup__pop[data-position=bottom_right]:after{bottom:100%;border-bottom-color:var(--cubo-pop-arrow-bg)}.cubo-popup__pop[data-position=top]:after,.cubo-popup__pop[data-position=bottom]:after{left:50%;transform:translate(-50%)}.cubo-popup__pop[data-position=top_left]:after,.cubo-popup__pop[data-position=bottom_left]:after{left:14px}.cubo-popup__pop[data-position=top_right]:after,.cubo-popup__pop[data-position=bottom_right]:after{right:14px}.cubo-popup__pop[data-position=left]:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--cubo-pop-arrow-bg)}.cubo-popup__pop[data-position=right]:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--cubo-pop-arrow-bg)}.cubo-popup__pop--fixed{position:fixed}@keyframes cubo-popup-in{0%{opacity:0;transform:scale(.96)}}.cubo-tooltip{position:relative;display:inline-flex}.cubo-tooltip__pop{--cubo-tooltip-bg: var(--c-color-bg-inverse);--cubo-pop-arrow-bg: var(--cubo-tooltip-bg);position:absolute;z-index:1200;inline-size:max-content;max-inline-size:240px;padding:.375rem .5rem;background-color:var(--cubo-tooltip-bg);border-radius:var(--c-radius-sm);color:var(--c-color-text-inverse);font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);box-shadow:var(--c-effect-elevation-200);pointer-events:none;animation:cubo-pop-enter .15s cubic-bezier(.16,1,.3,1)}.cubo-tooltip__pop[data-position^=top]{--cubo-pop-enter-slide: 0 2px;transform-origin:center bottom}.cubo-tooltip__pop[data-position^=bottom]{--cubo-pop-enter-slide: 0 -2px;transform-origin:center top}.cubo-tooltip__pop[data-position=left]{--cubo-pop-enter-slide: 2px 0;transform-origin:right center}.cubo-tooltip__pop[data-position=right]{--cubo-pop-enter-slide: -2px 0;transform-origin:left center}.cubo-tooltip__pop[data-position=top]{inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%);margin-block-end:.375rem}.cubo-tooltip__pop[data-position=top_left]{inset-block-end:100%;inset-inline-start:0;margin-block-end:.375rem}.cubo-tooltip__pop[data-position=top_right]{inset-block-end:100%;inset-inline-end:0;margin-block-end:.375rem}.cubo-tooltip__pop[data-position=bottom]{inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%);margin-block-start:.375rem}.cubo-tooltip__pop[data-position=bottom_left]{inset-block-start:100%;inset-inline-start:0;margin-block-start:.375rem}.cubo-tooltip__pop[data-position=bottom_right]{inset-block-start:100%;inset-inline-end:0;margin-block-start:.375rem}.cubo-tooltip__pop[data-position=left]{inset-inline-end:100%;inset-block-start:50%;transform:translateY(-50%);margin-inline-end:.375rem}.cubo-tooltip__pop[data-position=right]{inset-inline-start:100%;inset-block-start:50%;transform:translateY(-50%);margin-inline-start:.375rem}.cubo-tooltip__pop:after{content:"";position:absolute;width:0;height:0;border:4px solid transparent}.cubo-tooltip__pop[data-position=top]:after,.cubo-tooltip__pop[data-position=top_left]:after,.cubo-tooltip__pop[data-position=top_right]:after{top:100%;border-top-color:var(--cubo-pop-arrow-bg)}.cubo-tooltip__pop[data-position=bottom]:after,.cubo-tooltip__pop[data-position=bottom_left]:after,.cubo-tooltip__pop[data-position=bottom_right]:after{bottom:100%;border-bottom-color:var(--cubo-pop-arrow-bg)}.cubo-tooltip__pop[data-position=top]:after,.cubo-tooltip__pop[data-position=bottom]:after{left:50%;transform:translate(-50%)}.cubo-tooltip__pop[data-position=top_left]:after,.cubo-tooltip__pop[data-position=bottom_left]:after{left:10px}.cubo-tooltip__pop[data-position=top_right]:after,.cubo-tooltip__pop[data-position=bottom_right]:after{right:10px}.cubo-tooltip__pop[data-position=left]:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--cubo-pop-arrow-bg)}.cubo-tooltip__pop[data-position=right]:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--cubo-pop-arrow-bg)}.cubo-tooltip__pop--fixed{position:fixed}.cubo-alert{position:fixed;inset-block-start:0;inset-inline:0;z-index:1300;display:flex;justify-content:center;padding:1.5rem;pointer-events:none}.cubo-alert__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto;background-color:var(--c-color-bg-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cubo-alert-fade .2s ease}.cubo-alert__box{--cubo-alert-color: var(--c-color-primary);position:relative;z-index:1;pointer-events:auto;inline-size:min(420px,100%);padding:1.25rem;background-color:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border-subtle);border-radius:var(--c-radius-lg);box-shadow:var(--c-effect-elevation-300);animation:cubo-alert-slide .24s cubic-bezier(.16,1,.3,1)}@keyframes cubo-alert-fade{0%{opacity:0}}@keyframes cubo-alert-slide{0%{opacity:0;transform:translateY(-12px) scale(.97)}}.cubo-alert__main{display:flex;align-items:flex-start;gap:1rem}.cubo-alert__icon{flex:0 0 auto;inline-size:40px;block-size:40px;display:grid;place-items:center;border-radius:var(--c-radius-full);background-color:color-mix(in srgb,var(--cubo-alert-color) 14%,transparent);color:var(--cubo-alert-color)}.cubo-alert__content{flex:1 1 auto;min-inline-size:0;padding-block-start:.125rem}.cubo-alert__title{font:var(--c-font-headline-300-heavy);letter-spacing:var(--c-font-headline-300-heavy-letter-spacing);color:var(--c-color-text)}.cubo-alert__body{margin-block-start:.375rem;color:var(--c-color-text-secondary);font:var(--c-font-paragraph-200-light)}.cubo-alert__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-block-start:1.25rem}.cubo-text--textarea{block-size:auto;align-items:stretch;padding-block:.5rem;cursor:auto}.cubo-text__input--textarea{display:block;block-size:auto;min-block-size:3em;line-height:1.5;padding-block:.125rem;resize:none;overflow:auto}.cubo-text__input--textarea[data-resizable]{resize:vertical}.cubo-text--textarea[data-readonly] .cubo-text__input--textarea,.cubo-text--textarea[data-disabled] .cubo-text__input--textarea{resize:none}.cubo-tabs{display:flex;flex-direction:column;gap:1rem}.cubo-tabs[data-vertical]{flex-direction:row}.cubo-tabs__list{display:flex;align-items:stretch;gap:.25rem;border-block-end:var(--c-border-1) solid var(--c-color-border-subtle)}.cubo-tabs[data-vertical] .cubo-tabs__list{flex-direction:column;flex:0 0 auto;border-block-end:0;border-inline-end:var(--c-border-1) solid var(--c-color-border-subtle)}.cubo-tabs[data-expand] .cubo-tabs__tab{flex:1 1 0;justify-content:center}.cubo-tabs__tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin:0;border:0;border-block-end:2px solid transparent;background:transparent;color:var(--c-color-text-secondary);font:var(--c-font-label-200);letter-spacing:var(--c-font-label-200-letter-spacing);white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .15s ease,border-color .15s ease}.cubo-tabs[data-vertical] .cubo-tabs__tab{border-block-end:0;border-inline-end:2px solid transparent;margin-block-end:0;margin-inline-end:-1px}.cubo-tabs__tab:hover:not(:disabled):not([data-active]){color:var(--c-color-text)}.cubo-tabs__tab[data-active]{color:var(--c-color-text);border-block-end-color:var(--c-color-primary)}.cubo-tabs[data-vertical] .cubo-tabs__tab[data-active]{border-block-end-color:transparent;border-inline-end-color:var(--c-color-primary)}.cubo-tabs__tab:disabled{color:var(--c-color-text-disabled);cursor:not-allowed}.cubo-tabs__tab:focus-visible{outline:none;color:var(--c-color-text)}.cubo-tabs__tab--split{margin-inline-start:auto}.cubo-tabs[data-vertical] .cubo-tabs__tab--split{margin-inline-start:0;margin-block-start:auto}.cubo-tabs__badge{display:inline-flex;align-items:center;min-inline-size:18px;block-size:18px;padding-inline:.375rem;border-radius:var(--c-radius-full);background-color:var(--cubo-tab-badge, var(--c-color-bg-subtle));color:var(--cubo-tab-badge-fg, var(--c-color-text-secondary));font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing)}.cubo-tabs__panel{flex:1 1 auto;min-inline-size:0;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-switch{--cubo-switch-color: var(--c-color-primary);--cubo-switch-w: 38px;--cubo-switch-h: 22px;--cubo-switch-thumb: 16px;--cubo-switch-pad: 2px;display:inline-flex;align-items:center;vertical-align:middle;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cubo-switch[data-size=small]{--cubo-switch-w: 30px;--cubo-switch-h: 18px;--cubo-switch-thumb: 12px}.cubo-switch[data-size=large]{--cubo-switch-w: 46px;--cubo-switch-h: 26px;--cubo-switch-thumb: 20px}.cubo-switch__input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cubo-switch__track{position:relative;flex:0 0 auto;inline-size:var(--cubo-switch-w);block-size:var(--cubo-switch-h);border-radius:var(--c-radius-full);background-color:var(--c-color-bg-subtle);border:var(--c-border-1) solid var(--c-color-border);transition:all ease-in-out .2s}.cubo-switch__thumb{position:absolute;inset-block-start:50%;inset-inline-start:var(--cubo-switch-pad);inline-size:var(--cubo-switch-thumb);block-size:var(--cubo-switch-thumb);border-radius:var(--c-radius-full);background-color:var(--c-color-white);box-shadow:var(--c-effect-elevation-50);transform:translateY(-50%);transition:all ease-in-out .2s;display:grid;place-items:center;color:var(--cubo-switch-color)}.cubo-switch[data-checked] .cubo-switch__track{background-color:var(--cubo-switch-color);border-color:var(--cubo-switch-color)}.cubo-switch[data-checked] .cubo-switch__thumb{transform:translate(calc(var(--cubo-switch-w) - var(--cubo-switch-thumb) - 3 * var(--cubo-switch-pad)),-50%)}.cubo-switch__input:focus+.cubo-switch__track{outline:none;box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--cubo-switch-color) 30%,transparent)}.cubo-switch[data-disabled]{cursor:not-allowed;opacity:.55}.cubo-switch__label{color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-sortable{display:flex;flex-direction:column;gap:.25rem;position:relative}.cubo-sortable--horizontal{flex-direction:row}.cubo-sortable__item{position:relative}.cubo-sortable__item[draggable=true]{cursor:grab}.cubo-sortable__item--ghost{opacity:.4}.cubo-sortable__item--over-before:before,.cubo-sortable__item--over-after:after{content:"";position:absolute;inset-inline:0;block-size:2px;background-color:var(--c-color-primary);border-radius:var(--c-radius-full);z-index:2}.cubo-sortable__item--over-before:before{inset-block-start:-3px}.cubo-sortable__item--over-after:after{inset-block-end:-3px}.cubo-sortable--horizontal .cubo-sortable__item--over-before:before,.cubo-sortable--horizontal .cubo-sortable__item--over-after:after{inset-block:0;inset-inline:auto;inline-size:2px;block-size:auto}.cubo-sortable--horizontal .cubo-sortable__item--over-before:before{inset-inline-start:-3px}.cubo-sortable--horizontal .cubo-sortable__item--over-after:after{inset-inline-end:-3px}.cubo-sortable__handle{cursor:grab}.cubo-table{--cubo-table-x: .75rem;--cubo-table-y: .5rem;inline-size:100%;max-block-size:100%;overflow:auto;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-lg);background-color:var(--c-color-bg)}.cubo-table[data-size=small]{--cubo-table-y: .375rem}.cubo-table[data-size=large]{--cubo-table-x: 1rem;--cubo-table-y: .75rem}.cubo-table__grid{display:inline-flex;flex-direction:column;min-inline-size:100%}.cubo-table__head{background-color:var(--c-color-bg-muted)}.cubo-table[data-sticky] .cubo-table__head{position:sticky;inset-block-start:0;z-index:2}.cubo-table__row{display:flex;min-inline-size:100%}.cubo-table__cell{display:flex;align-items:center;flex:1 1 0;min-inline-size:0;box-sizing:border-box;padding:var(--cubo-table-y) var(--cubo-table-x);gap:.375rem}.cubo-table__cell[data-align=center]{justify-content:center}.cubo-table__cell[data-align=right]{justify-content:flex-end}.cubo-table__cell--head{font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);text-transform:uppercase;color:var(--c-color-text-secondary);border-block-end:var(--c-border-1) solid var(--c-color-border);-webkit-user-select:none;user-select:none;white-space:nowrap}.cubo-table[data-size=large] .cubo-table__cell--head{font:var(--c-font-label-200)}.cubo-table__cell--head[data-sortable]{cursor:pointer}.cubo-table__cell--head[data-sortable]:hover{color:var(--c-color-text);background-color:var(--c-color-bg-subtle)}.cubo-table__cell--head[data-sort-active]{color:var(--c-color-text)}.cubo-table__sort-icon{display:inline-flex;flex:0 0 auto;color:var(--c-color-text-muted)}.cubo-table__cell--head[data-sort-active] .cubo-table__sort-icon{color:var(--c-color-primary)}.cubo-table__cell--body{color:var(--c-color-text);font:var(--c-font-paragraph-200-light);border-block-end:var(--c-border-1) solid var(--c-color-border-subtle)}.cubo-table[data-size=small] .cubo-table__cell--body{font:var(--c-font-paragraph-300-light)}.cubo-table[data-hoverable] .cubo-table__row--body:hover .cubo-table__cell--body{background-color:var(--c-color-bg-subtle)}.cubo-table__drag{flex:0 0 auto;inline-size:32px;justify-content:center;color:var(--c-color-text-muted)}.cubo-table__drag .cubo-icon{cursor:grab}.cubo-table__cell--foot{font:var(--c-font-label-300);color:var(--c-color-text-secondary);background-color:var(--c-color-bg-muted);border-block-start:var(--c-border-1) solid var(--c-color-border)}.cubo-table__empty{padding:1.5rem;text-align:center;color:var(--c-color-text-secondary);font:var(--c-font-paragraph-200-light)}.cubo-table__body .cubo-sortable{inline-size:100%;gap:0}.cubo-native-select{--cubo-native-select-height: var(--c-size-component-medium);--cubo-native-select-padding-x: .75rem;--cubo-native-select-border: var(--c-color-border);--cubo-native-select-ring: transparent;position:relative;display:inline-flex;inline-size:100%}.cubo-native-select[data-size=small]{--cubo-native-select-height: var(--c-size-component-small);--cubo-native-select-padding-x: .5rem}.cubo-native-select[data-size=large]{--cubo-native-select-height: var(--c-size-component-large);--cubo-native-select-padding-x: 1rem}.cubo-native-select__select{inline-size:100%;box-sizing:border-box;block-size:var(--cubo-native-select-height);margin:0;padding-block:0;padding-inline:var(--cubo-native-select-padding-x) 2rem;border:var(--c-border-1) solid var(--cubo-native-select-border);border-radius:var(--c-radius-md);box-shadow:0 0 0 var(--c-focus-ring-spread) var(--cubo-native-select-ring);background-color:var(--c-color-bg);color:var(--c-color-text);font:var(--c-font-paragraph-200-light);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.cubo-native-select__select[multiple]{block-size:auto;padding-block:.25rem}.cubo-native-select:not([data-disabled]) .cubo-native-select__select:hover{--cubo-native-select-border: var(--c-color-border-strong)}.cubo-native-select .cubo-native-select__select:focus{--cubo-native-select-border: var(--c-color-primary);--cubo-native-select-ring: color-mix(in srgb, var(--c-color-primary) 22%, transparent);border-color:var(--c-color-primary);box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--c-color-primary) 22%,transparent)}.cubo-native-select[data-disabled]{opacity:.55}.cubo-native-select[data-disabled] .cubo-native-select__select{cursor:not-allowed}.cubo-native-select__icon{position:absolute;inset-inline-end:.5rem;inset-block-start:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-color-text-muted)}.cubo-native-select__select[multiple]+.cubo-native-select__icon{display:none}.cubo-select{--cubo-select-height: var(--c-size-component-medium);--cubo-select-padding-x: .75rem;--cubo-select-border: var(--c-color-border);--cubo-select-ring: transparent;--cubo-select-bg: var(--c-color-bg-elevated);position:relative;display:inline-flex;inline-size:100%}.cubo-select[data-size=small]{--cubo-select-height: var(--c-size-component-small);--cubo-select-padding-x: .5rem}.cubo-select[data-size=large]{--cubo-select-height: var(--c-size-component-large);--cubo-select-padding-x: 1rem}.cubo-select[data-disabled]{--cubo-select-bg: var(--c-color-bg-subtle);cursor:not-allowed}.cubo-select[data-readonly]{--cubo-select-bg: var(--c-color-bg-muted)}.cubo-select__trigger{display:flex;align-items:center;gap:.5rem;inline-size:100%;box-sizing:border-box;block-size:var(--cubo-select-height);padding-inline:var(--cubo-select-padding-x);border:var(--c-border-1) solid var(--cubo-select-border);border-radius:var(--c-radius-md);box-shadow:0 0 0 var(--c-focus-ring-spread) var(--cubo-select-ring);background-color:var(--cubo-select-bg);color:var(--c-color-text);font:var(--c-font-paragraph-200-light);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.cubo-select[data-disabled] .cubo-select__trigger,.cubo-select[data-readonly] .cubo-select__trigger{cursor:default}.cubo-select:not([data-disabled]):not([data-readonly]):not([data-open]) .cubo-select__trigger:hover{--cubo-select-border: var(--c-color-border-strong)}.cubo-select[data-open] .cubo-select__trigger,.cubo-select__trigger:focus-visible{--cubo-select-border: var(--c-color-primary);--cubo-select-ring: color-mix(in srgb, var(--c-color-primary) 22%, transparent)}.cubo-select__value{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cubo-select__value[data-empty]{color:var(--c-color-text-muted)}.cubo-select[data-disabled] .cubo-select__value{color:var(--c-color-text-disabled)}.cubo-select__tag{display:inline-flex;align-items:center;padding:1px .375rem;border-radius:var(--c-radius-sm);background-color:var(--c-color-bg-muted);color:var(--c-color-text);font:var(--c-font-label-300)}.cubo-select__more{color:var(--c-color-text-secondary);font:var(--c-font-label-300)}.cubo-select__trailing{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--c-color-text-secondary)}.cubo-select__chevron{display:inline-flex;transition:transform .15s ease}.cubo-select[data-open] .cubo-select__chevron{transform:rotate(180deg)}.cubo-select__clear{display:inline-flex;cursor:pointer}.cubo-select__clear:hover{color:var(--c-color-text)}.cubo-select__panel{position:fixed;z-index:1100;box-sizing:border-box;display:flex;flex-direction:column;inline-size:max-content;max-inline-size:92vw;background-color:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);box-shadow:var(--c-effect-elevation-200);overflow:hidden;animation:cubo-popup-in .14s ease}.cubo-select__variants{box-sizing:border-box;display:flex;flex-direction:column;min-block-size:0;background-color:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);overflow:hidden}.cubo-select__panel .cubo-select__variants{background:none;border:0;border-radius:0}.cubo-select__search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-block-end:var(--c-border-1) solid var(--c-color-border-subtle);color:var(--c-color-text-secondary)}.cubo-select__search-input{flex:1 1 auto;min-inline-size:0;margin:0;border:0;padding:0;background:none;outline:none;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-select__search-input::placeholder{color:var(--c-color-text-muted)}.cubo-select__list{overflow-y:auto;max-block-size:16rem}.cubo-select__group{padding:.5rem .75rem .25rem;color:var(--c-color-text-muted);font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);text-transform:uppercase}.cubo-select__divider{block-size:1px;margin-block:.25rem;background:var(--c-color-border-subtle)}.cubo-select__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-select__option[data-highlighted]:not([data-disabled]){background-color:var(--c-color-bg-muted)}.cubo-select__option[data-selected]{color:var(--c-color-primary)}.cubo-select__option[data-disabled]{color:var(--c-color-text-disabled);cursor:not-allowed}.cubo-select__option-check{flex:0 0 auto;inline-size:16px;display:inline-flex;align-items:center;justify-content:center}.cubo-select__option-label{flex:1 1 auto;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cubo-select__selectall{padding:.5rem .75rem;border-block-end:var(--c-border-1) solid var(--c-color-border-subtle);margin-top:-1px;cursor:default}.cubo-select__empty{padding:.75rem;text-align:center;color:var(--c-color-text-secondary);font:var(--c-font-paragraph-200-light)}.cubo-select__loading{display:flex;align-items:center;justify-content:center;padding:.75rem;color:var(--c-color-text-secondary)}.cubo-color-picker{display:inline-flex}.cubo-color-picker__trigger{display:inline-flex;align-items:center;gap:.5rem;block-size:var(--c-size-component-medium);padding-inline:.5rem .75rem;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);background-color:var(--c-color-bg-elevated);color:var(--c-color-text);font:var(--c-font-paragraph-200-light);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.cubo-color-picker[data-size=small] .cubo-color-picker__trigger{block-size:var(--c-size-component-small)}.cubo-color-picker[data-size=large] .cubo-color-picker__trigger{block-size:var(--c-size-component-large)}.cubo-color-picker__trigger:hover{border-color:var(--c-color-border-strong)}.cubo-color-picker__trigger:focus-visible{border-color:var(--c-color-primary);box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--c-color-primary) 22%,transparent)}.cubo-color-picker[data-disabled] .cubo-color-picker__trigger{cursor:not-allowed;opacity:.55}.cubo-color-picker__chip{inline-size:18px;block-size:18px;border-radius:var(--c-radius-sm);border:var(--c-border-1) solid var(--c-color-border)}.cubo-color-picker__value{font-variant-numeric:tabular-nums;text-transform:uppercase}.cubo-color-picker__panel{inline-size:224px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background-color:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md)}.cubo-color-picker__panel--pop{position:fixed;z-index:1100;box-shadow:var(--c-effect-elevation-200);animation:cubo-popup-in .14s ease}.cubo-color-picker--inline .cubo-color-picker__panel{padding:0;border:0;background:none;inline-size:100%}.cubo-color-picker__sv{position:relative;block-size:140px;border-radius:var(--c-radius-sm);cursor:crosshair;touch-action:none;background-color:hsl(var(--cpk-hue),100%,50%);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}.cubo-color-picker__sv-knob{position:absolute;inline-size:12px;block-size:12px;border-radius:var(--c-radius-full);border:2px solid #fff;box-shadow:0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}.cubo-color-picker__hue{position:relative;block-size:12px;border-radius:var(--c-radius-full);cursor:pointer;touch-action:none;background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cubo-color-picker__hue-knob{position:absolute;inset-block:-2px;inline-size:8px;border-radius:var(--c-radius-full);border:2px solid #fff;background:transparent;box-shadow:0 0 0 1px #00000059;transform:translate(-50%);pointer-events:none}.cubo-color-picker__row{display:flex;align-items:center;gap:.5rem}.cubo-color-picker__preview{flex:0 0 auto;inline-size:28px;block-size:28px;border-radius:var(--c-radius-sm);border:var(--c-border-1) solid var(--c-color-border)}.cubo-color-picker__hex{flex:1 1 auto;min-inline-size:0;block-size:var(--c-size-component-small);padding-inline:.5rem;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-sm);background-color:var(--c-color-bg-elevated);color:var(--c-color-text);font:var(--c-font-paragraph-300-light);text-transform:uppercase;outline:none}.cubo-color-picker__hex:focus-visible{border-color:var(--c-color-primary)}.cubo-color-picker__swatches{display:flex;flex-wrap:wrap;gap:.375rem}.cubo-color-picker__swatch{inline-size:20px;block-size:20px;padding:0;border:0;border-radius:var(--c-radius-sm);background:var(--swatch, transparent);cursor:pointer;box-shadow:inset 0 0 0 1px var(--c-color-border);transition:transform .1s ease}.cubo-color-picker__swatch:hover{transform:scale(1.1)}.cubo-color-picker__swatch[data-active]{box-shadow:0 0 0 2px var(--c-color-bg-elevated),0 0 0 3px var(--c-color-primary)}.cubo-calendar{inline-size:268px;font:var(--c-font-paragraph-200-light);color:var(--c-color-text);-webkit-user-select:none;user-select:none}.cubo-calendar[data-dual]{inline-size:fit-content}.cubo-calendar__months{display:flex;gap:1rem}.cubo-calendar__month{flex:1 1 auto;min-inline-size:0}.cubo-calendar[data-dual] .cubo-calendar__month{flex:0 0 auto;inline-size:268px}.cubo-calendar__header{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-block-end:.5rem}.cubo-calendar__nav-group{display:flex;gap:.125rem;flex:0 0 auto}.cubo-calendar__nav-group[data-hidden]{visibility:hidden;pointer-events:none}.cubo-calendar__nav{display:grid;place-items:center;inline-size:28px;block-size:28px;flex:0 0 auto;padding:0;border:0;border-radius:var(--c-radius-md);background:transparent;color:var(--c-color-text-secondary);cursor:pointer;transition:background-color .12s ease,color .12s ease}.cubo-calendar__nav:hover{background:var(--c-color-bg-subtle);color:var(--c-color-text)}.cubo-calendar__title{flex:1 1 auto;text-align:center;font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);text-transform:capitalize}.cubo-calendar__weekdays,.cubo-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr)}.cubo-calendar__weekdays{margin-block-end:.25rem}.cubo-calendar__weekday{text-align:center;padding-block:.25rem;color:var(--c-color-text-muted);font:var(--c-font-label-200);text-transform:capitalize}.cubo-calendar__grid{gap:2px 0}.cubo-calendar__cell{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:var(--c-radius-md);background:transparent;color:var(--c-color-text);font:var(--c-font-paragraph-300-light);cursor:pointer;transition:background-color .1s ease,color .1s ease}.cubo-calendar__cell:hover:not([data-disabled]):not([data-selected]):not([data-range]){background:var(--c-color-bg-subtle)}.cubo-calendar__cell[data-outside]{color:var(--c-color-text-muted)}.cubo-calendar__cell[data-today]:after{content:"";position:absolute;inset-block-end:4px;inline-size:4px;block-size:4px;border-radius:var(--c-radius-full);background:var(--c-color-primary)}.cubo-calendar__cell[data-preview]:not([data-selected]){background:color-mix(in srgb,var(--c-color-primary) 14%,transparent);border-radius:0}.cubo-calendar__cell[data-range]{background:var(--c-color-primary);color:var(--c-color-primary-contrast);border-radius:0}.cubo-calendar__cell[data-selected]{background:var(--c-color-primary);color:var(--c-color-primary-contrast);font:var(--c-font-label-300)}.cubo-calendar__cell[data-range-start]:not([data-range-end]){border-start-end-radius:0;border-end-end-radius:0}.cubo-calendar__cell[data-range-end]:not([data-range-start]){border-start-start-radius:0;border-end-start-radius:0}.cubo-calendar__cell[data-selected][data-today]:after,.cubo-calendar__cell[data-range][data-today]:after{background:var(--c-color-primary-contrast)}.cubo-calendar__cell[data-disabled]{color:var(--c-color-text-disabled);cursor:not-allowed;text-decoration:line-through}.cubo-calendar__times{display:flex;gap:.75rem;margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:var(--c-border-1) solid var(--c-color-border-subtle)}.cubo-calendar__time{display:flex;align-items:center;gap:.5rem;font:var(--c-font-label-300);color:var(--c-color-text-secondary)}.cubo-calendar__time-input,.cubo-date-picker__time,.cubo-date-picker__date{border:0;background:none;outline:none;color:var(--c-color-text);font:var(--c-font-paragraph-200-light)}.cubo-calendar__time-input{block-size:var(--c-size-component-small);padding-inline:.375rem;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-sm)}.cubo-calendar__presets{display:flex;flex-wrap:wrap;gap:.375rem;margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:var(--c-border-1) solid var(--c-color-border-subtle)}.cubo-date-picker{display:inline-flex}.cubo-date-picker__inputs{display:inline-flex;gap:.5rem}.cubo-date-picker__field{display:inline-flex;align-items:center;gap:.5rem;block-size:var(--c-size-component-medium);padding-inline:.75rem;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);background:var(--c-color-bg-elevated);color:var(--c-color-text-secondary);transition:border-color .15s ease,box-shadow .15s ease}.cubo-date-picker[data-size=small] .cubo-date-picker__field{block-size:var(--c-size-component-small)}.cubo-date-picker[data-size=large] .cubo-date-picker__field{block-size:var(--c-size-component-large)}.cubo-date-picker__field:focus-within{border-color:var(--c-color-primary);box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--c-color-primary) 22%,transparent)}.cubo-date-picker[data-disabled] .cubo-date-picker__field{background:var(--c-color-bg-subtle);opacity:.7}.cubo-date-picker__field--time{flex:0 0 auto}.cubo-date-picker__date{inline-size:12ch;min-inline-size:12ch}.cubo-date-picker[data-type=range] .cubo-date-picker__date{inline-size:24ch;min-inline-size:24ch}.cubo-date-picker__time{inline-size:7ch;min-inline-size:7ch}.cubo-date-picker__date::-webkit-calendar-picker-indicator,.cubo-date-picker__date::-webkit-inner-spin-button{display:none}.cubo-date-picker__clear{display:inline-flex;cursor:pointer;color:var(--c-color-text-secondary)}.cubo-date-picker__clear:hover{color:var(--c-color-text)}.cubo-date-picker__pop{position:fixed;z-index:1100;padding:1rem;background:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);box-shadow:var(--c-effect-elevation-200);animation:cubo-popup-in .14s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font:var(--c-font-paragraph-100-light);color:var(--c-color-text);background:var(--c-color-bg);-webkit-font-smoothing:antialiased}a{color:var(--c-color-link);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.app{min-height:100vh}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:1.5rem}.layout{width:100%;max-width:1180px;margin-inline:auto;padding-inline:1.5rem;display:flex;align-items:flex-start;gap:2.5rem}.sidebar{flex:0 0 200px;width:200px;position:sticky;top:76px;align-self:flex-start}.main{flex:1 1 auto;min-width:0}.nav{display:flex;flex-direction:column;gap:.125rem;padding-block:1.5rem}.nav__title{padding-inline:.75rem;margin-bottom:.5rem;font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);text-transform:uppercase;color:var(--c-color-text-muted)}.nav__link{display:block;padding:.375rem .75rem;border-radius:var(--c-radius-md);color:var(--c-color-text-secondary);font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);text-decoration:none;transition:background-color .12s ease,color .12s ease}.nav__link+.nav__title{margin-top:.75rem}.nav__link:hover{color:var(--c-color-text);background:var(--c-color-bg-subtle);text-decoration:none}.nav__link--sub{padding-left:1.5rem;font:var(--c-font-paragraph-300-light)}.nav__link.is-active{color:var(--c-color-link);background:var(--c-color-primary-subtle)}.nav__link--soon{color:var(--c-color-text-muted);cursor:default}.nav__link--soon:hover{background:transparent;color:var(--c-color-text-muted)}@media (max-width: 860px){.layout{display:block}.sidebar{display:none}}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--c-color-bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:var(--c-border-1) solid var(--c-color-border-subtle)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.75rem}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}.brand:hover{text-decoration:none}.brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--c-radius-md);background:var(--c-color-primary);color:var(--c-color-primary-contrast);font:var(--c-font-label-100);box-shadow:var(--c-effect-elevation-100)}.brand__name{font:var(--c-font-headline-300-heavy);letter-spacing:var(--c-font-headline-300-heavy-letter-spacing)}.brand__name span{color:var(--c-color-text-secondary);font-weight:var(--c-font-weight-regular)}.header-actions{display:inline-flex;align-items:center;gap:.5rem}.fw-switch{display:inline-flex;align-items:center;gap:.25rem}.cfg{position:relative;display:inline-flex}.cfg-pop{position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;z-index:1200;inline-size:310px;padding:1rem;background:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-lg);box-shadow:var(--c-effect-elevation-300);animation:cubo-popup-in .14s ease}.cfg-pop__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cfg-pop__title{font:var(--c-font-label-400);color:var(--c-color-text)}.cfg-pop__lede{margin:.25rem 0 1rem;color:var(--c-color-text-secondary);font:var(--c-font-paragraph-300-light)}.cfg-pop__field{display:flex;flex-direction:column;gap:.5rem}.cfg-pop__field+.cfg-pop__field{margin-block-start:1rem}.cfg-pop__label{font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);color:var(--c-color-text-secondary)}.hero{padding-block:2rem 2rem}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--c-radius-full);background:var(--c-color-primary-subtle);color:var(--c-color-link);font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);margin-bottom:1rem}.hero__title{margin:0 0 .75rem;font:var(--c-font-headline-100-heavy);letter-spacing:var(--c-font-headline-100-heavy-letter-spacing)}.hero__lede{margin:0;max-width:60ch;font:var(--c-font-paragraph-50-light);color:var(--c-color-text-secondary)}.section{padding-block:2rem;border-top:var(--c-border-1) solid var(--c-color-border-subtle)}.section:first-child{border-top:0}.section__head{margin-bottom:1.25rem}.section__title{margin:0 0 .375rem;font:var(--c-font-headline-300-heavy);letter-spacing:var(--c-font-headline-300-heavy-letter-spacing)}.section__desc{margin:0;color:var(--c-color-text-secondary);font:var(--c-font-paragraph-200-light)}.card{background:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-lg);box-shadow:var(--c-effect-elevation-50)}.playground{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 860px){.playground{grid-template-columns:320px 1fr}}.controls{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.control{display:flex;flex-direction:column;gap:.375rem}.control__label{font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);color:var(--c-color-text-secondary)}.control__row{display:flex;flex-wrap:wrap;gap:.5rem}select.control__select,input.control__input{width:100%;height:var(--c-size-component-small);padding-inline:.5rem;font:var(--c-font-paragraph-200-light);color:var(--c-color-text);background:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md)}select.control__select:focus-visible,input.control__input:focus-visible{outline:none;border-color:var(--c-color-primary);box-shadow:0 0 0 var(--c-focus-ring-spread) color-mix(in srgb,var(--c-color-primary) 22%,transparent)}.control__flag{display:inline-flex}.control__label--row{display:flex;align-items:baseline;justify-content:space-between}.control__value{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--c-color-text)}.control__range{width:100%;accent-color:var(--c-color-primary);cursor:pointer}.swatches{display:flex;gap:.5rem}.swatch{width:26px;height:26px;padding:0;border:var(--c-border-2) solid var(--c-color-bg-elevated);border-radius:var(--c-radius-full);background:var(--swatch);box-shadow:0 0 0 1px var(--c-color-border);cursor:pointer}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--c-color-primary)}.preview__stage--center{color:var(--c-color-text)}.cal-readout{display:flex;align-items:baseline;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:var(--c-border-1) solid var(--c-color-border-subtle)}.cal-readout__label{font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);color:var(--c-color-text-secondary)}.cal-readout__value{font:var(--c-font-label-400);color:var(--c-color-text)}.stack{display:flex;flex-direction:column;gap:1.5rem}.subhead{margin-bottom:.75rem;font:var(--c-font-label-200);letter-spacing:var(--c-font-label-200-letter-spacing);text-transform:capitalize;color:var(--c-color-text-secondary)}.preview{display:flex;flex-direction:column}.preview__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;background:linear-gradient(var(--c-color-bg-muted) 0 0) padding-box,repeating-linear-gradient(45deg,var(--c-color-bg-subtle) 0 6px,transparent 6px 12px) border-box;border-bottom:var(--c-border-1) solid var(--c-color-border-subtle);border-radius:var(--c-radius-lg) var(--c-radius-lg) 0 0}.preview__mount{width:100%;max-width:380px}.preview__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;font:var(--c-font-paragraph-300-light);color:var(--c-color-text-secondary)}.preview__value{font-family:JetBrains Mono,monospace;color:var(--c-color-text);word-break:break-all}.eventlog{display:inline-flex;gap:.375rem;align-items:center}.eventlog__pill{padding:2px .5rem;border-radius:var(--c-radius-full);background:var(--c-color-primary-subtle);color:var(--c-color-link);font:var(--c-font-label-400);opacity:0;transition:opacity .4s ease}.eventlog__pill.is-on{opacity:1}.code{position:relative;margin:0;background:var(--c-color-code-block-bg);color:var(--c-color-code-block-text);border-radius:var(--c-radius-lg);overflow:auto}.code pre{margin:0;padding:1rem 1.25rem;font-size:12.5px;line-height:1.7;white-space:pre}.code__copy{position:absolute;top:.5rem;right:.5rem;border:var(--c-border-1) solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--c-color-code-block-text);border-radius:var(--c-radius-sm);padding:.25rem .5rem;font:var(--c-font-label-400);cursor:pointer}.code__copy:hover{background:#ffffff24}.tok-tag{color:#7ee787}.tok-attr{color:#79c0ff}.tok-str{color:#a5d6ff}.tok-punct{color:#8b949e}.tok-kw{color:#ff7b72}.tok-comment{color:#6e7681;font-style:italic}.gallery{display:grid;gap:1.25rem}.example{padding:1.25rem;display:grid;gap:.75rem}.example__label{display:flex;align-items:center;gap:.5rem;font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);color:var(--c-color-text-secondary)}.example__row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem}.example__cell{flex:1 1 220px;min-width:200px;max-width:320px}.example__cell>.caption{display:block;margin-bottom:.375rem;font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);color:var(--c-color-text-muted)}.table-wrap{overflow-x:auto;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-lg)}table.props{width:100%;border-collapse:collapse;font:var(--c-font-paragraph-200-light)}.props th,.props td{text-align:left;padding:.75rem 1rem;border-bottom:var(--c-border-1) solid var(--c-color-border-subtle);vertical-align:top}.props thead th{background:var(--c-color-bg-muted);font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);color:var(--c-color-text-secondary);white-space:nowrap}.props tr:last-child td{border-bottom:0}.props code{font-size:12.5px;padding:1px 6px;border-radius:var(--c-radius-sm);background:var(--c-color-bg-subtle);color:var(--c-color-text)}.props .ptype{color:var(--c-color-link)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border:var(--c-border-1) solid var(--c-color-border-subtle);border-radius:var(--c-radius-md);color:var(--c-color-text-secondary)}.icon-cell__name{font:var(--c-font-label-400);letter-spacing:var(--c-font-label-400-letter-spacing);color:var(--c-color-text-muted)}.spinner-row{display:flex;align-items:center;gap:1.5rem;color:var(--c-color-primary)}.install{display:grid;gap:.75rem;margin-top:1.5rem}.muted{color:var(--c-color-text-secondary)}.demo-sortable .cubo-sortable{max-width:360px}.demo-sortable .cubo-sortable__item{padding:.75rem 1rem;background:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);color:var(--c-color-text);font:var(--c-font-paragraph-200-light);box-shadow:var(--c-effect-elevation-50)}.demo-table-stage{align-items:stretch;padding:1rem}.demo-table-stage>div{width:100%;min-width:0}.demo-trigger .cubo-popup,.demo-trigger .cubo-tooltip{padding:.5rem 1rem;border:var(--c-border-1) solid var(--c-color-border);border-radius:var(--c-radius-md);background:var(--c-color-bg-elevated);color:var(--c-color-text);font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);cursor:pointer}.demo-confirm-mount .cubo-inline-confirm{padding:.5rem 1rem;border:var(--c-border-1) solid var(--c-color-danger);border-radius:var(--c-radius-md);background:var(--c-color-danger-subtle);color:var(--c-color-danger);font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);cursor:pointer;-webkit-user-select:none;user-select:none}.site-footer{padding-block:2rem;border-top:var(--c-border-1) solid var(--c-color-border-subtle);color:var(--c-color-text-secondary);font:var(--c-font-paragraph-300-light)}.fx{display:flex;flex-direction:column;gap:1rem;padding-block:2rem}.fx-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;background:var(--c-color-bg-elevated);border:var(--c-border-1) solid var(--c-color-border-subtle);border-radius:var(--c-radius-lg);box-shadow:var(--c-effect-elevation-50)}.fx-card__title{font:var(--c-font-label-400);color:var(--c-color-text)}.fx-muted{display:inline-flex;align-items:center;gap:.25rem;color:var(--c-color-text-secondary);font:var(--c-font-paragraph-300-light)}.fx-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.fx-brand{display:flex;align-items:center;gap:.75rem}.fx-brand__mark{display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:var(--c-radius-md);background:var(--c-color-primary);color:var(--c-color-white)}.fx-brand__name{font:var(--c-font-headline-300-heavy);color:var(--c-color-text)}.fx-topbar__actions{display:flex;align-items:center;gap:.5rem}.fx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 720px){.fx-stats{grid-template-columns:repeat(2,1fr)}}.fx-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.fx-stat__icon{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:var(--c-radius-md);background:color-mix(in srgb,var(--c-color-primary) 14%,transparent);color:var(--c-color-primary-hover);margin-block-end:.25rem}.fx-stat__value{font:var(--c-font-headline-300-heavy);color:var(--c-color-text)}.fx-stat__label{color:var(--c-color-text-secondary);font:var(--c-font-paragraph-300-light)}.fx-customizer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block-end:1rem}.fx-field{display:flex;flex-direction:column;gap:.5rem}.fx-field+.fx-field{margin-block-start:1rem}.fx-field__label{font:var(--c-font-label-300);letter-spacing:var(--c-font-label-300-letter-spacing);color:var(--c-color-text-secondary)}.fx-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.fx-swatch{display:grid;place-items:center;inline-size:28px;block-size:28px;padding:0;border:0;border-radius:var(--c-radius-full);background:var(--sw);color:#fff;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease}.fx-swatch:hover{transform:scale(1.08)}.fx-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--c-color-bg-elevated),0 0 0 4px var(--sw)}.fx-stack{display:flex;flex-direction:column;gap:1rem}.fx-orders__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.fx-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 900px){.fx-catalog{grid-template-columns:1fr}}.fx-product{display:flex;flex-direction:column;gap:.75rem}.fx-product__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.fx-product__price{font:var(--c-font-label-400);color:var(--c-color-primary-hover)}.fx-product__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-start:auto}.fx-specs{margin:0;display:flex;flex-direction:column;gap:.375rem}.fx-specs__row{display:flex;justify-content:space-between;gap:1rem;font:var(--c-font-paragraph-300-light)}.fx-specs__row dt{color:var(--c-color-text-secondary)}.fx-specs__row dd{margin:0;color:var(--c-color-text)}.fx-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 720px){.fx-form__grid{grid-template-columns:1fr}}.fx-field--full{grid-column:1/-1}.fx-form__row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-block:1.25rem;padding-block:1rem;border-block:var(--c-border-1) solid var(--c-color-border-subtle)}.fx-form__actions{display:flex;justify-content:flex-end;gap:.5rem}