:root[data-adapter=vanilla]{--nk-base-brand-50:#fff;--nk-base-brand-100:#fafafa;--nk-base-brand-200:#f5f5f5;--nk-base-brand-300:#e5e5e5;--nk-base-brand-400:#d4d4d4;--nk-base-brand-500:#a3a3a3;--nk-base-brand-600:#737373;--nk-base-brand-700:#525252;--nk-base-brand-800:#262626;--nk-base-brand-900:#171717;--nk-base-brand-950:#000;--nk-sem-bg:#fff;--nk-sem-surface:#fff;--nk-sem-surface-elevated:#fff;--nk-sem-surface-raised:#fff;--nk-sem-surface-sunken:#fafafa;--nk-sem-text:#000;--nk-sem-text-muted:#262626;--nk-sem-text-subtle:#525252;--nk-sem-text-on-primary:#fff;--nk-sem-border:#e5e5e5;--nk-sem-border-strong:#d4d4d4;--nk-sem-primary:#000;--nk-sem-primary-strong:#000;--nk-sem-primary-soft:#f5f5f5;--nk-sem-link:#000;--nk-sem-border-accent:#000;--nk-sem-focus-ring:#000;--nk-sem-combobox-option-selected:#000;--nk-adapter-illustration-soft:#f5f5f5;--nk-adapter-illustration-strong:#171717}:root[data-adapter=vanilla][data-theme=dark]{--nk-sem-bg:#000;--nk-sem-surface:#000;--nk-sem-surface-elevated:#000;--nk-sem-surface-raised:#000;--nk-sem-surface-sunken:#0a0a0a;--nk-sem-text:#fff;--nk-sem-text-muted:#e5e5e5;--nk-sem-text-subtle:#a3a3a3;--nk-sem-text-on-primary:#000;--nk-sem-border:#262626;--nk-sem-border-strong:#404040;--nk-sem-primary:#fff;--nk-sem-primary-strong:#fff;--nk-sem-primary-soft:#171717;--nk-sem-link:#fff;--nk-sem-border-accent:#fff;--nk-sem-focus-ring:#fff;--nk-sem-combobox-option-selected:#fff;--nk-adapter-illustration-soft:#171717;--nk-adapter-illustration-strong:#f5f5f5}:root[data-adapter=react]{--nk-base-brand-50:#eefcff;--nk-base-brand-100:#d5f6ff;--nk-base-brand-200:#afe9ff;--nk-base-brand-300:#82dcff;--nk-base-brand-400:#57ceff;--nk-base-brand-500:#36bff5;--nk-base-brand-600:#1fa3d9;--nk-base-brand-700:#1782ae;--nk-base-brand-800:#12688b;--nk-base-brand-900:#114f69;--nk-base-brand-950:#0f3648;--nk-sem-primary:var(--nk-base-brand-600);--nk-sem-primary-strong:var(--nk-base-brand-700);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-100) 70%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-700);--nk-sem-border-accent:var(--nk-base-brand-400);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-300) 80%, var(--nk-base-neutral-0));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-700) 68%, var(--nk-base-teal-600));--nk-adapter-illustration-soft:var(--nk-base-brand-100);--nk-adapter-illustration-strong:var(--nk-base-brand-500)}:root[data-adapter=react][data-theme=dark]{--nk-sem-primary:var(--nk-base-brand-400);--nk-sem-primary-strong:var(--nk-base-brand-300);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-900) 78%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-300);--nk-sem-border-accent:var(--nk-base-brand-500);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-300) 88%, var(--nk-base-neutral-950));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-300) 58%, var(--nk-base-teal-600));--nk-adapter-illustration-soft:var(--nk-base-brand-900);--nk-adapter-illustration-strong:var(--nk-base-brand-400)}:root[data-adapter=vue]{--nk-base-brand-50:#f0fdf6;--nk-base-brand-100:#dcf9ea;--nk-base-brand-200:#b9f2d7;--nk-base-brand-300:#35eb9a;--nk-base-brand-400:#42d392;--nk-base-brand-500:#42b883;--nk-base-brand-600:#33a06f;--nk-base-brand-700:#155f3e;--nk-base-brand-800:#124f34;--nk-base-brand-900:#0e3a26;--nk-base-brand-950:#082418;--nk-sem-primary:var(--nk-base-brand-500);--nk-sem-primary-strong:var(--nk-base-brand-600);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-100) 72%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-700);--nk-sem-border-accent:var(--nk-base-brand-400);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-400) 76%, var(--nk-base-neutral-0));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-700) 66%, var(--nk-base-teal-600));--nk-adapter-illustration-soft:var(--nk-base-brand-100);--nk-adapter-illustration-strong:var(--nk-base-brand-500)}:root[data-adapter=vue][data-theme=dark]{--nk-sem-primary:var(--nk-base-brand-300);--nk-sem-primary-strong:var(--nk-base-brand-200);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-900) 78%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-300);--nk-sem-border-accent:var(--nk-base-brand-500);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-200) 82%, var(--nk-base-neutral-950));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-300) 58%, var(--nk-base-teal-600));--nk-adapter-illustration-soft:var(--nk-base-brand-900);--nk-adapter-illustration-strong:var(--nk-base-brand-400)}:root[data-adapter=solid]{--nk-base-brand-50:#f1f7ff;--nk-base-brand-100:#d7e8ff;--nk-base-brand-200:#bfdbfe;--nk-base-brand-300:#93c5fd;--nk-base-brand-400:#79b8f5;--nk-base-brand-500:#4d8dff;--nk-base-brand-600:#3f6fcb;--nk-base-brand-700:#355fb9;--nk-base-brand-800:#24499a;--nk-base-brand-900:#1e3a8a;--nk-base-brand-950:#172554;--nk-sem-primary:var(--nk-base-brand-500);--nk-sem-primary-strong:var(--nk-base-brand-700);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-100) 74%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-700);--nk-sem-border-accent:var(--nk-base-brand-400);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-300) 82%, var(--nk-base-neutral-0));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-700) 68%, var(--nk-base-brand-500));--nk-adapter-illustration-soft:var(--nk-base-brand-100);--nk-adapter-illustration-strong:var(--nk-base-brand-500)}:root[data-adapter=solid][data-theme=dark]{--nk-sem-primary:var(--nk-base-brand-300);--nk-sem-primary-strong:var(--nk-base-brand-200);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-900) 78%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-300);--nk-sem-border-accent:var(--nk-base-brand-500);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-300) 88%, var(--nk-base-neutral-950));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-300) 60%, var(--nk-base-brand-600));--nk-adapter-illustration-soft:var(--nk-base-brand-900);--nk-adapter-illustration-strong:var(--nk-base-brand-300)}:root{--nk-base-neutral-0:#fff;--nk-base-neutral-50:#f8fafc;--nk-base-neutral-100:#f1f5f9;--nk-base-neutral-200:#e2e8f0;--nk-base-neutral-300:#cbd5e1;--nk-base-neutral-400:#94a3b8;--nk-base-neutral-500:#64748b;--nk-base-neutral-600:#475569;--nk-base-neutral-700:#334155;--nk-base-neutral-800:#1e293b;--nk-base-neutral-900:#0f172a;--nk-base-neutral-950:#020617;--nk-base-neutral-1000:#010314;--nk-base-brand-50:#eff6ff;--nk-base-brand-100:#dbeafe;--nk-base-brand-200:#bfdbfe;--nk-base-brand-300:#93c5fd;--nk-base-brand-400:#60a5fa;--nk-base-brand-500:#3b82f6;--nk-base-brand-600:#2563eb;--nk-base-brand-700:#1d4ed8;--nk-base-brand-800:#1e40af;--nk-base-brand-900:#1e3a8a;--nk-base-brand-950:#172554;--nk-base-teal-600:#087ea4;--nk-base-success-50:#f0fdf4;--nk-base-success-100:#dcfce7;--nk-base-success-200:#bbf7d0;--nk-base-success-300:#86efac;--nk-base-success-400:#4ade80;--nk-base-success-500:#22c55e;--nk-base-success-600:#16a34a;--nk-base-success-700:#15803d;--nk-base-success-800:#166534;--nk-base-success-900:#14532d;--nk-base-success-950:#052e16;--nk-base-warning-50:#fffbeb;--nk-base-warning-100:#fef3c7;--nk-base-warning-200:#fde68a;--nk-base-warning-300:#fcd34d;--nk-base-warning-400:#fbbf24;--nk-base-warning-500:#f59e0b;--nk-base-warning-600:#d97706;--nk-base-warning-700:#b45309;--nk-base-warning-800:#92400e;--nk-base-warning-900:#78350f;--nk-base-warning-950:#451a03;--nk-base-error-50:#fef2f2;--nk-base-error-100:#fee2e2;--nk-base-error-200:#fecaca;--nk-base-error-300:#fca5a5;--nk-base-error-400:#f87171;--nk-base-error-500:#ef4444;--nk-base-error-600:#dc2626;--nk-base-error-700:#b91c1c;--nk-base-error-800:#991b1b;--nk-base-error-900:#7f1d1d;--nk-base-error-950:#450a0a}:root,:root[data-theme=light]{--nk-sem-bg:var(--nk-base-neutral-100);--nk-sem-surface:var(--nk-base-neutral-0);--nk-sem-surface-elevated:var(--nk-base-neutral-50);--nk-sem-surface-raised:var(--nk-base-neutral-0);--nk-sem-surface-sunken:var(--nk-base-neutral-200);--nk-sem-text:var(--nk-base-neutral-900);--nk-sem-text-muted:var(--nk-base-neutral-600);--nk-sem-text-subtle:var(--nk-base-neutral-500);--nk-sem-text-on-primary:var(--nk-base-neutral-0);--nk-sem-text-on-error:var(--nk-base-neutral-0);--nk-sem-border:var(--nk-base-neutral-300);--nk-sem-border-strong:var(--nk-base-neutral-400);--nk-sem-border-accent:var(--nk-base-brand-400);--nk-sem-primary:var(--nk-base-brand-600);--nk-sem-primary-strong:var(--nk-base-brand-700);--nk-sem-primary-soft:var(--nk-base-brand-100);--nk-sem-link:var(--nk-base-brand-700);--nk-sem-combobox-option-selected:var(--nk-base-teal-600);--nk-sem-focus-ring:var(--nk-base-brand-400);--nk-sem-success:var(--nk-base-success-600);--nk-sem-success-soft:var(--nk-base-success-100);--nk-sem-warning:var(--nk-base-warning-600);--nk-sem-warning-soft:var(--nk-base-warning-100);--nk-sem-error:var(--nk-base-error-600);--nk-sem-error-soft:var(--nk-base-error-100);--nk-sem-backdrop:color-mix(in oklab, var(--nk-base-neutral-1000) 52%, transparent);--nk-sem-disabled-bg:var(--nk-base-neutral-200);--nk-sem-disabled-border:var(--nk-base-neutral-300);--nk-sem-disabled-text:var(--nk-base-neutral-500)}:root[data-theme=dark]{--nk-sem-bg:var(--nk-base-neutral-900);--nk-sem-surface:var(--nk-base-neutral-800);--nk-sem-surface-elevated:var(--nk-base-neutral-700);--nk-sem-surface-raised:var(--nk-base-neutral-700);--nk-sem-surface-sunken:var(--nk-base-neutral-900);--nk-sem-text:var(--nk-base-neutral-100);--nk-sem-text-muted:var(--nk-base-neutral-300);--nk-sem-text-subtle:var(--nk-base-neutral-400);--nk-sem-text-on-primary:var(--nk-base-neutral-950);--nk-sem-text-on-error:var(--nk-base-neutral-950);--nk-sem-border:var(--nk-base-neutral-600);--nk-sem-border-strong:var(--nk-base-neutral-500);--nk-sem-border-accent:var(--nk-base-brand-500);--nk-sem-primary:var(--nk-base-brand-400);--nk-sem-primary-strong:var(--nk-base-brand-300);--nk-sem-primary-soft:var(--nk-base-brand-900);--nk-sem-link:var(--nk-base-brand-300);--nk-sem-combobox-option-selected:var(--nk-base-teal-600);--nk-sem-focus-ring:var(--nk-base-brand-300);--nk-sem-success:var(--nk-base-success-400);--nk-sem-success-soft:var(--nk-base-success-900);--nk-sem-warning:var(--nk-base-warning-400);--nk-sem-warning-soft:var(--nk-base-warning-900);--nk-sem-error:var(--nk-base-error-400);--nk-sem-error-soft:var(--nk-base-error-900);--nk-sem-backdrop:color-mix(in oklab, var(--nk-base-neutral-1000) 74%, transparent);--nk-sem-disabled-bg:var(--nk-base-neutral-700);--nk-sem-disabled-border:var(--nk-base-neutral-600);--nk-sem-disabled-text:var(--nk-base-neutral-500)}:root{--nk-adapter-illustration-soft:var(--nk-base-brand-100);--nk-adapter-illustration-strong:var(--nk-base-brand-500);--nk-comp-role-surface:var(--nk-sem-surface);--nk-comp-role-surface-elevated:var(--nk-sem-surface-elevated);--nk-comp-role-surface-raised:var(--nk-sem-surface-raised);--nk-comp-role-surface-sunken:var(--nk-sem-surface-sunken);--nk-comp-role-text:var(--nk-sem-text);--nk-comp-role-text-muted:var(--nk-sem-text-muted);--nk-comp-role-text-subtle:var(--nk-sem-text-subtle);--nk-comp-role-text-on-primary:var(--nk-sem-text-on-primary);--nk-comp-role-text-on-error:var(--nk-sem-text-on-error);--nk-comp-role-border:var(--nk-sem-border);--nk-comp-role-border-strong:var(--nk-sem-border-strong);--nk-comp-role-border-accent:var(--nk-sem-border-accent);--nk-comp-role-primary:var(--nk-sem-primary);--nk-comp-role-primary-strong:var(--nk-sem-primary-strong);--nk-comp-role-primary-soft:var(--nk-sem-primary-soft);--nk-comp-role-success:var(--nk-sem-success);--nk-comp-role-success-soft:var(--nk-sem-success-soft);--nk-comp-role-warning:var(--nk-sem-warning);--nk-comp-role-warning-soft:var(--nk-sem-warning-soft);--nk-comp-role-error:var(--nk-sem-error);--nk-comp-role-error-soft:var(--nk-sem-error-soft);--nk-comp-role-selected-bg:var(--nk-comp-role-primary-soft);--nk-comp-role-selected-text:var(--nk-comp-role-primary-strong);--nk-comp-role-selected-accent:var(--nk-sem-combobox-option-selected);--nk-comp-role-hover-bg:color-mix(in oklab, var(--nk-comp-role-primary) 8%, var(--nk-comp-role-surface));--nk-comp-role-active-bg:color-mix(in oklab, var(--nk-comp-role-primary) 14%, var(--nk-comp-role-surface));--nk-comp-role-focus-ring:var(--nk-sem-focus-ring);--nk-comp-role-disabled-bg:var(--nk-sem-disabled-bg);--nk-comp-role-disabled-border:var(--nk-sem-disabled-border);--nk-comp-role-disabled-text:var(--nk-sem-disabled-text);--nk-comp-role-backdrop:var(--nk-sem-backdrop);--nk-comp-role-shadow-surface:0 18px 38px color-mix(in oklab, var(--nk-base-neutral-1000) 10%, transparent);--nk-comp-role-shadow-layer:0 22px 48px color-mix(in oklab, var(--nk-base-neutral-1000) 16%, transparent);--nk-comp-accordion-item-border:var(--nk-comp-role-border);--nk-comp-accordion-trigger-text:var(--nk-comp-role-text);--nk-comp-accordion-trigger-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-accordion-content-text:var(--nk-comp-role-text-muted);--nk-comp-alert-bg:var(--nk-comp-role-warning-soft);--nk-comp-alert-border:var(--nk-comp-role-warning);--nk-comp-alert-title:var(--nk-comp-role-text);--nk-comp-alert-description:var(--nk-comp-role-text-muted);--nk-comp-alert-icon:var(--nk-comp-role-warning);--nk-comp-avatar-bg:var(--nk-comp-role-surface-elevated);--nk-comp-avatar-border:var(--nk-comp-role-border);--nk-comp-avatar-text:var(--nk-comp-role-text);--nk-comp-avatar-status-online:var(--nk-comp-role-success);--nk-comp-avatar-status-offline:var(--nk-comp-role-text-subtle);--nk-comp-badge-bg:var(--nk-comp-role-primary-soft);--nk-comp-badge-border:var(--nk-comp-role-border-accent);--nk-comp-badge-text:var(--nk-comp-role-primary-strong);--nk-comp-breadcrumb-link:var(--nk-comp-role-text-muted);--nk-comp-breadcrumb-link-hover:var(--nk-comp-role-text);--nk-comp-breadcrumb-current:var(--nk-comp-role-text);--nk-comp-breadcrumb-separator:var(--nk-comp-role-text-subtle);--nk-comp-breadcrumb-ellipsis:var(--nk-comp-role-text-muted);--nk-comp-breadcrumb-ellipsis-hover:var(--nk-comp-role-text);--nk-comp-breadcrumb-ellipsis-bg:var(--nk-comp-role-surface-elevated);--nk-comp-breadcrumb-ellipsis-border:var(--nk-comp-role-border);--nk-comp-breadcrumb-ellipsis-panel-bg:var(--nk-comp-role-surface-raised);--nk-comp-breadcrumb-ellipsis-panel-border:var(--nk-comp-role-border);--nk-comp-breadcrumb-ellipsis-panel-shadow:var(--nk-comp-role-shadow-surface);--nk-comp-breadcrumb-ellipsis-item-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-button-bg:var(--nk-comp-role-primary);--nk-comp-button-border:var(--nk-comp-role-primary);--nk-comp-button-text:var(--nk-comp-role-text-on-primary);--nk-comp-button-hover:var(--nk-comp-role-primary-strong);--nk-comp-button-active:color-mix(in oklab, var(--nk-comp-role-primary-strong) 82%, var(--nk-comp-role-text));--nk-comp-button-focus-ring:var(--nk-comp-role-focus-ring);--nk-comp-button-disabled-bg:var(--nk-comp-role-disabled-bg);--nk-comp-button-disabled-text:var(--nk-comp-role-disabled-text);--nk-comp-card-bg:var(--nk-comp-role-surface);--nk-comp-card-border:var(--nk-comp-role-border);--nk-comp-card-text:var(--nk-comp-role-text);--nk-comp-card-muted-text:var(--nk-comp-role-text-muted);--nk-comp-card-shadow-surface:var(--nk-comp-role-shadow-surface);--nk-comp-carousel-track-bg:var(--nk-comp-role-surface-sunken);--nk-comp-carousel-control-bg:var(--nk-comp-role-surface);--nk-comp-carousel-control-border:var(--nk-comp-role-border);--nk-comp-carousel-control-text:var(--nk-comp-role-text);--nk-comp-carousel-indicator-bg:var(--nk-comp-role-border);--nk-comp-carousel-indicator-active-bg:var(--nk-comp-role-primary);--nk-comp-checkbox-bg:var(--nk-comp-role-surface);--nk-comp-checkbox-border:var(--nk-comp-role-border-strong);--nk-comp-checkbox-checked-bg:var(--nk-comp-role-primary);--nk-comp-checkbox-indicator:var(--nk-comp-role-text-on-primary);--nk-comp-checkbox-label:var(--nk-comp-role-text);--nk-comp-checkbox-description:var(--nk-comp-role-text-muted);--nk-comp-combobox-input-bg:var(--nk-comp-role-surface);--nk-comp-combobox-input-border:var(--nk-comp-role-border);--nk-comp-combobox-input-text:var(--nk-comp-role-text);--nk-comp-combobox-chip-bg:var(--nk-comp-role-primary-soft);--nk-comp-combobox-chip-text:var(--nk-comp-role-primary-strong);--nk-comp-combobox-panel-bg:var(--nk-comp-role-surface-raised);--nk-comp-combobox-panel-border:var(--nk-comp-role-border);--nk-comp-combobox-option-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-combobox-option-selected-bg:var(--nk-comp-role-selected-bg);--nk-comp-combobox-option-selected-text:var(--nk-comp-role-selected-accent);--nk-comp-dialog-overlay-bg:var(--nk-comp-role-backdrop);--nk-comp-dialog-bg:var(--nk-comp-role-surface-raised);--nk-comp-dialog-border:var(--nk-comp-role-border);--nk-comp-dialog-title:var(--nk-comp-role-text);--nk-comp-dialog-description:var(--nk-comp-role-text-muted);--nk-comp-dialog-shadow:var(--nk-comp-role-shadow-layer);--nk-comp-disclosure-trigger-text:var(--nk-comp-role-text);--nk-comp-disclosure-trigger-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-disclosure-border:var(--nk-comp-role-border);--nk-comp-disclosure-content-text:var(--nk-comp-role-text-muted);--nk-comp-drawer-overlay-bg:var(--nk-comp-role-backdrop);--nk-comp-drawer-bg:var(--nk-comp-role-surface-raised);--nk-comp-drawer-border:var(--nk-comp-role-border);--nk-comp-drawer-title:var(--nk-comp-role-text);--nk-comp-drawer-description:var(--nk-comp-role-text-muted);--nk-comp-drawer-shadow:var(--nk-comp-role-shadow-layer);--nk-comp-field-label:var(--nk-comp-role-text);--nk-comp-field-description:var(--nk-comp-role-text-muted);--nk-comp-field-error:var(--nk-comp-role-error);--nk-comp-field-hint:var(--nk-comp-role-text-subtle);--nk-comp-input-bg:var(--nk-comp-role-surface);--nk-comp-input-border:var(--nk-comp-role-border);--nk-comp-input-text:var(--nk-comp-role-text);--nk-comp-input-placeholder:var(--nk-comp-role-text-subtle);--nk-comp-input-focus-ring:var(--nk-comp-role-focus-ring);--nk-comp-input-invalid-border:var(--nk-comp-role-error);--nk-comp-input-group-bg:var(--nk-comp-role-surface);--nk-comp-input-group-border:var(--nk-comp-role-border);--nk-comp-input-group-prefix:var(--nk-comp-role-text-muted);--nk-comp-input-group-suffix:var(--nk-comp-role-text-muted);--nk-comp-listbox-bg:var(--nk-comp-role-surface-raised);--nk-comp-listbox-border:var(--nk-comp-role-border);--nk-comp-listbox-option-text:var(--nk-comp-role-text);--nk-comp-listbox-option-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-listbox-option-selected-bg:var(--nk-comp-role-selected-bg);--nk-comp-listbox-option-selected-text:var(--nk-comp-role-selected-text);--nk-comp-listbox-group-label:var(--nk-comp-role-text-subtle);--nk-comp-menu-bg:var(--nk-comp-role-surface-raised);--nk-comp-menu-border:var(--nk-comp-role-border);--nk-comp-menu-item-text:var(--nk-comp-role-text);--nk-comp-menu-item-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-menu-item-danger:var(--nk-comp-role-error);--nk-comp-menu-separator:var(--nk-comp-role-border);--nk-comp-menu-shadow:var(--nk-comp-role-shadow-layer);--nk-comp-popover-bg:var(--nk-comp-role-surface-raised);--nk-comp-popover-border:var(--nk-comp-role-border);--nk-comp-popover-title:var(--nk-comp-role-text);--nk-comp-popover-description:var(--nk-comp-role-text-muted);--nk-comp-popover-shadow:var(--nk-comp-role-shadow-layer);--nk-comp-progress-track-bg:var(--nk-comp-role-surface-sunken);--nk-comp-progress-indicator-bg:var(--nk-comp-role-primary);--nk-comp-progress-label:var(--nk-comp-role-text-muted);--nk-comp-radio-group-control-bg:var(--nk-comp-role-surface);--nk-comp-radio-group-control-border:var(--nk-comp-role-border-strong);--nk-comp-radio-group-control-checked-bg:var(--nk-comp-role-primary);--nk-comp-radio-group-indicator:var(--nk-comp-role-text-on-primary);--nk-comp-radio-group-label:var(--nk-comp-role-text);--nk-comp-radio-group-description:var(--nk-comp-role-text-muted);--nk-comp-radio-bg:var(--nk-comp-radio-group-control-bg);--nk-comp-radio-border:var(--nk-comp-radio-group-control-border);--nk-comp-radio-checked-bg:var(--nk-comp-radio-group-control-checked-bg);--nk-comp-radio-indicator:var(--nk-comp-radio-group-indicator);--nk-comp-radio-label:var(--nk-comp-radio-group-label);--nk-comp-radio-description:var(--nk-comp-radio-group-description);--nk-comp-select-trigger-bg:var(--nk-comp-role-surface);--nk-comp-select-trigger-border:var(--nk-comp-role-border);--nk-comp-select-trigger-text:var(--nk-comp-role-text);--nk-comp-select-content-bg:var(--nk-comp-role-surface-raised);--nk-comp-select-content-border:var(--nk-comp-role-border);--nk-comp-select-option-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-select-option-selected-bg:var(--nk-comp-role-selected-bg);--nk-comp-select-option-selected-text:var(--nk-comp-role-selected-text);--nk-comp-skeleton-base:color-mix(in oklab, var(--nk-comp-role-border) 65%, var(--nk-comp-role-surface));--nk-comp-skeleton-shimmer:color-mix(in oklab, var(--nk-comp-role-surface) 80%, var(--nk-comp-role-primary-soft));--nk-comp-slider-track-bg:var(--nk-comp-role-surface-sunken);--nk-comp-slider-range-bg:var(--nk-comp-role-primary);--nk-comp-slider-thumb-bg:var(--nk-comp-role-surface-raised);--nk-comp-slider-thumb-border:var(--nk-comp-role-border-strong);--nk-comp-slider-thumb-focus-ring:var(--nk-comp-role-focus-ring);--nk-comp-switch-track-bg:var(--nk-comp-role-surface-sunken);--nk-comp-switch-track-checked-bg:var(--nk-comp-role-primary);--nk-comp-switch-thumb-bg:var(--nk-comp-role-surface-raised);--nk-comp-switch-thumb-border:var(--nk-comp-role-border);--nk-comp-switch-label:var(--nk-comp-role-text);--nk-comp-switch-description:var(--nk-comp-role-text-muted);--nk-comp-tabs-list-border:var(--nk-comp-role-border);--nk-comp-tabs-trigger-text:var(--nk-comp-role-text-muted);--nk-comp-tabs-trigger-hover-bg:var(--nk-comp-role-hover-bg);--nk-comp-tabs-trigger-active-text:var(--nk-comp-role-text);--nk-comp-tabs-indicator:var(--nk-comp-role-primary);--nk-comp-toast-bg:var(--nk-comp-role-surface-raised);--nk-comp-toast-border:var(--nk-comp-role-border);--nk-comp-toast-title:var(--nk-comp-role-text);--nk-comp-toast-description:var(--nk-comp-role-text-muted);--nk-comp-toast-shadow:var(--nk-comp-role-shadow-layer);--nk-comp-toggle-bg:var(--nk-comp-role-surface);--nk-comp-toggle-border:var(--nk-comp-role-border);--nk-comp-toggle-text:var(--nk-comp-role-text);--nk-comp-toggle-pressed-bg:var(--nk-comp-role-selected-bg);--nk-comp-toggle-pressed-text:var(--nk-comp-role-selected-text);--nk-comp-tooltip-bg:var(--nk-comp-role-surface-elevated);--nk-comp-tooltip-border:var(--nk-comp-role-border);--nk-comp-tooltip-text:var(--nk-comp-role-text);--nk-comp-tooltip-shadow:var(--nk-comp-role-shadow-layer);--nk-comp-typography-heading:var(--nk-comp-role-text);--nk-comp-typography-body:var(--nk-comp-role-text);--nk-comp-typography-caption:var(--nk-comp-role-text-subtle);--nk-comp-typography-link:var(--nk-sem-link);--nk-comp-typography-muted:var(--nk-comp-role-text-muted)}:root,:root[data-theme=light]{--nk-comp-hero-gradient:radial-gradient(circle at 12% 18%, color-mix(in oklab, var(--nk-adapter-illustration-soft) 65%, var(--nk-base-neutral-0)) 0%, var(--nk-sem-bg) 52%, color-mix(in oklab, var(--nk-adapter-illustration-strong) 24%, var(--nk-base-neutral-0)) 100%)}:root[data-theme=dark]{--nk-comp-role-shadow-surface:0 18px 42px color-mix(in oklab, var(--nk-base-neutral-1000) 38%, transparent);--nk-comp-role-shadow-layer:0 24px 56px color-mix(in oklab, var(--nk-base-neutral-1000) 48%, transparent);--nk-comp-hero-gradient:radial-gradient(circle at 16% 18%, color-mix(in oklab, var(--nk-adapter-illustration-soft) 65%, var(--nk-sem-bg)) 0%, var(--nk-sem-bg) 56%, color-mix(in oklab, var(--nk-adapter-illustration-strong) 20%, var(--nk-sem-bg)) 100%)}:root{--ui-background:var(--nk-sem-bg);--ui-surface:var(--nk-sem-surface);--ui-foreground:var(--nk-sem-text);--ui-muted:var(--nk-sem-text-muted);--ui-border:var(--nk-sem-border);--ui-accent:var(--nk-sem-primary);--ui-accent-soft:var(--nk-sem-primary-soft);--ui-destructive:var(--nk-sem-error);--ui-success:var(--nk-sem-success);--ui-combobox-option-selected:var(--nk-comp-combobox-option-selected-text);--ui-code-background:var(--nk-sem-surface-elevated);--ui-hero-gradient:var(--nk-comp-hero-gradient)}:root[data-adapter=svelte]{--nk-base-brand-50:#fff4ed;--nk-base-brand-100:#ffe1d4;--nk-base-brand-200:#ffc2ad;--nk-base-brand-300:#ff9b75;--nk-base-brand-400:#ff7a4f;--nk-base-brand-500:#ff5a1f;--nk-base-brand-600:#e84d16;--nk-base-brand-700:#bf3d10;--nk-base-brand-800:#973213;--nk-base-brand-900:#7a2c16;--nk-base-brand-950:#431207;--nk-sem-primary:var(--nk-base-brand-500);--nk-sem-primary-strong:var(--nk-base-brand-700);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-100) 76%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-700);--nk-sem-border-accent:var(--nk-base-brand-400);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-300) 80%, var(--nk-base-neutral-0));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-700) 70%, var(--nk-base-brand-500));--nk-adapter-illustration-soft:var(--nk-base-brand-100);--nk-adapter-illustration-strong:var(--nk-base-brand-500)}:root[data-adapter=svelte][data-theme=dark]{--nk-sem-primary:var(--nk-base-brand-300);--nk-sem-primary-strong:var(--nk-base-brand-200);--nk-sem-primary-soft:color-mix(in oklab, var(--nk-base-brand-900) 78%, var(--nk-sem-surface));--nk-sem-link:var(--nk-base-brand-300);--nk-sem-border-accent:var(--nk-base-brand-500);--nk-sem-focus-ring:color-mix(in oklab, var(--nk-base-brand-300) 84%, var(--nk-base-neutral-950));--nk-sem-combobox-option-selected:color-mix(in oklab, var(--nk-base-brand-300) 62%, var(--nk-base-brand-600));--nk-adapter-illustration-soft:var(--nk-base-brand-900);--nk-adapter-illustration-strong:var(--nk-base-brand-300)}:root{--font-title:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Noto Sans", "Helvetica Neue", sans-serif;--surface:var(--ui-background);--surface-strong:var(--ui-surface);--text:var(--ui-foreground);--muted:var(--ui-muted);--border:var(--ui-border);--accent:var(--ui-accent);--accent-soft:var(--ui-accent-soft);--accent-secondary:var(--ui-accent-secondary,var(--ui-accent));--solid-mark-front:var(--ui-solid-mark-front,var(--ui-accent));--solid-mark-back:var(--ui-solid-mark-back,var(--ui-accent-secondary,var(--ui-accent)));--hero-gradient:var(--ui-hero-gradient);--site-code-panel-background:radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--accent-soft) 32%, transparent) 0 22%, transparent 46%), linear-gradient(180deg, color-mix(in oklab, var(--surface-strong) 96%, #f8fbff), color-mix(in oklab, var(--ui-code-background) 86%, #fff));--site-code-panel-border:color-mix(in oklab, var(--border) 78%, var(--accent) 14%);--site-code-panel-text:color-mix(in oklab, var(--text) 92%, #243142);--site-code-panel-shadow:0 18px 36px color-mix(in oklab, var(--text) 9%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.78);--site-code-panel-scheme:light;--site-code-inline-background:color-mix(in oklab, var(--ui-code-background) 84%, var(--surface-strong));--site-code-inline-border:color-mix(in oklab, var(--border) 76%, var(--accent) 16%);--site-code-inline-text:color-mix(in oklab, var(--accent) 66%, var(--text));--site-code-window-bar-background:linear-gradient(180deg, color-mix(in oklab, #fff 88%, var(--ui-code-background)), color-mix(in oklab, var(--ui-code-background) 82%, #fff));--site-code-window-label:color-mix(in oklab, var(--muted) 78%, var(--text));--site-code-scrollbar:color-mix(in oklab, var(--accent) 28%, var(--border));--site-code-scrollbar-track:color-mix(in oklab, var(--ui-code-background) 46%, transparent)}:root[data-theme=dark]{--site-code-panel-background:radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--accent-soft) 36%, transparent) 0 24%, transparent 50%), linear-gradient(180deg, color-mix(in oklab, var(--surface-strong) 64%, #182231), color-mix(in oklab, var(--ui-code-background) 88%, #080d14));--site-code-panel-border:color-mix(in oklab, var(--border) 82%, var(--accent) 18%);--site-code-panel-text:color-mix(in oklab, var(--text) 90%, #c8d5e2);--site-code-panel-shadow:0 20px 42px oklab(12.5791% -.00600307 -.0164577/.38), inset 0 1px 0 oklab(100% 0 5.96046e-8/.07);--site-code-panel-scheme:dark;--site-code-inline-background:color-mix(in oklab, var(--ui-code-background) 78%, var(--surface-strong));--site-code-inline-border:color-mix(in oklab, var(--border) 78%, var(--accent) 20%);--site-code-inline-text:color-mix(in oklab, var(--accent) 62%, var(--text));--site-code-window-bar-background:linear-gradient(180deg, color-mix(in oklab, var(--surface-strong) 78%, #111923), color-mix(in oklab, var(--ui-code-background) 84%, #070b10));--site-code-window-label:color-mix(in oklab, var(--muted) 86%, var(--text));--site-code-scrollbar:color-mix(in oklab, var(--accent) 32%, var(--border));--site-code-scrollbar-track:color-mix(in oklab, var(--ui-code-background) 70%, transparent)}html{scroll-behavior:smooth;scroll-padding-top:6.2rem}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background:var(--hero-gradient);min-height:100vh;margin:0;overflow-x:clip}a{color:inherit}.site-frame{min-height:100vh}.site-header{inset-block-start:0;z-index:40;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr);align-items:center;gap:.8rem 1.5rem;padding:.78rem max(1rem,50% - 740px + 1rem);display:grid;position:sticky;top:0}.site-logo{width:max-content;min-height:2.85rem;font-family:var(--font-title);letter-spacing:0;--site-logo-snake-ink:var(--accent);--site-logo-letter-ink:var(--accent);color:var(--site-logo-letter-ink);border-radius:999px;justify-content:flex-start;justify-self:start;align-items:flex-end;font-size:1.34rem;font-weight:700;text-decoration:none;display:inline-flex}.site-logo-snake{background:var(--site-logo-snake-ink);flex:none;width:2.42rem;height:2.58rem;margin-right:-.24rem;display:block;transform:translateY(.03rem);-webkit-mask:url(/assets/nake.svg) 50%/contain no-repeat;mask:url(/assets/nake.svg) 50%/contain no-repeat}.site-logo-mark{flex:none;width:2.13rem;height:2.13rem;margin-left:-.04rem;display:block;transform:translateY(-.04rem)}.site-logo-tail{color:var(--site-logo-letter-ink);flex:none;align-items:flex-end;gap:.01rem;margin-left:-.1rem;line-height:.82;display:inline-flex;transform:translateY(-.24rem)}.site-logo-letter{font-family:var(--font-title);letter-spacing:0;font-weight:800;line-height:.82;display:inline-block}.site-logo-letter-a{font-size:1.48rem}.site-logo-letter-k{margin-left:-.06rem;font-size:1.26rem;transform:translateY(.04rem)}.site-logo-letter-e{margin-left:-.04rem;font-size:1.08rem;transform:translateY(.08rem)}.site-logo:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 40%, white);outline-offset:2px}.top-nav{flex-wrap:wrap;justify-self:center;align-items:center;gap:1.7rem;display:flex}.top-nav a{color:color-mix(in oklab, var(--text) 84%, var(--muted));border:none;border-radius:0;align-items:center;gap:.22rem;padding:.38rem 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .16s;display:inline-flex;position:relative}.top-nav a:after{content:"";background:color-mix(in oklab, var(--accent) 66%, var(--text));transform-origin:0;border-radius:999px;height:2px;transition:transform .16s;position:absolute;bottom:-.08rem;left:0;right:0;transform:scaleX(0)}.top-nav a:hover,.top-nav a:focus-visible,.top-nav a[data-state=active]{color:var(--text)}.top-nav a:hover:after,.top-nav a:focus-visible:after,.top-nav a[data-state=active]:after{transform:scaleX(1)}.nav-caret{width:.82rem;height:.82rem;display:inline-flex}.nav-caret svg{width:100%;height:100%;display:block}.quick-search{margin:0}.quick-search-trigger{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-strong) 92%, transparent);min-width:9.7rem;min-height:2.05rem;color:var(--text);cursor:pointer;font:inherit;border-radius:.8rem;align-items:center;gap:.48rem;padding:.24rem .48rem;display:inline-flex}.quick-search-trigger-icon{flex:none;width:.94rem;height:.94rem;display:block}.quick-search-trigger-label{color:var(--muted);margin-inline-end:auto;font-size:.86rem;line-height:1}.quick-search-trigger:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 38%, white);outline-offset:1px}.shortcut-hint{border:1px solid var(--border);color:var(--muted);background:color-mix(in oklab, var(--surface) 60%, transparent);border-radius:.4rem;padding:.14rem .34rem;font-size:.72rem;line-height:1}.site-command-dialog-overlay{z-index:42;background:color-mix(in oklab, var(--text) 26%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.site-command-dialog-overlay[hidden]{display:none}.site-command-dialog-content{z-index:43;border:1px solid var(--border);background:var(--surface-strong);width:min(40rem,100vw - 2rem);box-shadow:0 20px 40px color-mix(in oklab, var(--text) 24%, transparent);border-radius:.85rem;gap:.8rem;padding:1rem;display:grid;position:fixed;top:14vh;left:50%;transform:translate(-50%)}.site-command-dialog-content[hidden]{display:none}.site-command-dialog-header{gap:.24rem;display:grid}.site-command-dialog-title{font-family:var(--font-title);margin:0;font-size:1.1rem}.site-command-dialog-description{color:var(--muted);margin:0;font-size:.9rem}.site-command-dialog-form{grid-template-columns:1fr;gap:.5rem;display:grid}.site-command-dialog-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:2.3rem;color:var(--text);font:inherit;border-radius:.6rem;padding:.45rem .65rem}.site-command-dialog-input:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 38%, white);outline-offset:1px}.site-command-search-results{gap:.36rem;max-height:min(46vh,22rem);padding-right:.2rem;display:grid;overflow-y:auto}.site-command-search-item{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--surface) 84%, var(--surface-strong));color:inherit;cursor:pointer;border-radius:.6rem;gap:.1rem;padding:.58rem .62rem;text-decoration:none;transition:background-color .12s,border-color .12s;display:grid}.site-command-search-item[data-state=selected]{border-color:color-mix(in oklab, var(--accent) 65%, var(--border));background:color-mix(in oklab, var(--accent-soft) 26%, var(--surface))}.site-command-search-item:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 45%, white);outline-offset:1px}.site-command-search-item--result .site-command-search-meta{color:color-mix(in oklab, var(--text) 84%, var(--accent))}.site-command-search-label{font-size:.94rem}.site-command-search-meta{color:var(--muted);font-size:.81rem}.site-command-search-empty{color:var(--muted);margin:0;padding:.4rem .1rem .1rem;font-size:.9rem}.switchers{flex-wrap:nowrap;justify-self:end;align-items:center;gap:.48rem;display:flex}.chip-list{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-strong) 90%, transparent);border-radius:999px;display:inline-flex;overflow:visible}.chip-list-list{display:inline-flex}.chip-list button{appearance:none;color:var(--muted);cursor:pointer;border-right:1px solid var(--border);background:0 0;border-top:0;border-bottom:0;border-left:0;padding:.3rem .72rem;font-size:.875rem}.chip-list button:last-child{border-right:none}.chip-list button[data-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.chip-list button:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 40%, white);outline-offset:-2px}.switcher-group{align-items:center;gap:.35rem;display:inline-flex}.switcher-label{color:var(--muted);font-size:.8rem}.select-wrap{align-items:center;gap:.34rem;display:inline-flex}.switcher-leading-icon{width:.96rem;height:.96rem;color:color-mix(in oklab, var(--muted) 76%, var(--text));flex:none;justify-content:center;align-items:center;display:inline-flex}.switcher-leading-icon svg{width:100%;height:100%;display:block}.select-wrap:focus-within .switcher-leading-icon{color:color-mix(in oklab, var(--accent) 72%, var(--text))}.switcher-select-host{width:max-content;position:relative}.switcher-select-host .site-switcher-select,.switcher-select-host [data-ui=select][data-slot=trigger],.switchers [data-ui=theme-switch]{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:.5rem}.switcher-select-host .site-switcher-select,.switcher-select-host [data-ui=select][data-slot=trigger]{width:max-content;font:inherit;cursor:pointer;white-space:nowrap;grid-template-columns:max-content auto;align-items:center;column-gap:.48rem;padding:.3rem .52rem;font-size:.84rem;display:inline-grid}.site-switcher-select-value,.site-switcher-select-sizer{grid-area:1/1}.site-switcher-select-sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.switchers [data-ui=theme-switch]{cursor:pointer;width:2.05rem;height:2.05rem;font:inherit;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.switchers [data-ui=theme-switch]:hover .theme-switch-icon{color:var(--text)}.switchers [data-ui=theme-switch]:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 40%, white);outline-offset:1px}.theme-switch-glyph{width:1.05rem;height:1.05rem;display:inline-block;position:relative}.theme-switch-icon{width:100%;height:100%;color:color-mix(in oklab, var(--muted) 72%, var(--text));transition:opacity .18s,transform .18s;display:block;position:absolute;inset:0}.switchers [data-ui=theme-switch][data-state=light] .theme-switch-icon[data-theme-icon=sun]{opacity:1;transform:scale(1)rotate(0)}.switchers [data-ui=theme-switch][data-state=light] .theme-switch-icon[data-theme-icon=moon]{opacity:0;transform:scale(.72)rotate(-20deg)}.switchers [data-ui=theme-switch][data-state=dark] .theme-switch-icon[data-theme-icon=sun]{opacity:0;transform:scale(.72)rotate(20deg)}.switchers [data-ui=theme-switch][data-state=dark] .theme-switch-icon[data-theme-icon=moon]{opacity:1;transform:scale(1)rotate(0)}.site-switcher-select-arrow{color:color-mix(in oklab, var(--muted) 72%, var(--text));flex:none;grid-area:1/2;font-size:.84rem;line-height:1}.site-switcher-content,.switcher-select-host [data-ui=select][data-slot=content]{border:1px solid var(--border);background:var(--surface-strong);box-shadow:0 10px 24px color-mix(in oklab, var(--text) 18%, transparent);z-index:32;border-radius:.55rem;gap:.18rem;padding:.28rem;display:grid}.site-switcher-content[hidden]{display:none}.site-switcher-content .site-switcher-option,.switcher-select-host [data-ui=select][data-slot=option]{text-align:start;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.45rem;padding:.3rem .24rem;display:block}.site-switcher-content .site-switcher-option[data-highlighted=true],.switcher-select-host [data-ui=select][data-slot=option][data-highlighted=true]{border-color:color-mix(in oklab, var(--accent) 40%, var(--border));background:color-mix(in oklab, var(--accent-soft) 55%, var(--surface-strong))}.site-switcher-content .site-switcher-option[data-selected=true],.switcher-select-host [data-ui=select][data-slot=option][data-selected=true]{color:var(--accent);font-weight:600}.site-body{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:1480px;margin:0 auto;padding:1rem;display:grid}.page-card,.hero{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-strong) 90%, transparent);border-radius:1rem}.main{gap:1rem;display:grid}.main[data-section=docs],.main[data-section=components],.main[data-section=components]{display:block}.docs-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(210px,260px);align-items:start;gap:1rem;display:grid}.docs-layout.components-layout{grid-template-columns:minmax(208px,248px) minmax(0,1fr) minmax(196px,236px)}.docs-column{min-width:0}.docs-column-nav,.docs-column-toc{position:sticky;top:5.6rem}.docs-nav,.docs-toc{max-height:calc(100vh - 6.5rem);overflow:auto}.docs-aside-title{font-size:1.1rem;font-family:var(--font-title);margin:.45rem 0 .75rem}.docs-nav-list{gap:.42rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.docs-nav-link{color:var(--muted);border:1px solid #0000;border-radius:.6rem;padding:.44rem .58rem;line-height:1.35;text-decoration:none;display:block}.docs-nav-link[data-state=active]{border-color:color-mix(in oklab, var(--accent) 30%, var(--border));background:color-mix(in oklab, var(--accent-soft) 48%, transparent);color:var(--text);font-weight:600}.docs-nav-summary{margin:.2rem 0 0 .58rem;font-size:.8rem;line-height:1.35}.docs-column-content{min-width:0;overflow-x:clip}.hero{padding:1.3rem}.hero h1{font-family:var(--font-title);margin:.2rem 0 .6rem;line-height:1.2}.home-landing{color:var(--text);gap:2.15rem;display:grid;position:relative}.home-snake-stage{isolation:isolate;grid-template-columns:minmax(22rem,.72fr) minmax(34rem,1.28fr);align-items:center;gap:1.6rem;min-height:33rem;padding:2.9rem 0 2.4rem;display:grid;position:relative;overflow:hidden}.home-snake-stage:before,.home-feature-panel:before,.home-feature-panel:after{content:"";pointer-events:none;z-index:-1;position:absolute}.home-snake-stage:before{background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--text) 14%, transparent) 24%, color-mix(in oklab, var(--text) 8%, transparent) 72%, transparent 100%);height:1px;inset:auto -1rem 0}.home-hero-copy,.home-example-shell{min-width:0}.home-hero-copy{align-content:center;gap:1.05rem;max-width:37rem;display:grid}.home-version-pill{border:1px solid color-mix(in oklab, var(--border) 82%, transparent);background:color-mix(in oklab, var(--surface-strong) 88%, transparent);width:fit-content;color:color-mix(in oklab, var(--text) 70%, var(--muted));border-radius:999px;align-items:center;font-size:.78rem;line-height:1;display:inline-flex;overflow:hidden}.home-version-pill span{border-inline-end:1px solid color-mix(in oklab, var(--border) 72%, transparent);align-items:center;gap:.38rem;padding:.42rem .72rem;display:inline-flex}.home-version-pill span:last-child{border-inline-end:0}.home-version-pill span:first-child{color:color-mix(in oklab, var(--accent) 58%, #1f6f3f);font-weight:700}.home-version-pill span:first-child:before{content:"";background:color-mix(in oklab, var(--accent) 54%, #4f8f5c);border-radius:50%;width:.46rem;height:.46rem}.home-title{font-family:var(--font-title);letter-spacing:0;text-wrap:balance;margin:0;font-size:4.35rem;line-height:.98}.home-title span,.home-title em{display:block}.home-title em{color:color-mix(in oklab, var(--accent) 45%, #8aa887);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500}.home-summary{max-width:42rem;color:color-mix(in oklab, var(--text) 58%, var(--muted));margin:0;font-size:1.04rem;line-height:1.52}.home-action-row{flex-wrap:wrap;gap:.75rem;display:flex}.home-action{border:1px solid color-mix(in oklab, var(--border) 86%, transparent);background:color-mix(in oklab, var(--surface-strong) 82%, transparent);min-height:2.45rem;color:var(--text);border-radius:.34rem;justify-content:center;align-items:center;gap:.48rem;padding:.58rem 1rem;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.home-action:hover,.home-action:focus-visible{border-color:color-mix(in oklab, var(--accent) 30%, var(--border));transform:translateY(-1px)}.home-action-primary{border-color:var(--text);background:var(--text);color:var(--surface)}.home-inline-link{color:var(--text);align-items:center;gap:.42rem;font-weight:600;text-decoration:none;display:inline-flex}.home-inline-link:after{content:"→";color:var(--accent)}.home-proof-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;padding-top:.35rem;display:grid}.home-proof-item{grid-template-columns:1.55rem minmax(0,1fr);align-items:start;gap:.48rem;min-width:0;display:grid}.home-proof-icon,.home-control-feature-icon{color:color-mix(in oklab, var(--text) 84%, var(--accent));justify-content:center;align-items:center;display:inline-flex}.home-proof-icon svg,.home-control-feature-icon svg{width:1.4rem;height:1.4rem;display:block}.home-proof-item strong,.home-proof-item small,.home-control-feature strong,.home-control-feature small{display:block}.home-proof-item strong{font-size:.82rem}.home-proof-item small{color:var(--muted);font-size:.78rem;line-height:1.28}.home-hero-art{z-index:0;min-width:0;margin:0 -1rem 0 0;position:relative}.home-hero-art svg{width:100%;height:auto;display:block;overflow:visible}.home-hero-wire{stroke:color-mix(in oklab, var(--text) 54%, transparent);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.home-hero-wire-soft{opacity:.38}.home-hero-node{fill:var(--surface-strong);stroke:color-mix(in oklab, var(--text) 58%, var(--border));stroke-width:1.2px}.home-hero-node-accent{fill:color-mix(in oklab, var(--accent) 28%, var(--surface-strong))}.home-wire-widget{stroke:color-mix(in oklab, var(--text) 62%, var(--border));stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.home-wire-fill{fill:color-mix(in oklab, var(--accent-soft) 40%, transparent);stroke:none}.home-dot-grid{fill:color-mix(in oklab, var(--text) 24%, transparent)}.home-example-shell{border:1px solid color-mix(in oklab, var(--border) 88%, transparent);background:var(--surface);border-radius:.5rem;grid-template-columns:minmax(12rem,.74fr) minmax(24rem,1.12fr) minmax(14rem,.74fr);align-items:center;gap:2.2rem;padding:.9rem 1.35rem;display:grid;position:relative;overflow:hidden}.home-feature-panel{isolation:isolate;grid-template-columns:minmax(13rem,.34fr) minmax(0,48rem);align-items:start;gap:2.4rem;width:min(100%,68rem);margin-inline:auto;padding:0 0 .1rem;display:grid;position:relative;overflow:visible}.home-feature-panel:before,.home-feature-panel:after{content:none}.home-feature-ornaments{z-index:0;pointer-events:none;color:color-mix(in oklab, var(--text) 62%, var(--border));position:absolute;inset:0}.home-feature-ornament{width:30.5rem;height:14.5rem;position:absolute;overflow:visible}.home-feature-ornament-left{top:5.6rem;left:-23rem}.home-feature-ornament-right{top:4.8rem;right:-22.5rem}.home-feature-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.home-feature-line-main{stroke-width:1.25px;opacity:.62}.home-feature-line-ghost{stroke-width:.8px;opacity:.16}.home-feature-line-dash{stroke-width:.9px;stroke-dasharray:5 7;opacity:.28}.home-feature-line-node{fill:color-mix(in oklab, var(--accent-soft) 70%, var(--surface-strong));stroke:currentColor;stroke-width:1.1px;opacity:.78}.home-feature-header{z-index:1;gap:1rem;padding-top:.8rem;display:grid;position:sticky;top:6rem}.home-feature-header h2{font-family:var(--font-title);letter-spacing:0;margin:0;font-size:1.65rem;line-height:1.08}.home-feature-header p{max-width:14rem;color:var(--muted);margin:0;line-height:1.45}.home-feature-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid;position:relative}.home-feature-card{border:1px solid color-mix(in oklab, var(--border) 82%, transparent);background:color-mix(in oklab, var(--surface-strong) 70%, transparent);border-radius:.5rem;grid-template-rows:5rem auto;gap:.1rem;min-width:0;min-height:7.1rem;padding:.55rem .9rem .7rem;text-decoration:none;transition:border-color .16s,transform .16s,background-color .16s;display:grid;position:relative;overflow:hidden}.home-feature-card:hover,.home-feature-card:focus-within{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:color-mix(in oklab, var(--surface-strong) 88%, transparent);transform:translateY(-1px)}.home-feature-card h3{font-family:var(--font-title);letter-spacing:0;margin:0;font-size:1rem;line-height:1.1}.home-feature-card h3 a{text-decoration:none}.home-feature-card h3 a:after{content:"";position:absolute;inset:0}.home-feature-arrow{color:color-mix(in oklab, var(--text) 64%, var(--muted));position:absolute;bottom:.62rem;right:.78rem}.home-primitive-art{width:100%;height:5rem;stroke:color-mix(in oklab, var(--text) 62%, var(--border));stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}.home-primitive-mark{fill:color-mix(in oklab, var(--accent-soft) 50%, transparent);stroke:color-mix(in oklab, var(--accent) 22%, var(--border))}.home-control-copy{border-inline-end:1px dashed color-mix(in oklab, var(--border) 78%, transparent);gap:.8rem;padding:.5rem 1.5rem .5rem 1.2rem;display:grid}.home-control-copy h2{max-width:15rem;font-family:var(--font-title);letter-spacing:0;margin:0;font-size:1.08rem;line-height:1.24}.home-control-copy p{max-width:15rem;color:var(--muted);margin:0;font-size:.82rem;line-height:1.48}.home-code-window{border:1px solid var(--site-code-panel-border);background:var(--site-code-panel-background);box-shadow:var(--site-code-panel-shadow);border-radius:.5rem .5rem 0 0;align-self:stretch;overflow:hidden}.home-code-window-bar{border-bottom:1px solid var(--site-code-panel-border);background:var(--site-code-window-bar-background);align-items:center;gap:.38rem;min-height:2.1rem;padding:0 .78rem;display:flex}.home-code-window-bar span{border-radius:50%;width:.58rem;height:.58rem}.home-code-window-bar span:first-child{background:#ff6b63}.home-code-window-bar span:nth-child(2){background:#ffbd4a}.home-code-window-bar span:nth-child(3){background:#31c95d}.home-code-window-bar small{color:var(--site-code-window-label);margin-inline-start:auto;font-size:.74rem}.home-code-window pre{max-height:13.5rem;color:var(--site-code-panel-text);box-shadow:none;border-radius:0;margin:0;padding:1rem 1.05rem 1.2rem;font-size:.8rem;line-height:1.58;overflow:auto}.home-code-window code{font-family:SFMono-Regular,Cascadia Code,Consolas,monospace}.home-control-feature-list{gap:1.05rem;padding-inline-start:.5rem;display:grid}.home-control-feature{grid-template-columns:1.6rem minmax(0,1fr);align-items:start;gap:.62rem;display:grid}.home-control-feature strong{font-size:.84rem}.home-control-feature small{color:var(--muted);font-size:.78rem;line-height:1.4}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.page-card{padding:1.1rem}.page-card h1,.page-card h2{font-family:var(--font-title);margin-top:0}.page-card p,.page-card li{color:var(--muted)}.link-list{gap:.8rem;margin:0;padding-left:1.2rem;display:grid}.link-list a{color:var(--accent);font-weight:600;text-decoration:none}.primitive-examples-page{--examples-line:color-mix(in oklab, var(--border) 78%, var(--accent) 18%);--examples-panel:color-mix(in oklab, var(--surface-strong) 92%, var(--surface));--examples-panel-soft:color-mix(in oklab, var(--accent-soft) 32%, var(--surface-strong));--examples-blue:color-mix(in oklab, var(--accent) 86%, var(--text));--examples-blue-soft:color-mix(in oklab, var(--accent-soft) 62%, var(--surface-strong));--examples-dash:color-mix(in oklab, var(--accent) 44%, var(--border));--examples-shadow:0 18px 40px color-mix(in oklab, var(--text) 8%, transparent);--examples-hero-trail-mask:url("data:image/svg+xml,%3Csvg width='352' height='132' viewBox='0 0 352 132' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 80c38-10 69-3 95 11 37 20 59 14 83-18 21-28 42-43 78-34 26 7 41 1 78-26' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='9 10'/%3E%3Cpath d='M70 30c28-22 67-20 101 0 29 17 58 17 91-6' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-dasharray='8 10'/%3E%3C/svg%3E");gap:.9rem;display:grid}.primitive-examples-hero{grid-template-columns:minmax(22rem,.72fr) minmax(35rem,1fr);align-items:center;gap:clamp(1.2rem,3vw,3rem);min-height:clamp(17rem,28vw,22.5rem);padding:clamp(1.35rem,2.5vw,2.4rem) .1rem clamp(1.2rem,2vw,1.9rem);display:grid;position:relative;overflow:hidden}.primitive-examples-hero-copy{z-index:2;align-content:start;gap:.78rem;display:grid;position:relative}.primitive-examples-hero-copy h1{max-width:14ch;color:color-mix(in oklab, var(--text) 94%, var(--accent));font-family:var(--font-title);letter-spacing:0;margin:0;font-size:clamp(2.7rem,5.2vw,4.75rem);line-height:.98}.primitive-examples-hero-copy>p:not(.eyebrow){max-width:46rem;color:color-mix(in oklab, var(--text) 74%, var(--muted));margin:0;font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.5}.primitive-examples-availability{width:fit-content;color:color-mix(in oklab, var(--text) 74%, var(--muted));align-items:center;gap:.72rem;margin-top:.32rem;font-size:.95rem;font-weight:600;display:inline-flex}.primitive-examples-availability>span[aria-hidden=true]{border:1px solid var(--examples-line);background:var(--examples-panel-soft);width:2.25rem;height:2.25rem;color:var(--examples-blue);border-radius:.5rem;place-items:center;display:inline-grid}.primitive-examples-page .resource-icon{width:1em;height:1em}.primitive-examples-availability .resource-icon{width:1.18rem;height:1.18rem}.primitive-examples-availability strong{color:var(--text)}.primitive-examples-hero-art{min-height:clamp(15rem,24vw,20.5rem);color:var(--examples-blue);position:relative}.primitive-examples-browser-card,.primitive-examples-mini-card,.primitive-examples-label,.primitive-examples-code-badge{z-index:2;border:1px solid color-mix(in oklab, currentColor 44%, var(--border));background:color-mix(in oklab, var(--surface-strong) 92%, transparent);box-shadow:0 15px 28px color-mix(in oklab, var(--accent) 10%, transparent);position:absolute}.primitive-examples-browser-card{border-radius:.5rem;gap:.62rem;width:min(22rem,43%);min-height:10.5rem;padding:0 .78rem .82rem;display:grid;top:.2rem;left:26%}.primitive-examples-browser-bar{border-bottom:1px solid color-mix(in oklab, currentColor 24%, var(--border));align-items:center;gap:.34rem;min-height:1.65rem;margin-inline:-.78rem;padding-inline:.78rem;display:flex}.primitive-examples-browser-bar span{border:1px solid;border-radius:999px;width:.42rem;height:.42rem}.primitive-examples-browser-bar i{border:1.5px solid;border-radius:999px;width:.42rem;height:.42rem;margin-left:auto}.primitive-examples-browser-bar i+i{margin-left:.1rem}.primitive-examples-browser-card strong,.primitive-examples-mini-card strong{color:var(--text);font-size:.82rem}.primitive-examples-browser-input,.primitive-examples-mini-input{border:1px solid;border-radius:.34rem;align-items:center;gap:.42rem;height:1.58rem;padding-inline:.45rem;display:flex}.primitive-examples-browser-input .resource-icon,.primitive-examples-mini-input .resource-icon{width:.76rem;height:.76rem}.primitive-examples-browser-input i,.primitive-examples-mini-input i,.primitive-examples-browser-card>span:not(.primitive-examples-browser-input),.primitive-examples-mini-card>span:not(.primitive-examples-mini-input){background:color-mix(in oklab, currentColor 22%, transparent);border-radius:999px;height:.24rem;display:block}.primitive-examples-browser-input i{background:0 0;width:100%}.primitive-examples-browser-card>span:not(.primitive-examples-browser-input):nth-of-type(2){width:45%}.primitive-examples-browser-card>span:not(.primitive-examples-browser-input):nth-of-type(3){width:58%}.primitive-examples-browser-card>span:not(.primitive-examples-browser-input):nth-of-type(4){width:36%}.primitive-examples-mini-card{border-radius:.5rem;gap:.58rem;width:min(15.2rem,30%);padding:.72rem;display:grid;bottom:1.9rem;left:4%}.primitive-examples-mini-card>span:not(.primitive-examples-mini-input):nth-of-type(2){width:42%}.primitive-examples-mini-card>span:not(.primitive-examples-mini-input):nth-of-type(3){width:62%}.primitive-examples-label,.primitive-examples-code-badge{min-height:1.9rem;color:var(--examples-blue);border-radius:.5rem;place-items:center;padding-inline:.84rem;font-size:.82rem;font-weight:700;display:inline-grid}.primitive-examples-label--multiple{top:4.15rem;left:16.4%}.primitive-examples-label--disabled{top:6.5rem;right:2.5%}.primitive-examples-code-badge{width:3.8rem;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:1.08rem;top:11.1rem;right:1.2%}.primitive-examples-snake{z-index:3;width:min(18.2rem,34%);max-height:18.5rem;color:color-mix(in oklab, var(--accent) 90%, var(--text));filter:drop-shadow(0 20px 20px color-mix(in oklab, var(--accent) 12%, transparent));position:absolute;bottom:.1rem;right:7.2%}.primitive-examples-shadow{z-index:1;background:color-mix(in oklab, var(--accent) 16%, transparent);border-radius:50%;width:min(15rem,30%);height:1.45rem;position:absolute;bottom:.2rem;right:7%}.primitive-examples-trail{z-index:0;background:var(--examples-dash);width:23rem;height:8.4rem;-webkit-mask:var(--examples-hero-trail-mask) center / contain no-repeat;mask:var(--examples-hero-trail-mask) center / contain no-repeat;-webkit-mask:var(--examples-hero-trail-mask) center / contain no-repeat;opacity:.62;display:block;position:absolute}.primitive-examples-trail--top{top:1.65rem;left:9.5%;transform:rotate(2deg)}.primitive-examples-trail--bottom{bottom:.2rem;right:22%;transform:rotate(180deg)scaleX(.86)}.primitive-examples-star{z-index:2;width:1.25rem;height:1.25rem;color:color-mix(in oklab, var(--accent) 78%, var(--accent-secondary));position:absolute}.primitive-examples-star:before,.primitive-examples-star:after,.primitive-examples-footnote span:before{content:"";clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);background:currentColor;position:absolute;inset:0}.primitive-examples-star:after{opacity:.45;border-radius:999px;inset:38%}.primitive-examples-star--one{top:2.1rem;left:8%;transform:rotate(14deg)}.primitive-examples-star--two{opacity:.8;width:.55rem;height:.55rem;top:3.7rem;left:3.8%}.primitive-examples-star--three{width:1.06rem;height:1.06rem;top:3.2rem;right:10%;transform:rotate(-12deg)}.primitive-examples-stat-strip{border:1px solid var(--examples-line);background:linear-gradient(180deg, var(--examples-panel), color-mix(in oklab, var(--surface) 82%, transparent));box-shadow:var(--examples-shadow);border-radius:.5rem}.primitive-examples-stat-strip ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:.9rem 1.1rem;list-style:none;display:grid}.primitive-examples-stat-strip li{grid-template-columns:2.6rem minmax(0,1fr);align-items:center;column-gap:.86rem;min-width:0;padding-inline:.85rem;display:grid;position:relative}.primitive-examples-stat-strip li:not(:last-child):after{content:"";background:var(--examples-line);width:1px;position:absolute;top:.12rem;bottom:.12rem;right:0}.primitive-examples-stat-icon{border:1px solid color-mix(in oklab, var(--accent) 16%, var(--border));background:var(--examples-panel-soft);width:2.45rem;height:2.45rem;color:var(--examples-blue);border-radius:.5rem;grid-row:span 2;place-items:center;display:inline-grid}.primitive-examples-stat-icon .resource-icon{width:1.26rem;height:1.26rem}.primitive-examples-stat-strip strong,.primitive-examples-stat-strip span:not(.primitive-examples-stat-icon){min-width:0}.primitive-examples-stat-strip strong{color:var(--examples-blue);font-family:var(--font-title);font-size:.98rem;line-height:1.18}.primitive-examples-stat-strip span:not(.primitive-examples-stat-icon){color:color-mix(in oklab, var(--text) 70%, var(--muted));font-size:.78rem;line-height:1.25}.primitive-examples-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.86rem;margin:0;padding-left:0;list-style:none;display:grid}.primitive-example-card{border:1px solid var(--examples-line);background:linear-gradient(180deg, var(--examples-panel), color-mix(in oklab, var(--surface) 84%, transparent));min-width:0;min-height:8.85rem;box-shadow:0 14px 30px color-mix(in oklab, var(--text) 5%, transparent);border-radius:.5rem;grid-template-columns:3.25rem minmax(0,1fr);gap:.78rem;padding:.95rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.primitive-example-card:hover{border-color:color-mix(in oklab, var(--accent) 50%, var(--border));box-shadow:0 18px 34px color-mix(in oklab, var(--accent) 10%, transparent);transform:translateY(-2px)}.primitive-example-card h2,.primitive-example-card p{margin:0}.primitive-example-icon{border:1px solid color-mix(in oklab, var(--accent) 18%, var(--border));background:var(--examples-panel-soft);width:2.62rem;height:2.62rem;color:var(--examples-blue);border-radius:.5rem;place-items:center;display:inline-grid}.primitive-example-icon .resource-icon{width:1.4rem;height:1.4rem}.primitive-example-card-main{gap:.38rem;min-width:0;display:grid}.primitive-example-card h2{font-family:var(--font-title);letter-spacing:0;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.15}.primitive-example-card h2 a,.primitive-example-action,.primitive-example-links a{color:var(--examples-blue);text-decoration:none}.primitive-example-card h2 a{font-weight:800}.primitive-example-card-main>p:first-of-type{color:color-mix(in oklab, var(--text) 72%, var(--muted));font-size:.86rem;line-height:1.25}.primitive-example-count{color:color-mix(in oklab, var(--text) 70%, var(--muted));font-size:.78rem;font-weight:600}.primitive-example-links{flex-wrap:wrap;gap:.42rem;margin:.08rem 0 0;padding:0;list-style:none;display:flex}.primitive-example-links a{border:1px solid color-mix(in oklab, var(--accent) 20%, var(--border));background:color-mix(in oklab, var(--accent-soft) 50%, transparent);border-radius:.28rem;align-items:center;min-height:1.42rem;padding:.18rem .54rem;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.primitive-example-action{border:1px solid color-mix(in oklab, var(--accent) 20%, var(--border));background:color-mix(in oklab, var(--surface-strong) 82%, transparent);border-radius:.34rem;align-items:center;gap:.56rem;width:fit-content;min-height:1.7rem;margin-top:.18rem;padding:.32rem .72rem;font-size:.82rem;font-weight:800;line-height:1;display:inline-flex}.primitive-example-action .resource-icon{width:.9rem;height:.9rem;transform:rotate(-90deg)}.primitive-examples-footnote{color:color-mix(in oklab, var(--text) 68%, var(--muted));text-align:center;justify-content:center;align-items:center;gap:.72rem;margin:.24rem 0 0;font-size:.9rem;display:flex;position:relative}.primitive-examples-footnote span{width:1rem;height:1rem;color:var(--examples-blue);position:relative}:root[data-theme=dark] .primitive-examples-page{--examples-line:color-mix(in oklab, var(--border) 82%, var(--accent) 18%);--examples-panel:color-mix(in oklab, var(--surface-strong) 88%, var(--surface));--examples-panel-soft:color-mix(in oklab, var(--accent-soft) 36%, var(--surface-strong));--examples-blue:color-mix(in oklab, var(--accent) 78%, var(--text));--examples-blue-soft:color-mix(in oklab, var(--accent-soft) 48%, var(--surface-strong));--examples-dash:color-mix(in oklab, var(--accent) 36%, var(--border));--examples-shadow:0 18px 42px color-mix(in oklab, var(--text) 18%, transparent)}@media (width<=1160px){.primitive-examples-hero{grid-template-columns:1fr;gap:.6rem}.primitive-examples-hero-art{min-height:17.2rem}.primitive-examples-browser-card{width:min(22rem,46%);left:22%}.primitive-examples-mini-card{width:min(15rem,34%)}.primitive-examples-snake{width:min(17rem,32%);right:8%}.primitive-examples-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.primitive-examples-hero{padding-top:1.1rem}.primitive-examples-hero-copy h1{max-width:12ch}.primitive-examples-hero-art{min-height:15.5rem}.primitive-examples-browser-card{width:52%;left:5%}.primitive-examples-mini-card{width:38%;left:0}.primitive-examples-label--multiple{left:9%}.primitive-examples-label--disabled,.primitive-examples-code-badge{right:0}.primitive-examples-snake{width:min(15rem,36%);right:12%}.primitive-examples-stat-strip ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.9rem}.primitive-examples-stat-strip li:nth-child(2):after{display:none}.primitive-examples-list{grid-template-columns:1fr}}@media (width<=620px){.primitive-examples-hero-copy h1{font-size:clamp(2.35rem,13vw,3.25rem)}.primitive-examples-availability{align-items:flex-start}.primitive-examples-hero-art{min-height:17.4rem}.primitive-examples-browser-card{width:64%;top:.4rem;left:0}.primitive-examples-mini-card{width:54%;bottom:.5rem}.primitive-examples-label--multiple{top:3.6rem;left:61%}.primitive-examples-label--disabled,.primitive-examples-code-badge,.primitive-examples-trail--bottom{display:none}.primitive-examples-snake{width:min(11.5rem,42%);bottom:.2rem;right:-.2rem}.primitive-examples-shadow{width:10rem;right:-.2rem}.primitive-examples-stat-strip ul{grid-template-columns:1fr;padding:.85rem}.primitive-examples-stat-strip li{padding:0}.primitive-examples-stat-strip li:after{display:none}.primitive-example-card{grid-template-columns:2.75rem minmax(0,1fr);padding:.82rem}.primitive-example-icon{width:2.35rem;height:2.35rem}.primitive-example-action{justify-content:center;width:100%}}.meta-line{font-size:.9rem}.resources-page{--resource-line:color-mix(in oklab, var(--accent) 24%, var(--border));--resource-panel:color-mix(in oklab, var(--surface) 86%, transparent);--resource-panel-strong:color-mix(in oklab, var(--surface) 94%, var(--accent-soft));--resource-wave-mask:url("data:image/svg+xml,%3Csvg width='164' height='14' viewBox='0 0 164 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8c12-11 24 11 36 0s24 11 36 0 24 11 36 0 24 11 36 0' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");--resource-fetch-wave-mask:url("data:image/svg+xml,%3Csvg width='112' height='22' viewBox='0 0 112 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12C8 6 14 6 20 12S32 18 38 12 50 6 56 12 68 18 74 12 86 6 92 11c4 3 3 8-1 8-4 0-5-5-1-8 5-4 12-1 18-6' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--resource-green:#24a267;--resource-orange:#e38a16;display:block}.resources-layout{grid-template-columns:minmax(0,1fr) minmax(286px,340px);align-items:start;gap:1.55rem;display:grid}.resources-main,.resources-aside{min-width:0}.resources-main{gap:1rem;display:grid}.resources-aside{gap:1rem;display:grid;position:sticky;top:5.25rem}.resources-hero{border-color:var(--resource-line);background:radial-gradient(circle at 84% 14%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 24%), radial-gradient(circle at 6% 18%, color-mix(in oklab, var(--accent-soft) 66%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in oklab, var(--surface) 94%, white 6%), color-mix(in oklab, var(--surface) 80%, var(--accent-soft) 20%));min-height:17rem;box-shadow:0 24px 60px color-mix(in oklab, var(--accent) 12%, transparent);grid-template-columns:minmax(280px,.78fr) minmax(620px,1.22fr);gap:clamp(1.5rem,2.6vw,2.7rem);padding:clamp(1.35rem,2.4vw,2rem);display:grid;position:relative;overflow:hidden}.resources-hero:before,.resources-hero:after{z-index:0;color:color-mix(in oklab, var(--accent) 72%, white);pointer-events:none;line-height:1;position:absolute}.resources-hero:before{content:"+";font-family:var(--font-title);font-size:2.2rem;top:1.45rem;right:5.2rem;transform:rotate(20deg)}.resources-hero:after{content:"";width:4.8rem;height:.44rem;-webkit-mask:var(--resource-wave-mask) center / contain no-repeat;mask:var(--resource-wave-mask) center / contain no-repeat;-webkit-mask:var(--resource-wave-mask) center / contain no-repeat;opacity:.55;background:currentColor;bottom:1rem;right:13rem}.resources-hero-copy,.resources-hero-panel{z-index:1;position:relative}.resources-hero-copy{align-content:start;gap:.66rem;display:grid}.resources-hero h1{max-width:12ch;margin-bottom:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.98}.resources-hero-copy>p{max-width:56ch;margin:0}.resource-route{color:var(--muted);white-space:nowrap;align-items:center;gap:.42rem;display:flex;overflow:visible}.resource-route .resource-icon{width:1.05rem;height:1.05rem;color:var(--accent)}.resource-route span,.resource-route code{white-space:nowrap;overflow:visible}.resources-hero-panel{grid-template-columns:minmax(460px,1fr) minmax(148px,.34fr);align-items:center;gap:clamp(1rem,1.8vw,1.4rem);display:grid}.resource-stat-grid{grid-template-columns:repeat(4,minmax(6.7rem,1fr));gap:.9rem;display:grid}.resource-stat{border:1px solid var(--resource-line);background:color-mix(in oklab, var(--surface) 82%, transparent);min-width:0;min-height:7.8rem;color:var(--text);text-align:center;border-radius:1.3rem;align-content:center;justify-items:center;gap:.24rem;padding:.95rem .82rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.45)}.resource-stat:hover{border-color:color-mix(in oklab, var(--accent) 54%, var(--border));box-shadow:0 16px 34px color-mix(in oklab, var(--accent) 14%, transparent);transform:translateY(-2px)}.resource-stat .resource-icon{width:2.45rem;height:2.45rem;color:var(--accent)}.resource-card[data-primitive=combobox] .resource-card-icon,.resource-card[data-primitive=listbox] .resource-card-icon,.resource-card[data-primitive=popover] .resource-card-icon{color:var(--resource-green)}.resource-section[data-slot=examples] .resource-card-icon{color:#7b61d8}.resource-stat strong,.resource-stat span{display:block}.resource-stat strong{font-family:var(--font-title);font-size:clamp(1.55rem,2.7vw,2.28rem);line-height:1}.resource-stat span{color:color-mix(in oklab, var(--text) 82%, var(--muted));font-size:.9rem;line-height:1.15}.resource-snake-scene{min-height:10.25rem;color:color-mix(in oklab, var(--accent) 76%, var(--text));justify-content:center;align-items:end;display:flex;position:relative}.resource-snake-scene:after{content:"";opacity:.85;background:currentColor;border-radius:999px;width:10rem;height:2px;position:absolute;bottom:.25rem;right:.15rem}.resource-snake-svg{z-index:1;width:min(10.5rem,100%);max-height:10.8rem;filter:drop-shadow(0 18px 22px color-mix(in oklab, var(--accent) 14%, transparent));position:relative}.resource-sparkle{z-index:2;width:1rem;height:1rem;color:var(--accent);pointer-events:none;position:absolute}.resource-sparkle:before,.resource-sparkle:after{content:"";background:currentColor;position:absolute;inset:0}.resource-sparkle:before{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);opacity:.95}.resource-sparkle:after{opacity:.45;border-radius:999px;inset:35%}.resource-sparkle--one{top:-.05rem;left:.55rem;transform:rotate(12deg)}.resource-sparkle--two{width:.76rem;height:.76rem;top:2.35rem;right:-.15rem;transform:rotate(-10deg)}.resource-sparkle--three{width:1.18rem;height:1.18rem;top:.72rem;left:4.95rem;transform:rotate(18deg)}.resource-grass{z-index:2;width:2.1rem;height:1.42rem;color:var(--accent);pointer-events:none;position:absolute;bottom:.22rem}.resource-grass:before,.resource-grass:after{content:"";border:2px solid;transform-origin:bottom;border-bottom:0;border-left:0;border-radius:999px 999px 0 0;width:.25rem;height:1.14rem;position:absolute;bottom:0}.resource-grass:before{left:.34rem;transform:rotate(-23deg)}.resource-grass:after{height:1.28rem;right:.42rem;transform:rotate(24deg)}.resource-grass--left{left:.8rem}.resource-grass--right{right:.55rem;transform:scaleX(-1)}.resource-grass--left,.resource-grass--right{background:linear-gradient(currentColor,currentColor) 50% 26%/2px 74% no-repeat,linear-gradient(currentColor,currentColor) 24% 58%/2px 44% no-repeat,linear-gradient(currentColor,currentColor) 76% 62%/2px 38% no-repeat}.resource-section{border-color:var(--resource-line);background:linear-gradient(180deg, var(--resource-panel), color-mix(in oklab, var(--surface) 72%, transparent));gap:.78rem;display:grid;position:relative;overflow:hidden}.resource-section h2,.resource-section p{margin-bottom:0}.resource-section-title{justify-items:start;gap:.06rem;display:grid}.resource-section-title h2{font-family:var(--font-title);letter-spacing:-.02em;margin:0;font-size:clamp(1.08rem,2vw,1.34rem)}.resource-wave{width:4.85rem;height:.45rem;color:var(--accent);-webkit-mask:var(--resource-wave-mask) center / contain no-repeat;mask:var(--resource-wave-mask) center / contain no-repeat;-webkit-mask:var(--resource-wave-mask) center / contain no-repeat;opacity:.88;background:currentColor;margin-top:.18rem;display:block}.resource-wave--inline{width:5.45rem;height:.72rem;color:var(--accent);-webkit-mask:var(--resource-fetch-wave-mask) center / contain no-repeat;mask:var(--resource-fetch-wave-mask) center / contain no-repeat;-webkit-mask:var(--resource-fetch-wave-mask) center / contain no-repeat;flex:none;margin-top:0;margin-left:auto}.resource-action{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 76%, transparent);color:var(--text);border-radius:.6rem;flex:none;padding:.42rem .62rem;font-size:.88rem;font-weight:600;text-decoration:none}.resource-card-grid,.resource-file-grid{margin:0;padding:0;list-style:none}.resource-card-grid{gap:.72rem;display:grid}.resource-section[data-slot=guides] .resource-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.82rem}.resource-section[data-slot=guides] .resource-card{min-height:9.35rem;padding:.86rem}.resource-section[data-slot=guides] .resource-card-icon{border-radius:.62rem;width:2.05rem;height:2.05rem}.resource-section[data-slot=guides] .resource-card-title{font-size:.86rem}.resource-section[data-slot=guides] .resource-card p{font-size:.76rem}.resource-section[data-slot=components] .resource-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.82rem}.resource-section[data-slot=examples] .resource-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-section[data-slot=operations] .resource-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.82rem}.resource-section[data-slot=operations] .resource-card{min-height:8.9rem;padding:.86rem}.resource-section[data-slot=operations] .resource-card-icon{border-radius:.62rem;width:2.05rem;height:2.05rem}.resource-section[data-slot=operations] .resource-card-title{font-size:.86rem}.resource-section[data-slot=operations] .resource-card p{font-size:.76rem}.resource-card{border:1px solid color-mix(in oklab, var(--resource-line) 86%, transparent);background:linear-gradient(180deg, var(--resource-panel-strong), color-mix(in oklab, var(--surface) 72%, transparent));border-radius:.78rem;align-content:start;gap:.36rem;min-width:0;min-height:8.95rem;padding:.72rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.38)}.resource-card:hover{border-color:color-mix(in oklab, var(--accent) 48%, var(--border));box-shadow:0 15px 30px color-mix(in oklab, var(--accent) 10%, transparent);transform:translateY(-2px)}.resource-card-title,.resource-file-grid a,.resource-toc-list a{color:var(--accent);font-weight:700;text-decoration:none}.resource-card-title{color:var(--text);font-size:.83rem;line-height:1.2}.resource-card p{color:color-mix(in oklab, var(--text) 76%, var(--muted));font-size:.75rem;line-height:1.22}.resource-card-icon{border:1px solid color-mix(in oklab, currentColor 32%, var(--border));background:color-mix(in oklab, currentColor 10%, var(--surface));width:1.86rem;height:1.86rem;color:var(--accent);border-radius:.54rem;place-items:center;display:inline-grid}.resource-card-icon .resource-icon{width:1.22rem;height:1.22rem}.resource-card-meta{color:var(--muted);align-items:center;gap:.32rem;margin-top:auto;display:inline-flex}.resource-card-meta .resource-icon{width:.86rem;height:.86rem}.resource-section[data-slot=components] .resource-card{min-height:9.35rem;padding:.78rem}.resource-section[data-slot=components] .resource-card-title{font-size:.84rem}.resource-section[data-slot=components] .resource-card p{font-size:.74rem}.resource-section[data-slot=examples] .resource-card{grid-template-columns:auto minmax(0,1fr);column-gap:.72rem;min-height:6.35rem}.resource-section[data-slot=examples] .resource-card-title,.resource-section[data-slot=examples] .resource-card p{grid-column:2}.resource-section[data-slot=examples] .resource-card-icon{grid-row:1/span 3;width:2.1rem;height:2.1rem}.resource-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.resource-file-grid li{min-width:0}.resource-file-grid a{border:1px solid color-mix(in oklab, var(--accent) 16%, var(--border));background:color-mix(in oklab, var(--accent-soft) 42%, var(--surface));border-radius:.56rem;align-items:center;gap:.42rem;min-height:2.55rem;padding:.5rem .58rem;font-size:.74rem;display:flex}.resource-file-grid .resource-icon{width:.95rem;height:.95rem}.resource-side-card{border:1px solid var(--resource-line);background:radial-gradient(circle at 88% 12%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 32%), color-mix(in oklab, var(--surface) 86%, transparent);box-shadow:0 20px 45px color-mix(in oklab, var(--accent) 10%, transparent);border-radius:1.12rem;padding:1.08rem;position:relative;overflow:hidden}.resource-side-card h2,.resource-side-card p{margin:0}.resource-side-eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:800}.resource-toc-list{gap:.92rem;margin:1.05rem 0 0;padding:0;list-style:none;display:grid}.resource-toc-list li{padding-left:1.55rem;position:relative}.resource-toc-list li:before{content:"";background:var(--accent);width:.42rem;height:.42rem;box-shadow:0 0 0 .26rem color-mix(in oklab, var(--accent) 14%, transparent);border-radius:999px;position:absolute;top:.34rem;left:.18rem}.resource-toc-list li:not(:last-child):after{content:"";background:color-mix(in oklab, var(--accent) 22%, transparent);width:1px;position:absolute;top:.86rem;bottom:-.88rem;left:.38rem}.resource-toc-list a{color:var(--text);font-size:.86rem}.resource-fetch-card h2{font-family:var(--font-title);align-items:center;gap:.62rem;font-size:1rem;line-height:1.15;display:flex}.resource-fetch-card h2 .resource-icon{background:color-mix(in oklab, var(--accent) 12%, var(--surface));width:1.85rem;height:1.85rem;color:var(--accent);border-radius:.46rem;padding:.32rem}.resource-fetch-list{gap:.42rem;margin:.82rem 0 0;padding:0;list-style:none;display:grid}.resource-fetch-list li{border:1px solid color-mix(in oklab, var(--border) 76%, transparent);background:color-mix(in oklab, var(--surface) 72%, var(--border) 18%);border-radius:.55rem;justify-content:space-between;align-items:center;gap:.72rem;min-width:0;padding:.48rem .56rem;display:flex}.resource-fetch-list code{min-width:0;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;overflow:hidden}.resource-copy-mark{color:color-mix(in oklab, var(--text) 66%, var(--muted));place-items:center;display:inline-grid}.resource-copy-mark .resource-icon{width:.92rem;height:.92rem}.resource-artifact-card .resource-section-title{margin-bottom:.7rem}.resource-artifact-card .resource-section-title h2{max-width:16rem;font-size:clamp(.98rem,1.55vw,1.12rem)}.resource-card-star{z-index:1;width:.86rem;height:.86rem;color:var(--accent);pointer-events:none;position:absolute}.resource-card-star:before,.resource-card-star:after{content:"";background:currentColor;position:absolute;inset:0}.resource-card-star:before{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.resource-card-star:after{opacity:.45;border-radius:999px;inset:38%}.resource-card-star--one{top:1.08rem;right:1.02rem;transform:rotate(18deg)}.resource-card-star--two{opacity:.78;width:.52rem;height:.52rem;top:2.38rem;right:2.45rem;transform:rotate(-12deg)}.resource-generated{color:var(--muted);margin-top:1.35rem;font-size:.76rem}.resource-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1em;height:1em}@media (width<=1320px){.resources-layout,.resources-hero{grid-template-columns:1fr}.resources-aside{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.resource-section[data-slot=guides] .resource-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-section[data-slot=components] .resource-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resources-hero-panel{grid-template-columns:minmax(0,1fr) minmax(150px,.28fr)}.resource-stat-grid{grid-template-columns:repeat(4,minmax(7rem,1fr))}}@media (width<=860px){.resources-aside,.resources-hero-panel,.resource-section[data-slot=guides] .resource-card-grid,.resource-section[data-slot=components] .resource-card-grid,.resource-section[data-slot=examples] .resource-card-grid,.resource-section[data-slot=operations] .resource-card-grid{grid-template-columns:1fr}.resource-stat-grid,.resource-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-section[data-slot=examples] .resource-card{grid-template-columns:auto minmax(0,1fr)}}@media (width<=560px){.resources-hero{padding:1.1rem}.resource-stat-grid,.resource-file-grid,.resource-section[data-slot=examples] .resource-card{grid-template-columns:1fr}.resource-section[data-slot=examples] .resource-card-title,.resource-section[data-slot=examples] .resource-card p{grid-column:1}}.agents-page{--agent-ink:color-mix(in oklab, var(--text) 92%, #0d1710);--agent-muted:color-mix(in oklab, var(--muted) 82%, var(--text));--agent-green:color-mix(in oklab, var(--accent) 78%, #245f2f);--agent-line:color-mix(in oklab, var(--border) 82%, var(--accent) 14%);--agent-paper:color-mix(in oklab, var(--surface) 94%, transparent);--agent-paper-strong:color-mix(in oklab, var(--surface-strong) 92%, var(--surface));--agent-soft:color-mix(in oklab, var(--accent-soft) 52%, var(--surface));width:min(100%,73rem);color:var(--agent-ink);gap:1.05rem;margin:0 auto;display:grid}.agents-page .page-card{border-color:var(--agent-line);background:color-mix(in oklab, var(--agent-paper) 88%, transparent);border-radius:.5rem;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.36)}.agents-hero{grid-template-columns:minmax(18rem,.82fr) minmax(24rem,1.18fr);align-items:center;gap:1.6rem;min-height:23rem;padding:1rem .6rem .1rem;display:grid;position:relative;overflow:hidden}.agents-hero h1{max-width:13ch;color:color-mix(in oklab, var(--agent-ink) 96%, black);margin:0;font-family:Georgia,Times New Roman,serif;font-size:4.2rem;font-weight:700;line-height:.98}.agents-hero h1 em{color:var(--agent-green);font-style:italic;font-weight:500}.agents-hero-copy{z-index:1;align-content:start;gap:.9rem;max-width:34rem;display:grid;position:relative}.agents-hero-copy>p:not(.eyebrow){max-width:32rem;color:color-mix(in oklab, var(--agent-ink) 78%, var(--muted));margin:0;font-size:1rem;line-height:1.62}.agent-hero-meta{color:color-mix(in oklab, var(--agent-muted) 86%, var(--agent-ink));flex-wrap:wrap;align-items:center;gap:.46rem .72rem;margin:.5rem 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.agent-hero-meta li{align-items:center;gap:.32rem;min-width:0;display:inline-flex}.agent-hero-meta li:not(:last-child):after{content:"";opacity:.7;background:currentColor;border-radius:999px;width:.22rem;height:.22rem;margin-left:.1rem}.agent-hero-meta code{border:1px solid color-mix(in oklab, var(--agent-green) 18%, var(--agent-line));background:color-mix(in oklab, var(--agent-soft) 72%, transparent);color:color-mix(in oklab, var(--agent-green) 72%, var(--agent-ink));border-radius:.32rem;padding:.18rem .46rem;font-size:.78rem}.agents-hero-art{min-height:22rem;color:color-mix(in oklab, var(--agent-green) 70%, var(--agent-ink));position:relative}.agents-hero-snake{z-index:2;color:currentColor;width:min(21.5rem,72%);height:auto;filter:drop-shadow(0 1.15rem 1.4rem color-mix(in oklab, var(--accent) 10%, transparent));position:absolute;bottom:.2rem;right:4.6rem}.agent-circuit{z-index:1;width:12.5rem;height:9.2rem;color:color-mix(in oklab, var(--agent-green) 48%, var(--agent-line));opacity:.42;pointer-events:none;background:currentColor;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg width='220' height='160' viewBox='0 0 220 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 122h36V74m0 0c0-8 12-8 12 0s-12 8-12 0Zm30 72V93h31m0 0c0-8 12-8 12 0s-12 8-12 0Zm41 24V56l43-43m0 0c5-5 13 3 8 8s-13-3-8-8Zm-1 95h25V72h-19m0 0c0-8-12-8-12 0s12 8 12 0Z' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='220' height='160' viewBox='0 0 220 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 122h36V74m0 0c0-8 12-8 12 0s-12 8-12 0Zm30 72V93h31m0 0c0-8 12-8 12 0s-12 8-12 0Zm41 24V56l43-43m0 0c5-5 13 3 8 8s-13-3-8-8Zm-1 95h25V72h-19m0 0c0-8-12-8-12 0s12 8 12 0Z' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.agent-circuit--left{bottom:2.9rem;left:1rem;transform:rotate(-2deg)}.agent-circuit--right{top:3.4rem;right:.2rem;transform:scaleX(-1)rotate(5deg)}.agents-hero-art:after{content:"";z-index:0;width:min(34rem,94%);height:5.5rem;color:color-mix(in oklab, var(--agent-green) 35%, var(--border));opacity:.42;pointer-events:none;background:radial-gradient(circle,currentColor 1px,#0000 1.5px) 100% 100%/.72rem .72rem no-repeat,linear-gradient(90deg,#0000,currentColor 22%,#0000 54%);position:absolute;bottom:.45rem;right:1.25rem}.agent-sparkle{z-index:3;width:1.2rem;height:1.2rem;color:color-mix(in oklab, var(--agent-green) 62%, var(--agent-line));pointer-events:none;position:absolute}.agent-sparkle:before,.agent-sparkle:after{content:"";background:currentColor;position:absolute;inset:0}.agent-sparkle:before{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.agent-sparkle:after{opacity:.45;border-radius:999px;inset:38%}.agent-sparkle--one{top:5.8rem;left:3rem;transform:rotate(18deg)}.agent-sparkle--two{width:.8rem;height:.8rem;top:2.4rem;right:.4rem;transform:rotate(-10deg)}.agent-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;display:grid}.agent-stat{border:1px solid var(--agent-line);background:color-mix(in oklab, var(--agent-paper) 82%, transparent);min-width:0;min-height:6.05rem;color:var(--agent-ink);border-radius:.5rem;align-items:center;gap:.88rem;padding:.9rem 1rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.44)}.agent-stat:hover{border-color:color-mix(in oklab, var(--agent-green) 44%, var(--border));box-shadow:0 .9rem 1.8rem color-mix(in oklab, var(--accent) 9%, transparent);transform:translateY(-2px)}.agent-stat-icon{background:color-mix(in oklab, var(--agent-soft) 78%, transparent);width:3.2rem;height:3.2rem;color:var(--agent-green);border-radius:999px;flex:none;place-items:center;display:inline-grid}.agent-stat-icon .agent-icon{width:1.82rem;height:1.82rem}.agent-stat-copy{min-width:0}.agent-stat-copy strong,.agent-stat-copy span{display:block}.agent-stat-copy strong{font-family:var(--font-title);font-size:2.16rem;line-height:1}.agent-stat-copy span{color:color-mix(in oklab, var(--agent-ink) 76%, var(--muted));margin-top:.28rem;font-size:.82rem;line-height:1.18}.agent-section{gap:.95rem;padding:1rem;display:grid;position:relative;overflow:hidden}.agent-section h2,.agent-section h3,.agent-section p{margin-bottom:0}.agent-section-header{justify-content:space-between;align-items:start;gap:1.1rem;display:flex}.agent-section-header>div{min-width:0}.agent-section-title{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:.58rem;display:grid}.agent-section-title h2,.agent-section-title h3{color:var(--agent-ink);font-family:var(--font-title);font-size:1.32rem;line-height:1.16}.agent-section-title p{max-width:48rem;color:color-mix(in oklab, var(--agent-ink) 74%, var(--muted));grid-column:2;margin-top:.45rem;font-size:.9rem;line-height:1.55}.agent-section-icon{width:1.55rem;height:1.55rem;color:var(--agent-green);place-items:center;display:inline-grid}.agent-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1em;height:1em}.agent-section-action{border:1px solid color-mix(in oklab, var(--agent-green) 18%, var(--agent-line));background:color-mix(in oklab, var(--agent-soft) 52%, transparent);color:color-mix(in oklab, var(--agent-green) 70%, var(--agent-ink));border-radius:.5rem;flex:none;align-items:center;gap:.38rem;padding:.46rem .64rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.agent-section-action .agent-icon{width:.9rem;height:.9rem}.agent-file-grid,.agent-coverage-grid{gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.agent-file-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.agent-coverage-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.agent-file-card,.agent-coverage-card{border:1px solid color-mix(in oklab, var(--agent-line) 84%, transparent);background:color-mix(in oklab, var(--agent-paper-strong) 78%, transparent);border-radius:.5rem;min-width:0;padding:.78rem;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.32)}.agent-file-card a,.agent-coverage-card a{color:color-mix(in oklab, var(--agent-green) 82%, var(--agent-ink));font-weight:700;text-decoration:none}.agent-file-title{align-items:center;gap:.52rem;display:flex}.agent-file-icon,.agent-coverage-icon{border:1px solid color-mix(in oklab, var(--agent-green) 18%, var(--agent-line));background:color-mix(in oklab, var(--agent-soft) 55%, transparent);width:1.55rem;height:1.55rem;color:var(--agent-green);border-radius:.36rem;flex:none;place-items:center;display:inline-grid}.agent-file-icon .agent-icon,.agent-coverage-icon .agent-icon{width:.95rem;height:.95rem}.agent-file-card p,.agent-coverage-card p{color:color-mix(in oklab, var(--agent-ink) 78%, var(--muted));margin-top:.45rem;font-size:.78rem;line-height:1.42}.agent-coverage-strip{flex-wrap:wrap;gap:.5rem;display:flex}.agent-coverage-strip span{border:1px solid color-mix(in oklab, var(--agent-green) 20%, var(--agent-line));background:color-mix(in oklab, var(--agent-soft) 54%, transparent);color:color-mix(in oklab, var(--agent-green) 72%, var(--agent-ink));border-radius:999px;align-items:center;padding:.34rem .64rem;font-size:.76rem;font-weight:700;display:inline-flex}.agent-coverage-card-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.agent-coverage-score{border:1px solid color-mix(in oklab, var(--agent-green) 24%, var(--agent-line));min-width:2.35rem;color:color-mix(in oklab, var(--agent-green) 72%, var(--agent-ink));text-align:center;border-radius:999px;flex:none;padding:.18rem .42rem;font-size:.76rem;font-weight:800}.agent-coverage-meter{background:color-mix(in oklab, var(--agent-line) 62%, transparent);border-radius:999px;block-size:.22rem;margin-top:.58rem;overflow:hidden}.agent-coverage-meter span{border-radius:inherit;background:color-mix(in oklab, var(--agent-green) 72%, var(--agent-ink));block-size:100%;display:block}.agent-fetch-layout{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.72fr);align-items:start;gap:1.35rem;display:grid}.agent-fetch-card{min-width:0}.agent-section[data-slot=fetch-paths]{padding-bottom:1.12rem}.agent-section[data-slot=fetch-paths]:after{content:"";width:22rem;height:5.2rem;color:color-mix(in oklab, var(--agent-green) 35%, var(--agent-line));opacity:.46;pointer-events:none;background:currentColor;position:absolute;bottom:-.12rem;right:-.8rem;-webkit-mask:url("data:image/svg+xml,%3Csvg width='360' height='96' viewBox='0 0 360 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 62c40-18 72-18 105 4 42 28 78 28 118-4 45-36 78-48 131-28' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='8 10'/%3E%3Cpath d='M118 39c29-11 58-10 86 4' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-dasharray='2 9'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='360' height='96' viewBox='0 0 360 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 62c40-18 72-18 105 4 42 28 78 28 118-4 45-36 78-48 131-28' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='8 10'/%3E%3Cpath d='M118 39c29-11 58-10 86 4' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-dasharray='2 9'/%3E%3C/svg%3E") 50%/contain no-repeat}.agents-page .code-block{border-color:color-mix(in oklab, var(--agent-line) 84%, transparent);background:radial-gradient(circle at 94% 74%, color-mix(in oklab, var(--agent-green) 10%, transparent), transparent 28%), color-mix(in oklab, var(--agent-paper-strong) 72%, transparent);border-radius:.5rem;margin:.78rem 0 0;padding:.72rem .84rem;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.34)}.agents-page .code-block code{color:color-mix(in oklab, var(--agent-ink) 88%, var(--agent-green));font-size:.78rem;line-height:1.45}.agent-read-order{border-left:1px solid color-mix(in oklab, var(--agent-line) 84%, transparent);min-width:0;padding-left:1.35rem}.agent-read-order ol{counter-reset:agent-read-order;gap:.82rem;margin:.82rem 0 0;padding:0;list-style:none;display:grid}.agent-read-order li{min-height:1.85rem;color:color-mix(in oklab, var(--agent-ink) 78%, var(--muted));counter-increment:agent-read-order;padding-left:2.45rem;font-size:.86rem;line-height:1.45;position:relative}.agent-read-order li:before{content:counter(agent-read-order);background:var(--agent-soft);width:1.72rem;height:1.72rem;color:color-mix(in oklab, var(--agent-green) 76%, var(--agent-ink));border-radius:999px;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:-.08rem;left:0}@media (width<=1120px){.agents-hero{grid-template-columns:minmax(0,.9fr) minmax(19rem,1.1fr)}.agent-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.agents-hero,.agent-fetch-layout{grid-template-columns:1fr}.agents-hero{min-height:0;padding-inline:0}.agents-hero h1{font-size:3.1rem}.agents-hero-art{min-height:18rem;margin-top:.6rem}.agents-hero-snake{width:min(17rem,80%);bottom:0;right:50%;transform:translate(50%)}.agent-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-section-header{display:grid}.agent-coverage-strip{justify-content:start}.agent-read-order{border-top:1px solid color-mix(in oklab, var(--agent-line) 84%, transparent);border-left:0;padding:1rem 0 0}}@media (width<=560px){.agents-hero h1{font-size:2.45rem}.agent-stat-grid,.agent-file-grid,.agent-coverage-grid{grid-template-columns:1fr}.agent-stat{min-height:5rem}.agent-section{padding:.86rem}.agent-section-action{justify-content:center;width:100%}}.component-meta-list{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.component-meta-chip{border:1px solid color-mix(in oklab, var(--border) 82%, transparent);background:color-mix(in oklab, var(--surface) 74%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .62rem;font-size:.78rem;line-height:1.2;display:inline-flex}.component-meta-chip[data-kind=release][data-release-status=canonical]{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:color-mix(in oklab, var(--accent-soft) 68%, transparent);color:color-mix(in oklab, var(--accent) 86%, var(--text))}.component-meta-chip[data-kind=release][data-release-status=canonical-exception]{border-color:color-mix(in oklab, #b87a00 38%, var(--border));color:color-mix(in oklab, #8a5b00 80%, var(--text));background:oklab(87.6912% .00858769 .0966564/.42)}.component-meta-chip[data-kind=release][data-release-status=experimental],.component-meta-chip[data-kind=release][data-release-status=adapter-only]{border-color:color-mix(in oklab, var(--border) 90%, transparent);background:color-mix(in oklab, var(--surface-strong) 88%, transparent);color:var(--muted)}.notice{border:1px dashed var(--border);background:color-mix(in oklab, var(--accent-soft) 50%, transparent);border-radius:.6rem;padding:.6rem .75rem}.docs-overview-header,.docs-overview-body{position:relative;overflow:hidden}.docs-overview-header{background:linear-gradient(160deg, color-mix(in oklab, var(--surface-strong) 92%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 16%, var(--surface-strong)) 100%)}.docs-overview-header:after{content:"";border:1px solid color-mix(in oklab, var(--accent) 16%, transparent);pointer-events:none;border-radius:58% 42% 60% 40%/42% 58% 38% 62%;width:10rem;height:10rem;position:absolute;inset:auto -3rem -3rem auto}.docs-overview-header p{max-width:68ch}.docs-overview-body{background:color-mix(in oklab, var(--surface-strong) 92%, transparent)}.docs-overview-body .markdown h2{margin-top:1.35rem}.docs-overview-body .markdown h2:first-child{margin-top:0}.main[data-section=docs],.main[data-section=components]{--docs-paper:color-mix(in oklab, var(--surface-strong) 96%, var(--surface));--docs-paper-soft:color-mix(in oklab, var(--accent-soft) 24%, var(--surface-strong));--docs-ink:var(--text);--docs-muted:var(--muted);--docs-line:color-mix(in oklab, var(--border) 76%, var(--accent) 16%);--docs-accent:var(--accent);--docs-accent-soft:color-mix(in oklab, var(--accent-soft) 74%, var(--surface-strong));--docs-support:var(--accent-secondary);--docs-support-soft:color-mix(in oklab, var(--accent-secondary) 12%, var(--surface-strong));--docs-dash:color-mix(in oklab, var(--border) 74%, var(--accent-secondary) 18%);--docs-grass:color-mix(in oklab, var(--docs-support) 76%, var(--docs-accent) 24%);--docs-star:color-mix(in oklab, var(--docs-accent) 84%, var(--docs-support) 16%);--docs-active-text:color-mix(in oklab, var(--accent) 72%, var(--text));--docs-shadow:0 18px 50px color-mix(in oklab, var(--text) 12%, transparent);--docs-wave-mask:url("data:image/svg+xml,%3Csvg width='164' height='14' viewBox='0 0 164 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8c12-11 24 11 36 0s24 11 36 0 24 11 36 0 24 11 36 0' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");--docs-hero-line-mask:url("data:image/svg+xml,%3Csvg width='220' height='118' viewBox='0 0 220 118' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 86c27-13 45 8 67-4 20-11 9-35 34-38 18-2 25 9 42-1 14-8 17-25 36-30' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='8 10'/%3E%3Cpath d='M28 105c36-8 63 7 99-5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='8 10'/%3E%3C/svg%3E");--docs-toc-corner-mask:url("data:image/svg+xml,%3Csvg width='176' height='116' viewBox='0 0 176 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3v44c0 25 18 36 43 28 33-10 56-8 78 7 15 10 27 14 47 9' stroke='black' stroke-width='3' stroke-linecap='round' stroke-dasharray='12 13'/%3E%3C/svg%3E");--docs-corner-trail-mask:url("data:image/svg+xml,%3Csvg width='360' height='128' viewBox='0 0 360 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 42c30 7 63 1 91-1 35-3 68 3 74 28 7 29-52 26-38 51 10 17 56 4 91-6 46-12 86-17 122-7' stroke='black' stroke-width='4' stroke-linecap='round' stroke-dasharray='16 18'/%3E%3C/svg%3E");--docs-grass-mask:url("data:image/svg+xml,%3Csvg width='118' height='58' viewBox='0 0 118 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 52c5-18 6-30 1-43M18 53c8-17 12-31 9-45M30 52c1-17 6-28 18-43M43 53c9-16 12-28 8-43M55 52c2-18 7-31 18-42M69 53c7-15 12-29 10-43M83 52c3-15 10-28 22-39M98 53c5-12 8-24 4-36M16 51c-3-12-7-21-13-27M37 51c-5-11-11-20-20-27M61 51c-4-14-11-24-21-31M89 51c-2-13-8-23-18-31M109 52c-4-10-10-18-19-25' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--docs-puzzle-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5h8v5h2.5a3.5 3.5 0 1 1 0 7H19v8h-6v-3a3 3 0 1 0-6 0v3H4v-8h4a3 3 0 0 0 0-6H4V5h7Z' stroke='black' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E");--docs-bulb-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19c-2-1.7-3.3-4.1-3.3-6.7A8.3 8.3 0 0 1 15 4a8.3 8.3 0 0 1 8.3 8.3c0 2.7-1.3 5.1-3.3 6.7-.9.7-1.4 1.8-1.4 2.9H11.4c0-1.1-.5-2.2-1.4-2.9Z' stroke='black' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M12 26h6M12 22h6M15 8v4l-3 3M19 8l-2 3' stroke='black' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");--docs-sparkle-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4l2.7 7.3L25 14l-7.3 2.7L15 24l-2.7-7.3L5 14l7.3-2.7L15 4Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M24 4l.9 2.4L27 7l-2.1.6L24 10l-.9-2.4L21 7l2.1-.6L24 4Z' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");--docs-signpost-mask:url(/assets/signpost.svg);--docs-signpost-color:color-mix(in oklab, var(--docs-muted) 58%, var(--docs-accent) 42%);color:var(--docs-ink)}:root[data-theme=dark] .main[data-section=docs],:root[data-theme=dark] .main[data-section=components]{--docs-paper:color-mix(in oklab, var(--surface-strong) 92%, var(--surface));--docs-paper-soft:color-mix(in oklab, var(--accent-soft) 34%, var(--surface-strong));--docs-line:color-mix(in oklab, var(--border) 82%, var(--accent) 18%);--docs-accent-soft:color-mix(in oklab, var(--accent-soft) 68%, var(--surface-strong));--docs-support-soft:color-mix(in oklab, var(--accent-secondary) 16%, var(--surface-strong));--docs-dash:color-mix(in oklab, var(--border) 76%, var(--accent-secondary) 20%);--docs-signpost-color:color-mix(in oklab, var(--docs-muted) 48%, var(--docs-accent) 52%);--docs-shadow:0 18px 50px color-mix(in oklab, var(--text) 16%, transparent)}.main[data-section=docs] .docs-layout{grid-template-columns:minmax(230px,286px) minmax(0,1fr) minmax(220px,268px);gap:1.45rem}.main[data-section=docs] .docs-column-nav,.main[data-section=docs] .docs-column-toc{top:6.1rem}.main[data-section=docs] .docs-nav,.main[data-section=docs] .docs-toc,.main[data-section=docs] .docs-overview-header,.main[data-section=docs] .docs-overview-body,.main[data-section=docs] .doc-article>.page-card{border-color:var(--docs-line);background:linear-gradient(180deg, color-mix(in oklab, var(--docs-paper) 96%, transparent), var(--docs-paper-soft)), var(--docs-paper);box-shadow:var(--docs-shadow);border-radius:1.25rem}.main[data-section=docs] .docs-nav,.main[data-section=docs] .docs-toc{scrollbar-width:thin;padding:1.45rem 1.25rem}.main[data-section=docs] .docs-nav{grid-template-rows:auto 1fr auto;min-height:calc(100vh - 7.25rem);display:grid;overflow:hidden}.main[data-section=docs] .docs-nav>.eyebrow,.main[data-section=docs] .docs-toc>.eyebrow{color:var(--docs-accent);letter-spacing:.08em;font-size:.77rem}.main[data-section=docs] .docs-nav>.eyebrow{color:var(--docs-ink);justify-content:space-between;align-items:center;gap:.6rem;display:flex}.main[data-section=docs] .docs-nav>.eyebrow:after{content:"";width:1.2rem;height:1.2rem;color:var(--docs-accent);background:linear-gradient(currentColor,currentColor) 50%/.9rem 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px .9rem no-repeat;place-items:center;display:inline-grid;transform:rotate(45deg)}.main[data-section=docs] .docs-nav-list{scrollbar-width:thin;gap:.42rem;min-height:0;margin-top:1rem;padding-right:.16rem;overflow:auto}.main[data-section=docs] .docs-nav-link{min-height:2.28rem;color:var(--docs-ink);border-radius:.72rem;align-items:center;gap:.6rem;padding:.52rem .64rem;font-size:.93rem;transition:border-color .15s,background .15s,color .15s,transform .15s;display:flex}.main[data-section=docs] .docs-nav-link:before{content:"";border:1.7px solid color-mix(in oklab, var(--docs-ink) 70%, var(--docs-line));background:0 0;border-radius:.28rem;flex:none;width:.86rem;height:.86rem}.main[data-section=docs] .docs-nav-link:hover,.main[data-section=docs] .docs-nav-link:focus-visible{border-color:color-mix(in oklab, var(--docs-accent) 42%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 76%, transparent);color:var(--docs-ink)}.main[data-section=docs] .docs-nav-link[data-state=active]{border-color:color-mix(in oklab, var(--docs-accent) 58%, var(--docs-line));background:linear-gradient(180deg, var(--docs-accent-soft), color-mix(in oklab, var(--docs-paper) 30%, var(--docs-accent-soft)));color:var(--docs-active-text);font-weight:700}:root[data-theme=dark] .main[data-section=docs] .docs-nav-link[data-state=active]{background:color-mix(in oklab, var(--docs-accent-soft) 72%, transparent);color:var(--docs-active-text)}.main[data-section=docs] .docs-nav-link[data-state=active]:before{border-color:var(--docs-accent);background:var(--docs-accent);box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--docs-accent-soft) 82%, var(--docs-paper));border-radius:999px}.docs-sidebar-callout{border:1px dashed color-mix(in oklab, var(--docs-accent) 58%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 64%, var(--docs-paper));border-radius:1rem;min-height:8.8rem;margin-top:1.45rem;padding:1rem 4.85rem 1rem 1rem;position:relative;overflow:hidden}.docs-sidebar-callout p{color:var(--docs-ink);margin:0 0 .78rem;font-size:.82rem;line-height:1.45}.docs-sidebar-callout a{color:var(--docs-active-text);font-size:.88rem;font-weight:700;text-decoration:none}:root[data-theme=dark] .docs-sidebar-callout a{color:var(--docs-active-text)}.docs-snake-mask{background:currentColor;display:block;-webkit-mask:url(/assets/docs-nake.svg) 50%/contain no-repeat;mask:url(/assets/docs-nake.svg) 50%/contain no-repeat}.docs-sidebar-snake{aspect-ratio:495/823;width:4.2rem;color:var(--docs-accent);position:absolute;bottom:.2rem;right:.45rem;transform:rotate(3deg)}.main[data-section=docs] .docs-overview{gap:1rem;display:grid}.main[data-section=docs] .docs-overview-header{background:radial-gradient(circle at 90% 20%, color-mix(in oklab, var(--docs-accent-soft) 90%, transparent) 0 18%, transparent 42%), linear-gradient(180deg, var(--docs-paper), var(--docs-paper-soft));grid-template-columns:minmax(0,1fr) 15rem;align-items:center;min-height:16.6rem;padding:2.15rem 2rem 2rem;display:grid}.main[data-section=docs] .docs-overview-header:after{content:none}.docs-overview-hero-copy{z-index:1;max-width:47rem;position:relative}.main[data-section=docs] .docs-overview-header h1,.main[data-section=docs] .doc-article h1{color:var(--docs-ink);margin:.58rem 0 0;font-size:2.9rem;line-height:1.02}.docs-title-squiggle{background:var(--docs-accent);width:9.75rem;height:.8rem;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;mask:var(--docs-wave-mask) center / contain no-repeat;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;margin:.62rem 0 1.25rem;display:block}.main[data-section=docs] .docs-overview-header p,.main[data-section=docs] .doc-article>header p{color:var(--docs-ink);font-size:1rem;line-height:1.65}.docs-hero-doodle{z-index:1;width:min(15rem,100%);min-height:13rem;color:var(--docs-accent);justify-self:end;position:relative}.docs-hero-doodle:before{content:"";background:var(--docs-dash);height:6.8rem;-webkit-mask:var(--docs-hero-line-mask) center bottom / contain no-repeat;mask:var(--docs-hero-line-mask) center bottom / contain no-repeat;-webkit-mask:var(--docs-hero-line-mask) center bottom / contain no-repeat;pointer-events:none;position:absolute;inset:auto -.4rem .2rem 0}.docs-hero-snake{aspect-ratio:495/823;width:5.9rem;color:var(--docs-accent);position:absolute;top:.35rem;right:2.65rem}.docs-hero-spark{width:1rem;height:1rem;color:var(--docs-accent);background:linear-gradient(currentColor,currentColor) 50%/.85rem 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px .85rem no-repeat;position:absolute}.docs-hero-spark-one{top:2.2rem;left:2.25rem;transform:rotate(12deg)}.docs-hero-spark-two{top:4.8rem;left:4.1rem;transform:rotate(45deg)scale(.72)}.main[data-section=docs] .docs-overview-body{padding:1.55rem 1.7rem}.main[data-section=docs] .docs-overview-body .markdown{color:var(--docs-ink)}.main[data-section=docs] .docs-overview-body .markdown h2{min-height:3.05rem;color:var(--docs-ink);align-items:center;margin:1.8rem 0 .72rem;padding-left:3.85rem;font-size:1.55rem;line-height:1.2;display:flex;position:relative}.main[data-section=docs] .docs-overview-body .markdown h2:before{content:"";border:1px solid color-mix(in oklab, var(--docs-accent) 32%, var(--docs-line));background:linear-gradient(180deg, color-mix(in oklab, var(--docs-accent-soft) 92%, var(--docs-paper)), var(--docs-accent-soft)), var(--docs-paper);width:3.05rem;height:3.05rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--docs-paper) 64%, transparent);border-radius:.86rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.main[data-section=docs] .docs-overview-body .markdown h2:after{content:"";background:var(--docs-accent);width:1.72rem;height:1.72rem;-webkit-mask:var(--docs-puzzle-mask) center / contain no-repeat;mask:var(--docs-puzzle-mask) center / contain no-repeat;-webkit-mask:var(--docs-puzzle-mask) center / contain no-repeat;position:absolute;top:50%;left:.66rem;transform:translateY(-50%)}.main[data-section=docs] .docs-overview-body .markdown h2:nth-of-type(2):before{border-color:color-mix(in oklab, var(--docs-support) 42%, var(--docs-line));background:var(--docs-support-soft)}.main[data-section=docs] .docs-overview-body .markdown h2:nth-of-type(2):after{background:var(--docs-support);-webkit-mask-image:var(--docs-bulb-mask);mask-image:var(--docs-bulb-mask);-webkit-mask-image:var(--docs-bulb-mask)}.main[data-section=docs] .docs-overview-body .markdown h2:nth-of-type(n+3):before{background:linear-gradient(180deg, color-mix(in oklab, var(--docs-accent-soft) 92%, var(--docs-paper)), var(--docs-accent-soft)), var(--docs-paper)}.main[data-section=docs] .docs-overview-body .markdown h2:nth-of-type(n+3):after{-webkit-mask-image:var(--docs-sparkle-mask);mask-image:var(--docs-sparkle-mask);-webkit-mask-image:var(--docs-sparkle-mask)}.main[data-section=docs] .docs-overview-body .markdown p,.main[data-section=docs] .docs-overview-body .markdown li{color:var(--docs-ink)}.main[data-section=docs] .docs-overview-body .markdown p{max-width:68ch}.main[data-section=docs] .docs-overview-body .markdown p:has(code){border:1px solid color-mix(in oklab, var(--docs-accent) 28%, var(--docs-line));background:linear-gradient(180deg, color-mix(in oklab, var(--docs-accent-soft) 78%, var(--docs-paper)), var(--docs-accent-soft));border-radius:.74rem;max-width:none;margin:1rem 0 1.25rem 4rem;padding:.85rem 1rem}:root[data-theme=dark] .main[data-section=docs] .docs-overview-body .markdown p:has(code){background:color-mix(in oklab, var(--docs-accent-soft) 72%, transparent)}.main[data-section=docs] .docs-overview-body .markdown ul{border:1px dashed color-mix(in oklab, var(--docs-support) 62%, var(--docs-line));background:color-mix(in oklab, var(--docs-support-soft) 72%, transparent);border-radius:.9rem;margin:.9rem 0 1.1rem 4rem;padding:.95rem 1.2rem;list-style:none}.main[data-section=docs] .docs-overview-body .markdown li{padding-left:1.05rem;position:relative}.main[data-section=docs] .docs-overview-body .markdown li:before{content:"";background:var(--docs-support);border-radius:999px;width:.36rem;height:.36rem;position:absolute;top:.72em;left:0}.main[data-section=docs] .docs-overview-body .markdown blockquote{border:1px solid color-mix(in oklab, var(--docs-accent) 26%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 58%, transparent);border-left-width:3px;border-radius:.78rem;margin:1rem 0 1.15rem 4rem}.main[data-section=docs] .doc-article{gap:1rem}.main[data-section=docs] .doc-article>header.page-card{background:radial-gradient(circle at 92% 18%, color-mix(in oklab, var(--docs-accent-soft) 82%, transparent) 0 14%, transparent 38%), linear-gradient(180deg, var(--docs-paper), var(--docs-paper-soft));padding:2rem;overflow:hidden}.main[data-section=docs] .doc-article>section.page-card{padding:1.45rem 1.6rem}.main[data-section=docs] .doc-article h2{color:var(--docs-ink);font-size:1.45rem}.main[data-section=docs] .markdown{color:var(--docs-ink)}.main[data-section=docs] .markdown p,.main[data-section=docs] .markdown li,.main[data-section=docs] .page-card p,.main[data-section=docs] .page-card li{color:var(--docs-muted)}.main[data-section=docs] .markdown a{color:var(--docs-active-text);font-weight:650}:root[data-theme=dark] .main[data-section=docs] .markdown a{color:var(--docs-active-text)}.main[data-section=docs] .markdown :not(pre)>code{border-color:color-mix(in oklab, var(--site-code-inline-border) 78%, var(--docs-accent) 14%);background:color-mix(in oklab, var(--site-code-inline-background) 86%, var(--docs-accent-soft));color:var(--site-code-inline-text)}.main[data-section=docs] .docs-toc{isolation:isolate;min-height:calc(100vh - 7.25rem);box-shadow:none;background:0 0;border-color:#0000;border-bottom-left-radius:0;padding-bottom:11rem;position:relative;overflow:hidden auto}.main[data-section=docs] .docs-toc:before{content:"";z-index:1;border:1px solid var(--docs-line);border-radius:inherit;clip-path:polygon(0 0,100% 0,100% 100%,9.65rem 100%,9.65rem calc(100% - 6.25rem),0 calc(100% - 6.25rem));filter:drop-shadow(0 16px 28px color-mix(in oklab, var(--text) 10%, transparent));pointer-events:none;position:absolute;inset:0}.main[data-section=docs] .docs-toc:after{content:"";z-index:2;background:color-mix(in oklab, var(--docs-line) 64%, var(--docs-dash));width:9.9rem;height:6.7rem;-webkit-mask:var(--docs-toc-corner-mask) left bottom / contain no-repeat;mask:var(--docs-toc-corner-mask) left bottom / contain no-repeat;-webkit-mask:var(--docs-toc-corner-mask) left bottom / contain no-repeat;pointer-events:none;position:absolute;bottom:.05rem;left:-1px}.docs-toc-scene{z-index:3;pointer-events:none;width:11rem;height:10rem;position:absolute;bottom:.35rem;right:.45rem}.docs-toc-scene span{background:currentColor;display:block;position:absolute}.docs-toc-trail{width:10rem;height:4rem;color:var(--docs-dash);opacity:.54;-webkit-mask:var(--docs-corner-trail-mask) center bottom / contain no-repeat;mask:var(--docs-corner-trail-mask) center bottom / contain no-repeat;-webkit-mask:var(--docs-corner-trail-mask) center bottom / contain no-repeat;bottom:-.35rem;right:.15rem}.docs-toc-signpost{aspect-ratio:656/999;width:5.35rem;color:var(--docs-signpost-color);opacity:.88;-webkit-mask:var(--docs-signpost-mask) center / contain no-repeat;mask:var(--docs-signpost-mask) center / contain no-repeat;-webkit-mask:var(--docs-signpost-mask) center / contain no-repeat;bottom:.75rem;right:2.75rem}.docs-toc-grass{width:2.65rem;height:1.42rem;color:var(--docs-grass);opacity:.82;-webkit-mask:var(--docs-grass-mask) center / contain no-repeat;mask:var(--docs-grass-mask) center / contain no-repeat;-webkit-mask:var(--docs-grass-mask) center / contain no-repeat;bottom:.58rem;right:.1rem}.docs-toc-star{width:1.35rem;height:1.35rem;color:var(--docs-star);opacity:.74;-webkit-mask:var(--docs-sparkle-mask) center / contain no-repeat;mask:var(--docs-sparkle-mask) center / contain no-repeat;-webkit-mask:var(--docs-sparkle-mask) center / contain no-repeat;top:.1rem;right:.72rem;transform:rotate(8deg)}.main[data-section=docs] .docs-toc .eyebrow:after{content:"";background:var(--docs-support);width:6.8rem;height:.7rem;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;mask:var(--docs-wave-mask) center / contain no-repeat;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;margin-top:.62rem;display:block}.main[data-section=docs] .docs-toc .docs-aside-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main[data-section=docs] .toc-list{gap:.55rem;margin-top:2rem;padding-left:.58rem;position:relative}.main[data-section=docs] .toc-list:before{content:"";background:color-mix(in oklab, var(--docs-accent) 32%, var(--docs-line));width:1px;position:absolute;top:.28rem;bottom:.28rem;left:.16rem}.main[data-section=docs] .toc-item{padding-left:.72rem;position:relative}.main[data-section=docs] .toc-item:before{content:"";background:var(--docs-accent);width:.42rem;height:.42rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--docs-accent-soft) 74%, var(--docs-paper));border-radius:999px;position:absolute;top:.68rem;left:-.54rem}.main[data-section=docs] .toc-item a{color:var(--docs-ink);padding:.34rem .42rem;font-size:.9rem}.main[data-section=docs] .toc-item a:hover{color:var(--docs-active-text);background:color-mix(in oklab, var(--docs-accent-soft) 72%, transparent)}:root[data-theme=dark] .main[data-section=docs] .toc-item a:hover{color:var(--docs-active-text)}.main[data-section=docs] .toc-item[data-level="3"] a{color:var(--docs-muted);padding-left:.75rem;font-size:.84rem}.main[data-section=docs] .toc-item[data-level="4"] a,.main[data-section=docs] .toc-item[data-level="5"] a,.main[data-section=docs] .toc-item[data-level="6"] a{color:var(--docs-muted);padding-left:1.15rem;font-size:.82rem}.main[data-section=components]{--component-code-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 9 5 15l6 6M19 9l6 6-6 6M17 6l-4 18' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--component-eye-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 15s4.5-7 12-7 12 7 12 7-4.5 7-12 7S3 15 3 15Z' stroke='black' stroke-width='2.4' stroke-linejoin='round'/%3E%3Ccircle cx='15' cy='15' r='3' stroke='black' stroke-width='2.4'/%3E%3C/svg%3E");--component-layers-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 4 11 6-11 6-11-6 11-6Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='m5 15 10 5.5L25 15M5 20l10 5.5L25 20' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--component-tag-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7v8.5L16.5 28 28 16.5 15.5 4H7a3 3 0 0 0-3 3Z' stroke='black' stroke-width='2.3' stroke-linejoin='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='2' stroke='black' stroke-width='2.3'/%3E%3C/svg%3E");--component-check-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 8 12.5 21 6 14.5' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--component-keyboard-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9h20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M8 13h.1M12 13h.1M16 13h.1M20 13h.1M8 17h.1M12 17h6M21 17h1' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");--component-link-mask:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 18.5 18.5 11.5M13 8.5l1.2-1.2a6 6 0 0 1 8.5 8.5L21.5 17M17 21.5l-1.2 1.2a6 6 0 0 1-8.5-8.5L8.5 13' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");--components-shell-offset:6.1rem;--components-shell-height:calc(100svh - var(--components-shell-offset) - 1rem);color:var(--docs-ink)}@media (width>=921px){:is(html:has(.site-frame[data-section=docs]),html:has(.main[data-section=components]),body:has(.site-frame[data-section=docs]),body:has(.main[data-section=components])){height:100%;overflow:hidden}:is(#app:has(.site-frame[data-section=docs]),#app:has(.main[data-section=components])){height:100svh;overflow-y:hidden}.site-frame[data-section=docs],.site-frame[data-section=components]{grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:0;display:grid;overflow:hidden}.site-frame:has(.main[data-section=components]){grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:0;display:grid;overflow:hidden}.site-frame[data-section=docs] .site-header,.site-frame[data-section=components] .site-header{grid-row:1;position:sticky;top:0}.site-frame:has(.main[data-section=components]) .site-header{grid-row:1;position:sticky;top:0}.site-frame[data-section=docs] .site-body,.site-frame[data-section=components] .site-body{grid-row:2;width:100%;height:100%;min-height:0;overflow:hidden}.site-frame:has(.main[data-section=components]) .site-body{grid-row:2;width:100%;height:100%;min-height:0;overflow:hidden}.site-frame[data-section=docs] .main[data-section=docs],.site-frame[data-section=components] .main[data-section=components]{height:100%;min-height:0;overflow:hidden}.site-frame:has(.main[data-section=components]) .main[data-section=components]{height:100%;min-height:0;overflow:hidden}.main[data-section=docs] .docs-layout{align-items:stretch;height:100%;min-height:0;overflow:hidden}.main[data-section=docs] .docs-column-nav,.main[data-section=docs] .docs-column-content,.main[data-section=docs] .docs-column-toc{height:100%;min-height:0}.main[data-section=docs] .docs-column-nav,.main[data-section=docs] .docs-column-toc{position:static}.main[data-section=docs] .docs-column-content{overscroll-behavior:contain;scrollbar-width:thin;padding-right:.16rem;overflow:hidden auto}.main[data-section=docs] .docs-nav,.main[data-section=docs] .docs-toc{height:100%;max-height:100%}}.main[data-section=components] .components-layout{grid-template-columns:minmax(230px,286px) minmax(0,1fr) minmax(220px,268px);align-items:stretch;gap:1.45rem;height:100%;min-height:0;overflow:hidden}.main[data-section=components] .docs-column-nav,.main[data-section=components] .docs-column-toc{top:var(--components-shell-offset);position:static}.main[data-section=components] .docs-column-nav,.main[data-section=components] .docs-column-content,.main[data-section=components] .docs-column-toc{height:100%;min-height:0}.main[data-section=components] .docs-column-content{overscroll-behavior:contain;scrollbar-width:thin;padding-right:.16rem;overflow:hidden auto}.main[data-section=components] .docs-nav,.main[data-section=components] .docs-toc,.main[data-section=components] .components-overview>.page-card,.main[data-section=components] .component-article>.page-card{border-color:var(--docs-line);background:linear-gradient(180deg, color-mix(in oklab, var(--docs-paper) 96%, transparent), var(--docs-paper-soft)), var(--docs-paper);box-shadow:var(--docs-shadow);border-radius:1.25rem}.main[data-section=components] .docs-nav,.main[data-section=components] .docs-toc{scrollbar-width:thin;padding:1.45rem 1.25rem}.main[data-section=components] .docs-nav{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.main[data-section=components] .docs-nav>.eyebrow,.main[data-section=components] .docs-toc>.eyebrow{color:var(--docs-ink);letter-spacing:.08em;font-size:.77rem}.main[data-section=components] .docs-nav>.eyebrow:after,.main[data-section=components] .docs-toc .eyebrow:after{content:"";background:var(--docs-support);width:6.8rem;height:.7rem;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;mask:var(--docs-wave-mask) center / contain no-repeat;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;margin-top:.62rem;display:block}.main[data-section=components] .docs-nav-list{scrollbar-width:thin;gap:.42rem;min-height:0;margin-top:1.4rem;padding-right:.16rem;overflow:auto}.main[data-section=components] .docs-nav-link{min-height:2.62rem;color:var(--docs-ink);border-radius:.72rem;align-items:center;gap:.72rem;padding:.58rem .68rem;font-size:.94rem;transition:border-color .15s,background .15s,color .15s,transform .15s;display:flex}.main[data-section=components] .docs-nav-link:hover,.main[data-section=components] .docs-nav-link:focus-visible{border-color:color-mix(in oklab, var(--docs-accent) 42%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 76%, transparent);color:var(--docs-ink)}.main[data-section=components] .docs-nav-link[data-state=active]{border-color:color-mix(in oklab, var(--docs-accent) 58%, var(--docs-line));background:linear-gradient(180deg, var(--docs-accent-soft), color-mix(in oklab, var(--docs-paper) 30%, var(--docs-accent-soft)));color:var(--docs-active-text);font-weight:700}:root[data-theme=dark] .main[data-section=components] .docs-nav-link[data-state=active]{background:color-mix(in oklab, var(--docs-accent-soft) 72%, transparent)}.component-nav-icon{color:currentColor;width:1.18rem;height:1.18rem;-webkit-mask:var(--component-icon) center / contain no-repeat;mask:var(--component-icon) center / contain no-repeat;-webkit-mask:var(--component-icon) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.main[data-section=components] .docs-nav-link[data-state=active] .component-nav-icon{color:var(--docs-accent);background:var(--docs-accent)}.main[data-section=components] .docs-toc{isolation:isolate;height:100%;min-height:0;max-height:100%;box-shadow:none;background:0 0;border-color:#0000;border-bottom-left-radius:0;grid-template-rows:auto minmax(0,1fr);padding-bottom:11rem;display:grid;position:relative;overflow:hidden}.main[data-section=components] .docs-toc>.eyebrow,.main[data-section=components] .docs-toc>.docs-aside-title,.main[data-section=components] .docs-toc>.components-toc-scroll{z-index:3;position:relative}.main[data-section=components] .docs-toc>.docs-toc-scene{z-index:3;position:absolute;bottom:.35rem;right:.45rem}.main[data-section=components] .docs-toc:before{content:"";z-index:1;border:1px solid var(--docs-line);border-radius:inherit;clip-path:polygon(0 0,100% 0,100% 100%,9.65rem 100%,9.65rem calc(100% - 6.25rem),0 calc(100% - 6.25rem));filter:drop-shadow(0 16px 28px color-mix(in oklab, var(--text) 10%, transparent));pointer-events:none;position:absolute;inset:0}.main[data-section=components] .docs-toc:after{content:"";z-index:2;background:color-mix(in oklab, var(--docs-line) 64%, var(--docs-dash));width:9.9rem;height:6.7rem;-webkit-mask:var(--docs-toc-corner-mask) left bottom / contain no-repeat;mask:var(--docs-toc-corner-mask) left bottom / contain no-repeat;-webkit-mask:var(--docs-toc-corner-mask) left bottom / contain no-repeat;pointer-events:none;position:absolute;bottom:.05rem;left:-1px}.main[data-section=components] .docs-toc .docs-aside-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.components-toc-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--docs-accent) 34%, var(--docs-line)) transparent;height:clamp(22rem,100vh - 23rem,34rem);margin-top:2rem;padding:0 .2rem .4rem 0;overflow:hidden auto}.main[data-section=components] .docs-toc>.components-toc-scroll{height:auto;min-height:0}.main[data-section=components] .toc-list{gap:.55rem;margin-top:0;padding-left:.58rem;position:relative}.main[data-section=components] .toc-list:before{content:"";background:color-mix(in oklab, var(--docs-accent) 32%, var(--docs-line));width:1px;position:absolute;top:.28rem;bottom:.28rem;left:.16rem}.main[data-section=components] .toc-item{padding-left:.72rem;position:relative}.main[data-section=components] .toc-item:before{content:"";background:var(--docs-accent);width:.42rem;height:.42rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--docs-accent-soft) 74%, var(--docs-paper));border-radius:999px;position:absolute;top:.68rem;left:-.54rem}.main[data-section=components] .toc-item a{color:var(--docs-ink);padding:.34rem .42rem;font-size:.9rem}.main[data-section=components] .toc-item a:hover{color:var(--docs-active-text);background:color-mix(in oklab, var(--docs-accent-soft) 72%, transparent)}.main[data-section=components] .toc-item[data-level="3"] a{color:var(--docs-muted);padding-left:.75rem;font-size:.84rem}.main[data-section=components] .toc-item[data-level="4"] a,.main[data-section=components] .toc-item[data-level="5"] a,.main[data-section=components] .toc-item[data-level="6"] a{color:var(--docs-muted);padding-left:1.15rem;font-size:.82rem}.component-hero-card{background:radial-gradient(circle at 90% 20%, color-mix(in oklab, var(--docs-accent-soft) 90%, transparent) 0 18%, transparent 42%), linear-gradient(180deg, var(--docs-paper), var(--docs-paper-soft));grid-template-columns:minmax(0,1fr) 15rem;align-items:center;min-height:17rem;padding:2.15rem 2rem 1.65rem;display:grid;position:relative;overflow:hidden}.component-hero-copy{z-index:1;max-width:48rem;position:relative}.main[data-section=components] .component-hero-card h1{color:var(--docs-ink);margin:.58rem 0 0;font-size:3rem;line-height:1.02}.component-title-squiggle{background:var(--docs-accent);width:14.5rem;height:.8rem;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;mask:var(--docs-wave-mask) center / contain no-repeat;-webkit-mask:var(--docs-wave-mask) center / contain no-repeat;margin:.62rem 0 1.25rem;display:block}.main[data-section=components] .component-hero-card p{color:var(--docs-ink);font-size:1rem;line-height:1.65}.component-hero-doodle{z-index:1;width:min(15rem,100%);min-height:13rem;color:var(--docs-accent);justify-self:end;position:relative}.component-hero-doodle:before{content:"";background:var(--docs-dash);height:6.8rem;-webkit-mask:var(--docs-hero-line-mask) center bottom / contain no-repeat;mask:var(--docs-hero-line-mask) center bottom / contain no-repeat;-webkit-mask:var(--docs-hero-line-mask) center bottom / contain no-repeat;pointer-events:none;position:absolute;inset:auto -.4rem .2rem 0}.component-hero-nake{aspect-ratio:653/896;width:7.35rem;color:var(--docs-accent);--components-nake-fill:color-mix(in oklab, var(--docs-paper) 78%, var(--docs-accent-soft));--components-nake-soft:color-mix(in oklab, var(--docs-accent-soft) 72%, var(--docs-paper));--components-nake-highlight:color-mix(in oklab, var(--docs-accent) 34%, var(--docs-paper));--components-nake-accent:color-mix(in oklab, var(--docs-accent) 88%, var(--docs-support) 12%);filter:drop-shadow(0 .7rem 1.1rem color-mix(in oklab, var(--docs-accent) 14%, transparent));position:absolute;top:-.38rem;right:1.45rem}:root[data-theme=dark] .component-hero-nake{--components-nake-fill:color-mix(in oklab, var(--docs-paper) 72%, var(--docs-accent-soft));--components-nake-soft:color-mix(in oklab, var(--docs-accent-soft) 54%, var(--docs-paper));--components-nake-highlight:color-mix(in oklab, var(--docs-accent) 30%, var(--docs-paper));--components-nake-accent:color-mix(in oklab, var(--docs-accent) 82%, var(--docs-ink) 18%);filter:drop-shadow(0 .7rem 1.1rem color-mix(in oklab, var(--docs-accent) 20%, transparent))}.main[data-section=components] .component-article>section.page-card{padding:1.45rem 1.6rem;position:relative;overflow:hidden}.main[data-section=components] .component-article h2{color:var(--docs-ink);font-size:1.45rem}.main[data-section=components] .component-article>section>h2:after{content:"";background:var(--docs-support);width:min(12rem,100%);height:.72rem;-webkit-mask:var(--docs-wave-mask) left center / contain no-repeat;mask:var(--docs-wave-mask) left center / contain no-repeat;-webkit-mask:var(--docs-wave-mask) left center / contain no-repeat;margin-top:.26rem;display:block}.main[data-section=components] .component-article .page-card p,.main[data-section=components] .component-article .page-card li,.main[data-section=components] .components-overview .page-card p,.main[data-section=components] .components-overview .page-card li{color:var(--docs-muted)}.main[data-section=components] .component-article .page-card a,.main[data-section=components] .components-overview .page-card a{color:var(--docs-active-text);font-weight:650}.main[data-section=components] .component-meta-list{gap:.62rem .72rem;margin-top:1.55rem}.main[data-section=components] .component-meta-chip{border-color:color-mix(in oklab, var(--docs-line) 82%, var(--docs-accent) 12%);background:color-mix(in oklab, var(--docs-paper) 78%, transparent);min-height:2.12rem;color:var(--docs-ink);gap:.42rem;padding:.42rem .72rem;font-size:.82rem}.component-meta-chip-icon{background:currentColor;flex:none;width:1.05rem;height:1.05rem;display:inline-block}.component-meta-chip[data-kind=release] .component-meta-chip-icon{-webkit-mask:var(--docs-sparkle-mask) center / contain no-repeat;mask:var(--docs-sparkle-mask) center / contain no-repeat;-webkit-mask:var(--docs-sparkle-mask) center / contain no-repeat}.component-meta-chip[data-kind=implementation] .component-meta-chip-icon{-webkit-mask:var(--component-code-mask) center / contain no-repeat;mask:var(--component-code-mask) center / contain no-repeat;-webkit-mask:var(--component-code-mask) center / contain no-repeat}.component-meta-chip[data-kind=visibility] .component-meta-chip-icon{-webkit-mask:var(--component-eye-mask) center / contain no-repeat;mask:var(--component-eye-mask) center / contain no-repeat;-webkit-mask:var(--component-eye-mask) center / contain no-repeat}.component-meta-chip[data-kind=adapters] .component-meta-chip-icon{-webkit-mask:var(--component-layers-mask) center / contain no-repeat;mask:var(--component-layers-mask) center / contain no-repeat;-webkit-mask:var(--component-layers-mask) center / contain no-repeat}.component-meta-chip[data-kind=category] .component-meta-chip-icon{-webkit-mask:var(--component-tag-mask) center / contain no-repeat;mask:var(--component-tag-mask) center / contain no-repeat;-webkit-mask:var(--component-tag-mask) center / contain no-repeat}.main[data-section=components] .component-meta-chip[data-kind=release][data-release-status=canonical]{border-color:color-mix(in oklab, var(--docs-accent) 42%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 70%, var(--docs-paper));color:var(--docs-active-text)}.main[data-section=components] #live-preview:after,.main[data-section=components] #installation:after{content:"";pointer-events:none;position:absolute}.main[data-section=components] #live-preview:after{background:var(--docs-star);opacity:.82;width:1.35rem;height:1.35rem;-webkit-mask:var(--docs-sparkle-mask) center / contain no-repeat;mask:var(--docs-sparkle-mask) center / contain no-repeat;-webkit-mask:var(--docs-sparkle-mask) center / contain no-repeat;top:1.6rem;right:1.65rem}.main[data-section=components] #installation:after{background:var(--docs-grass);opacity:.82;width:2.65rem;height:1.42rem;-webkit-mask:var(--docs-grass-mask) center / contain no-repeat;mask:var(--docs-grass-mask) center / contain no-repeat;-webkit-mask:var(--docs-grass-mask) center / contain no-repeat;bottom:.15rem;right:1.3rem;transform:translateY(45%)}.main[data-section=components] .component-article>#installation.page-card{padding-bottom:2.2rem}.main[data-section=components] .component-article #live-preview .component-demo-surface,.main[data-section=components] .component-article #rtl .component-demo-surface{background:0 0;border:0;padding:0;overflow:visible}.main[data-section=components] .component-article #live-preview .component-demo-playground,.main[data-section=components] .component-article #rtl .component-demo-playground{border:1px dashed color-mix(in oklab, var(--docs-accent) 46%, var(--docs-line));background:color-mix(in oklab, var(--docs-paper) 76%, transparent);border-radius:.9rem;place-items:center;min-height:5.8rem;padding:1.25rem;display:grid}.component-install-command{border:1px solid color-mix(in oklab, var(--docs-accent) 42%, var(--docs-line));background:radial-gradient(circle at 0 0, color-mix(in oklab, var(--docs-accent-soft) 66%, transparent) 0 24%, transparent 48%), color-mix(in oklab, var(--docs-paper) 72%, var(--surface));color:var(--docs-ink);border-radius:.72rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem .9rem;display:grid}.component-install-command code{min-width:0;color:var(--docs-ink);white-space:nowrap;scrollbar-width:thin;background:0 0;border:0;padding:.1rem 0;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.8rem;overflow-x:auto}.component-install-code{background:0 0;border:0;min-width:0;margin:0;padding:0}.component-install-prompt{border:1px solid color-mix(in oklab, var(--docs-accent) 36%, var(--docs-line));width:1.45rem;height:1.45rem;color:var(--docs-active-text);border-radius:999px;place-items:center;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.68rem;font-weight:700;display:inline-grid}.component-install-copy{min-width:2rem;min-height:2rem;color:color-mix(in oklab, var(--docs-muted) 74%, var(--docs-accent));font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;place-items:center;padding:0 .55rem;display:inline-grid}.component-install-copy svg{width:1.16rem;height:1.16rem}.component-install-copy:hover,.component-install-copy:focus-visible{border-color:color-mix(in oklab, var(--docs-accent) 34%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 68%, transparent);color:var(--docs-active-text)}.main[data-section=components] .components-overview>header.page-card{padding:2rem}.main[data-section=components] .components-overview>header.page-card h1{color:var(--docs-ink);font-size:2.45rem;line-height:1.04}.main[data-section=components] .components-overview-card{border-color:color-mix(in oklab, var(--docs-line) 88%, var(--docs-accent) 10%);background:color-mix(in oklab, var(--docs-paper) 76%, transparent);border-radius:.78rem}.main[data-section=components] .components-category-jump-list a,.main[data-section=components] .components-filter-list a{border-color:color-mix(in oklab, var(--docs-line) 86%, var(--docs-accent) 10%);background:color-mix(in oklab, var(--docs-paper) 78%, transparent)}.doc-article,.component-article{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.component-article>section,.component-article>header,.doc-article>section,.doc-article>header{min-width:0}.component-guide-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;display:grid}.component-guide-card{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 72%, transparent);border-radius:.75rem;padding:.75rem}.component-guide-card h3{margin-top:0;margin-bottom:.55rem}.component-guide-card .link-list{gap:.45rem;padding-left:1rem}.component-closure-list{gap:.35rem;margin:.5rem 0 0;padding-left:1.1rem;display:grid}.component-closure-list li[data-state=satisfied]{color:color-mix(in oklab, var(--accent) 82%, var(--text))}.component-closure-list li[data-state=missing]{color:color-mix(in oklab, var(--destructive) 76%, var(--text))}.main[data-section=components] .component-contract-section{--contract-tone:var(--docs-accent);--contract-tone-soft:var(--docs-accent-soft);--contract-icon:var(--docs-sparkle-mask);isolation:isolate}.main[data-section=components] .component-contract-section:before{content:"";z-index:0;background:color-mix(in oklab, var(--contract-tone) 34%, var(--docs-dash));opacity:.24;width:8.4rem;height:3.1rem;-webkit-mask:var(--docs-corner-trail-mask) center / contain no-repeat;mask:var(--docs-corner-trail-mask) center / contain no-repeat;-webkit-mask:var(--docs-corner-trail-mask) center / contain no-repeat;pointer-events:none;position:absolute;top:1.1rem;right:1rem}.main[data-section=components] .component-contract-section>*{z-index:1;position:relative}.main[data-section=components] .component-contract-section>h2{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.14rem .74rem;margin-bottom:1rem;display:grid}.main[data-section=components] .component-contract-section>h2:before{content:"";background:var(--contract-tone);width:1.55rem;height:1.55rem;-webkit-mask:var(--contract-icon) center / contain no-repeat;mask:var(--contract-icon) center / contain no-repeat;-webkit-mask:var(--contract-icon) center / contain no-repeat}.main[data-section=components] .component-contract-section>h2:after{grid-column:2;width:min(12rem,100% - 2.3rem);max-width:12rem;margin-top:0;margin-left:0}.main[data-section=components] .component-contract-section[data-contract-kind=purpose]{--contract-tone:var(--docs-support);--contract-tone-soft:var(--docs-support-soft);--contract-icon:var(--docs-bulb-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=anatomy]{--contract-icon:var(--docs-puzzle-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=dom],.main[data-section=components] .component-contract-section[data-contract-kind=api]{--contract-icon:var(--component-code-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=state],.main[data-section=components] .component-contract-section[data-contract-kind=adapter]{--contract-icon:var(--component-layers-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=keyboard]{--contract-tone:var(--docs-support);--contract-tone-soft:var(--docs-support-soft);--contract-icon:var(--component-keyboard-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=aria]{--contract-tone:var(--docs-support);--contract-tone-soft:var(--docs-support-soft);--contract-icon:var(--component-eye-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=validator],.main[data-section=components] .component-contract-section[data-contract-kind=closure]{--contract-icon:var(--component-check-mask)}.main[data-section=components] .component-contract-section[data-contract-kind=examples]{--contract-tone:var(--docs-support);--contract-tone-soft:var(--docs-support-soft);--contract-icon:var(--component-link-mask)}.component-purpose-layout{grid-template-columns:minmax(0,.92fr) minmax(17rem,1.08fr);align-items:start;gap:1.1rem;display:grid}.main[data-section=components] .component-purpose-statement{border-left:3px solid color-mix(in oklab, var(--docs-support) 70%, var(--docs-line));color:var(--docs-ink);margin:0;padding:.92rem 0 .92rem 1rem;font-size:1rem;line-height:1.65}.component-contract-list,.component-rule-list,.component-example-map,.component-api-list,.component-closure-list{min-width:0;margin:0;padding:0;list-style:none}.component-contract-list{counter-reset:component-contract-list;gap:.62rem;display:grid}.component-contract-list[data-kind=anatomy]{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}.main[data-section=components] .component-contract-list li{border-top:1px solid color-mix(in oklab, var(--docs-line) 82%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--docs-accent-soft) 42%, transparent), transparent 72%);min-width:0;color:color-mix(in oklab, var(--docs-ink) 86%, var(--docs-muted));counter-increment:component-contract-list;padding:.72rem .78rem .72rem 2.78rem;line-height:1.52;position:relative}.main[data-section=components] .component-contract-list[data-tone=support] li{background:linear-gradient(90deg, color-mix(in oklab, var(--docs-support-soft) 58%, transparent), transparent 72%)}.main[data-section=components] .component-contract-list li:before{content:counter(component-contract-list, decimal-leading-zero);border:1px solid color-mix(in oklab, var(--docs-accent) 36%, var(--docs-line));background:color-mix(in oklab, var(--docs-paper) 82%, transparent);width:2.02rem;height:2.02rem;color:var(--docs-active-text);border-radius:999px;place-items:center;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:.62rem;left:0}.main[data-section=components] .component-contract-list[data-tone=support] li:before{border-color:color-mix(in oklab, var(--docs-support) 44%, var(--docs-line));color:color-mix(in oklab, var(--docs-support) 72%, var(--docs-ink))}.main[data-section=components] .component-contract-list code,.main[data-section=components] .component-rule-list code,.main[data-section=components] .component-example-map code,.main[data-section=components] .component-api-list code,.main[data-section=components] .component-closure-list code{overflow-wrap:anywhere}.component-contract-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.component-contract-panel,.component-adapter-note-group,.component-api-group{border-top:1px solid color-mix(in oklab, var(--docs-line) 86%, transparent);min-width:0;padding-top:.92rem}.main[data-section=components] .component-contract-panel h3,.main[data-section=components] .component-adapter-note-group h3,.main[data-section=components] .component-api-group h3{color:var(--docs-ink);font-family:var(--font-title);margin:0 0 .74rem;font-size:1rem;line-height:1.25}.component-dom-contract-frame{border-left:3px solid color-mix(in oklab, var(--docs-accent) 58%, var(--docs-line));margin-top:.95rem;padding-left:.85rem}.component-dom-contract-frame .code-block{margin:0}.component-rule-list,.component-example-map,.component-api-list,.component-closure-list{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.62rem;display:grid}.main[data-section=components] .component-rule-list li,.main[data-section=components] .component-example-map li,.main[data-section=components] .component-api-list li{border:1px solid color-mix(in oklab, var(--docs-line) 82%, var(--docs-accent) 10%);background:color-mix(in oklab, var(--docs-paper) 72%, transparent);min-width:0;min-height:3.35rem;color:var(--docs-ink);border-radius:.78rem;padding:.76rem .82rem .76rem 2.5rem;position:relative}.main[data-section=components] .component-rule-list li:before,.main[data-section=components] .component-example-map li:before{content:"";background:var(--docs-accent);width:1.02rem;height:1.02rem;-webkit-mask:var(--component-check-mask) center / contain no-repeat;mask:var(--component-check-mask) center / contain no-repeat;-webkit-mask:var(--component-check-mask) center / contain no-repeat;position:absolute;top:.88rem;left:.78rem}.main[data-section=components] .component-example-map li:before{background:var(--docs-support);-webkit-mask-image:var(--component-link-mask);mask-image:var(--component-link-mask);-webkit-mask-image:var(--component-link-mask)}.main[data-section=components] .component-example-map a{text-decoration:none}.component-adapter-note-groups,.component-api-groups{gap:1rem;display:grid}.main[data-section=components] .component-api-list li{align-content:center;gap:.34rem;padding-left:.82rem;display:grid}.main[data-section=components] .component-api-list small{border:1px solid color-mix(in oklab, var(--docs-accent) 30%, var(--docs-line));background:color-mix(in oklab, var(--docs-accent-soft) 66%, transparent);width:max-content;max-width:100%;color:var(--docs-active-text);border-radius:999px;padding:.16rem .48rem;font-size:.72rem;font-weight:700}.component-api-list[data-state=empty]{display:none}.component-closure-summary{border-top:1px solid color-mix(in oklab, var(--docs-line) 84%, transparent);border-bottom:1px solid color-mix(in oklab, var(--docs-line) 84%, transparent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin:.85rem 0 1rem;padding:1rem 0;display:grid}.component-closure-meter{aspect-ratio:1;background:conic-gradient(var(--docs-accent) var(--closure-score), color-mix(in oklab, var(--docs-line) 72%, transparent) 0);width:5.8rem;box-shadow:0 10px 26px color-mix(in oklab, var(--docs-accent) 12%, transparent);border-radius:999px;place-items:center;display:grid;position:relative}.component-closure-meter:before{content:"";border:1px dashed color-mix(in oklab, var(--docs-accent) 38%, var(--docs-line));border-radius:inherit;background:var(--docs-paper);position:absolute;inset:.52rem}.component-closure-meter span{z-index:1;color:var(--docs-active-text);font-family:var(--font-title);font-size:1.02rem;font-weight:800;position:relative}.main[data-section=components] .component-closure-state{color:var(--docs-active-text);font-family:var(--font-title);margin:0;font-size:1.14rem;font-weight:800}.main[data-section=components] .component-closure-score-copy{color:var(--docs-muted);margin:.18rem 0 0}.component-closure-checks{gap:.68rem;display:grid}.main[data-section=components] .component-closure-checks p,.main[data-section=components] .component-closure-missing p{color:var(--docs-ink);margin:0}.main[data-section=components] .component-closure-list{margin:0;padding:0}.main[data-section=components] .component-closure-list li{border:1px solid color-mix(in oklab, var(--docs-line) 82%, var(--docs-accent) 10%);background:color-mix(in oklab, var(--docs-paper) 74%, transparent);min-width:0;color:var(--docs-ink);border-radius:.78rem;padding:.68rem .74rem .68rem 2.35rem;line-height:1.4;position:relative}.main[data-section=components] .component-closure-list li:before{content:"";background:var(--docs-accent);width:.96rem;height:.96rem;-webkit-mask:var(--component-check-mask) center / contain no-repeat;mask:var(--component-check-mask) center / contain no-repeat;-webkit-mask:var(--component-check-mask) center / contain no-repeat;position:absolute;top:.8rem;left:.78rem}.main[data-section=components] .component-closure-list li[data-state=missing]:before,.main[data-section=components] .component-closure-list[data-state=missing] li:before{background:color-mix(in oklab, var(--destructive) 76%, var(--docs-ink));transform:rotate(45deg);-webkit-mask:linear-gradient(#000,#000) 50%/.82rem 2px no-repeat,linear-gradient(#000,#000) 50%/2px .82rem no-repeat;mask:linear-gradient(#000,#000) 50%/.82rem 2px no-repeat,linear-gradient(#000,#000) 50%/2px .82rem no-repeat}.main[data-section=components] .component-closure-complete,.main[data-section=components] .component-closure-missing{border-top:1px dashed color-mix(in oklab, var(--docs-support) 48%, var(--docs-line));margin:1rem 0 0;padding:.85rem 0 0}.main[data-section=components] .component-closure-complete{color:color-mix(in oklab, var(--docs-support) 76%, var(--docs-ink));font-weight:700}.component-demo-surface{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 68%, transparent);border-radius:.85rem;max-width:100%;padding:.85rem;overflow-x:auto}.component-demo-surface:has(.component-demo-playground[data-ui^=breadcrumb-]){overflow:visible}.component-demo-playground{border:1px dashed color-mix(in oklab, var(--border) 86%, transparent);background:color-mix(in oklab, var(--surface-strong) 92%, transparent);border-radius:.75rem;padding:.7rem}.component-playground-stack{gap:.55rem;display:grid}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui^=svelte-menu-]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=vanilla][data-primitive=menu]>.component-playground-stack,.component-demo-playground[data-ui=menu-hover-example]>.component-playground-stack,.component-demo-playground[data-ui=menu-nested-example]>.component-playground-stack,.component-demo-playground[data-ui=solid-menu-preview-example]>.component-playground-stack,.component-demo-playground[data-ui=solid-menu-hover-example]>.component-playground-stack,.component-demo-playground[data-ui=solid-menu-nested-example]>.component-playground-stack,.component-demo-playground[data-ui=vanilla-menu-hover-example]>.component-playground-stack,.component-demo-playground[data-ui=vanilla-menu-nested-example]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-hover-example]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-hover-example]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example]>.component-playground-stack{justify-items:center}.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]{border-color:color-mix(in oklab, var(--accent) 30%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent-soft) 42%, transparent) 0%, color-mix(in oklab, var(--surface-strong) 96%, transparent) 68%), color-mix(in oklab, var(--surface-strong) 92%, transparent)}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-nested{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.56rem .64rem;width:min(100%,24rem);display:grid}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-nested-trigger{justify-content:center;min-width:12.4rem;font-weight:620}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-nested-panel,:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-side-panel{min-width:12.4rem;box-shadow:0 14px 30px color-mix(in oklab, var(--text) 16%, transparent);border-radius:.72rem}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-side-panel{background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 32%, var(--surface-strong)) 0%, var(--surface-strong) 48%), var(--surface-strong)}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-submenu-trigger{justify-content:space-between;align-items:center;gap:.62rem;display:flex}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-submenu-arrow{color:color-mix(in oklab, var(--muted) 78%, var(--text));font-size:.92rem;line-height:1;transition:transform .14s,color .14s}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-submenu-trigger[aria-expanded=true] .component-playground-menu-submenu-arrow,:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-submenu-trigger[data-expanded=true] .component-playground-menu-submenu-arrow{color:color-mix(in oklab, var(--accent) 84%, var(--text));transform:translate(2px)}:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-nested-result{border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border));background:color-mix(in oklab, var(--accent-soft) 52%, transparent);color:color-mix(in oklab, var(--accent) 74%, var(--text));white-space:nowrap;border-radius:999px;padding:.26rem .56rem}@media (width<=560px){:is(.component-demo-playground[data-ui=menu-nested-example],.component-demo-playground[data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=vanilla-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu] [data-ui=solid-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu]>[data-ui=vue-menu-nested-example],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] [data-ui=svelte-menu-nested-example]) .component-playground-menu-nested{grid-template-columns:1fr;justify-items:center}}.component-playground-widget{gap:.5rem;display:grid}.component-playground-menu [data-slot=positioner]{z-index:50}.component-playground-combobox{justify-items:center;position:relative}.component-playground-input-frame{border:1px solid var(--border);background:var(--surface-strong);border-radius:.55rem;width:min(100%,15rem);min-height:2.1rem;margin-inline:auto;padding:.34rem 1.6rem .34rem .55rem;position:relative;overflow:hidden}.component-playground-input-scroll{flex-wrap:nowrap;align-items:center;gap:.42rem;min-width:0;display:flex;overflow:auto hidden}.component-playground-input-addon{border:1px solid color-mix(in oklab, var(--accent) 26%, var(--border));height:1.4rem;color:var(--text);background:color-mix(in oklab, var(--accent-soft) 72%, transparent);letter-spacing:0;border-radius:.36rem;flex:none;align-items:center;padding:0 .38rem;font-size:.73rem;line-height:1;display:inline-flex}.component-playground-input-frame .component-playground-combobox-input{padding:0;width:auto;min-width:4.5rem;height:1.4rem;font:inherit;background:0 0;border:none;border-radius:0;flex:1 0 4.5rem;padding-inline-end:.25rem;line-height:1.4rem}.component-playground-input-frame:focus-within{outline:2px solid color-mix(in oklab, var(--accent) 38%, #fff);outline-offset:2px}.component-playground-input-frame .component-playground-combobox-input:focus-visible{outline:none}.component-playground-input-trigger{inset-inline-end:0;cursor:pointer;background:0 0;border:none;width:1.6rem;margin:0;padding:0;position:absolute;top:0;bottom:0}.component-playground-input-trigger:focus-visible{outline:none}.component-playground-input-clear{color:var(--muted);justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.component-playground-input-clear[hidden]{display:none}.component-playground-input-clear-icon{line-height:1}.component-playground-input-clear:hover:not(:disabled){color:var(--text)}.component-playground-input-arrow{inset-inline-end:.62rem;border-left:.28rem solid #0000;border-right:.28rem solid #0000;border-top:.34rem solid color-mix(in oklab, var(--text) 56%, var(--surface-strong));pointer-events:none;width:0;height:0;transition:transform .18s;position:absolute;top:50%;transform:translateY(-30%)}.component-playground-input-frame[data-expanded=true] .component-playground-input-arrow{transform:translateY(-30%)rotate(180deg)}.component-playground-input-frame[data-invalid=true]{border-color:color-mix(in oklab, #b3261e 76%, var(--border));box-shadow:0 0 0 3px oklab(50.1282% .156404 .0856454/.18)}.component-playground-input-frame:has([aria-invalid=true]){border-color:color-mix(in oklab, #b3261e 76%, var(--border));box-shadow:0 0 0 3px oklab(50.1282% .156404 .0856454/.18)}.component-playground-input-frame[data-invalid=true]:focus-within{outline-color:oklab(78.0564% .0688177 .037684)}.component-playground-input-frame:has([aria-invalid=true]):focus-within{outline-color:oklab(78.0564% .0688177 .037684)}.component-playground-input-frame[data-disabled=true]{border-color:color-mix(in oklab, var(--muted) 24%, var(--border));background:color-mix(in oklab, var(--muted) 14%, var(--surface))}.component-playground-input-frame[data-disabled=true] .component-playground-combobox-input,.component-playground-input-frame[data-disabled=true] .component-playground-input-trigger{color:color-mix(in oklab, var(--muted) 86%, var(--text));background:0 0}.component-playground-input-frame[data-disabled=true] .component-playground-combobox-input::placeholder{color:color-mix(in oklab, var(--muted) 84%, var(--surface))}.component-playground-input-frame[data-disabled=true] .component-playground-input-arrow{border-top-color:color-mix(in oklab, var(--muted) 74%, var(--surface-strong))}.component-playground-row{flex-wrap:wrap;gap:.45rem;display:flex}.component-playground-chip-list{white-space:nowrap;flex-wrap:nowrap;flex:none;align-items:center;gap:.42rem;max-width:none;margin:0;display:flex}.component-playground-chip-list[hidden]{display:none}.component-playground-chip-list [data-slot=chip]{border:1px solid color-mix(in oklab, var(--accent) 35%, var(--border));font:inherit;color:color-mix(in oklab, var(--accent) 86%, var(--text));background:color-mix(in oklab, var(--accent-soft) 82%, transparent);border-radius:999px;flex:none;padding:.2rem .52rem}.component-playground-chip-content{align-items:center;gap:.35rem;display:inline-flex}.component-playground-chip-list [data-slot=chip-remove]{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.25rem;padding:0;font-size:1rem;line-height:1;display:inline-flex}.component-playground-chip-list [data-slot=chip-remove-icon]{line-height:1}.component-playground-chip-list [data-slot=chip-remove]:hover:not(:disabled){color:var(--text)}.component-playground-input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-strong);border-radius:.55rem;padding:.4rem .55rem}.component-playground-button,.component-playground-option{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font:inherit;cursor:pointer;border-radius:.55rem;padding:.34rem .58rem;transition:border-color .12s,background-color .12s,color .12s}.component-playground-button:focus-visible,.component-playground-option:focus-visible,.component-playground-input:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 38%, #fff);outline-offset:2px}.component-playground-tooltip-placement-layout{justify-items:center;gap:.85rem;width:min(100%,40rem);padding:.45rem;display:grid}.component-playground-tooltip-placement-row{grid-template-columns:repeat(3,minmax(0,8.4rem));gap:.52rem;display:grid}.component-playground-tooltip-placement-middle{grid-template-columns:minmax(0,9.4rem) minmax(6rem,10rem) minmax(0,9.4rem);align-items:center;gap:.88rem;display:grid}.component-playground-tooltip-placement-column{gap:.52rem;display:grid}.component-playground-tooltip-placement-center{border:1px dashed color-mix(in oklab, var(--muted) 55%, var(--border));background:color-mix(in oklab, var(--surface) 72%, transparent);min-height:7rem;color:color-mix(in oklab, var(--muted) 80%, var(--text));text-align:center;border-radius:.62rem;justify-content:center;align-items:center;padding:.42rem .5rem;font-size:.76rem;display:inline-flex}.component-playground-tooltip-placement-trigger{width:100%;min-width:0;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.79rem;display:inline-flex}.component-playground-tooltip-placement-column-left .component-playground-tooltip-placement-trigger,.component-playground-tooltip-placement-column-right .component-playground-tooltip-placement-trigger{min-height:2.28rem;padding-block:.46rem}.component-playground-tooltip-placement-content{text-align:center;min-width:5.8rem;font-family:var(--font-mono);padding:.48rem .56rem;font-size:.78rem}@media (width<=700px){.component-playground-tooltip-placement-layout{width:100%;padding:.3rem}.component-playground-tooltip-placement-middle{grid-template-columns:1fr;width:100%}.component-playground-tooltip-placement-center{width:100%;min-height:auto}.component-playground-tooltip-placement-column,.component-playground-tooltip-placement-row{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}:is(.component-demo-playground[data-ui=tooltip-disabled-trigger-example],[data-ui=vue-tooltip-disabled-trigger-example],.component-demo-playground[data-ui=svelte-tooltip-disabled-trigger-example],.component-demo-playground[data-ui=vanilla-tooltip-disabled-trigger-example],[data-ui=solid-tooltip-disabled-trigger-example]) [data-ui=tooltip][data-slot=trigger].component-playground-tooltip-disabled-trigger:disabled,:is(.component-demo-playground[data-ui=tooltip-disabled-trigger-example],[data-ui=vue-tooltip-disabled-trigger-example],.component-demo-playground[data-ui=svelte-tooltip-disabled-trigger-example],.component-demo-playground[data-ui=vanilla-tooltip-disabled-trigger-example],[data-ui=solid-tooltip-disabled-trigger-example]) [data-ui=tooltip][data-slot=trigger].component-playground-tooltip-disabled-trigger[data-disabled=true]{border-style:dashed;border-color:color-mix(in oklab, var(--text) 14%, var(--border));background:color-mix(in oklab, var(--muted) 26%, var(--surface));color:color-mix(in oklab, var(--muted) 96%, var(--text));box-shadow:none;cursor:not-allowed;filter:grayscale(.35);opacity:.62}.component-demo-playground[data-ui^=button-],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button]{border-color:color-mix(in oklab, var(--nk-comp-role-border-accent) 34%, var(--border));background:radial-gradient(120% 115% at 50% -10%, color-mix(in oklab, var(--nk-comp-role-primary-soft) 72%, transparent) 0%, transparent 62%), color-mix(in oklab, var(--nk-comp-role-surface-elevated) 88%, transparent)}.component-demo-playground[data-ui^=button-] [data-demo-slot=root].component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-demo-slot=root].component-playground-stack{text-align:center;align-content:center;justify-items:center;gap:.62rem;width:100%;min-height:6.2rem}.component-demo-playground[data-ui^=button-] [data-demo-slot=root]>.component-playground-stack,.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-demo-slot=root]>.component-playground-stack{text-align:center;justify-items:center}.component-playground-button-variants{flex-wrap:wrap;justify-content:center;align-items:center;gap:.58rem;width:100%;display:flex}.component-demo-playground[data-ui=button-rtl-groups-example] [data-demo-slot=root].component-playground-stack{align-content:start;min-height:auto}.component-playground-button-rtl-groups{gap:.62rem;width:min(100%,34rem);display:grid}.component-playground-button-rtl-group{border:1px solid color-mix(in oklab, var(--nk-comp-role-border) 72%, transparent);background:color-mix(in oklab, var(--nk-comp-role-surface) 86%, transparent);border-radius:.72rem;justify-items:start;gap:.46rem;margin:0;padding:.52rem;display:grid}.component-playground-button-rtl-group-title{color:var(--nk-comp-role-text-muted);text-align:start;margin:0;font-size:.78rem;font-weight:600}.component-playground-button-rtl-row{flex-wrap:wrap;justify-content:flex-start;gap:.48rem;width:100%;display:flex}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root]{--component-button-bg:var(--nk-comp-button-bg);--component-button-border:var(--nk-comp-button-border);--component-button-text:var(--nk-comp-button-text);--component-button-hover:var(--nk-comp-button-hover);--component-button-active:var(--nk-comp-button-active);--component-button-focus-ring:var(--nk-comp-button-focus-ring);--component-button-disabled-bg:var(--nk-comp-button-disabled-bg);--component-button-disabled-text:var(--nk-comp-button-disabled-text);border-color:color-mix(in oklab, var(--component-button-border) 90%, var(--nk-comp-role-border-strong));min-width:9.25rem;min-height:2.35rem;color:var(--component-button-text);letter-spacing:.01em;background:linear-gradient(180deg, color-mix(in oklab, var(--component-button-bg) 84%, var(--nk-comp-role-surface-elevated)) 0%, color-mix(in oklab, var(--component-button-bg) 92%, var(--component-button-hover)) 100%);box-shadow:0 10px 20px color-mix(in oklab, var(--component-button-bg) 24%, transparent), inset 0 1px 0 color-mix(in oklab, var(--nk-comp-role-text-on-primary) 24%, transparent);border-radius:.7rem;justify-content:center;align-items:center;padding:.46rem .96rem;font-weight:620;text-decoration:none;transition:transform .12s,border-color .12s,background-color .12s,box-shadow .12s;display:inline-flex}:root[data-theme=dark] .component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root]:not([data-variant]),:root[data-theme=dark] .component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=default],:root[data-theme=dark] .component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root]:not([data-variant]),:root[data-theme=dark] .component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=default]{--component-button-bg:var(--nk-base-neutral-0);--component-button-border:color-mix(in oklab, var(--nk-base-neutral-500) 42%, var(--nk-comp-role-border));--component-button-text:var(--nk-base-neutral-1000);--component-button-hover:color-mix(in oklab, var(--nk-base-neutral-0) 82%, var(--nk-base-neutral-100));--component-button-active:color-mix(in oklab, var(--nk-base-neutral-0) 70%, var(--nk-base-neutral-200))}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=secondary],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=secondary]{--component-button-bg:color-mix(in oklab, var(--nk-base-neutral-200) 82%, var(--nk-comp-role-surface));--component-button-border:color-mix(in oklab, var(--nk-base-neutral-500) 34%, var(--nk-comp-role-border));--component-button-text:color-mix(in oklab, var(--nk-base-neutral-1000) 92%, var(--nk-comp-role-text));--component-button-hover:color-mix(in oklab, var(--nk-base-neutral-300) 80%, var(--nk-comp-role-surface));--component-button-active:color-mix(in oklab, var(--nk-base-neutral-400) 72%, var(--nk-comp-role-surface))}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=destructive],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=destructive]{--component-button-bg:color-mix(in oklab, var(--nk-comp-role-error-soft) 86%, var(--nk-comp-role-surface));--component-button-border:color-mix(in oklab, var(--nk-comp-role-error) 42%, var(--nk-comp-role-border));--component-button-text:var(--nk-comp-role-error);--component-button-hover:color-mix(in oklab, var(--nk-comp-role-error-soft) 92%, var(--nk-comp-role-error));--component-button-active:color-mix(in oklab, var(--nk-comp-role-error-soft) 72%, var(--nk-comp-role-error))}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=outline],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=outline]{--component-button-bg:var(--nk-base-neutral-0);--component-button-border:color-mix(in oklab, var(--nk-base-neutral-500) 42%, var(--nk-comp-role-border));--component-button-text:var(--nk-base-neutral-900);--component-button-hover:color-mix(in oklab, var(--nk-base-neutral-0) 85%, var(--nk-base-neutral-100));--component-button-active:color-mix(in oklab, var(--nk-base-neutral-0) 72%, var(--nk-base-neutral-200))}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=ghost],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=ghost]{--component-button-bg:transparent;--component-button-border:transparent;--component-button-text:var(--nk-comp-role-text);--component-button-hover:color-mix(in oklab, var(--nk-comp-role-hover-bg) 92%, transparent);--component-button-active:color-mix(in oklab, var(--nk-comp-role-active-bg) 92%, transparent);box-shadow:none}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root]:hover:not(:disabled),.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root]:hover:not(:disabled){border-color:color-mix(in oklab, var(--component-button-hover) 84%, var(--nk-comp-role-border-accent));background:linear-gradient(180deg, color-mix(in oklab, var(--component-button-hover) 84%, var(--nk-comp-role-surface-elevated)) 0%, color-mix(in oklab, var(--component-button-hover) 94%, var(--component-button-bg)) 100%);transform:translateY(-1px)}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root]:active:not(:disabled),.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-state=pressed],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root]:active:not(:disabled),.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-state=pressed]{border-color:color-mix(in oklab, var(--component-button-active) 78%, var(--nk-comp-role-border-accent));background:linear-gradient(180deg, color-mix(in oklab, var(--component-button-active) 88%, var(--component-button-hover)) 0%, color-mix(in oklab, var(--component-button-active) 96%, var(--component-button-bg)) 100%);box-shadow:0 5px 14px color-mix(in oklab, var(--component-button-active) 24%, transparent), inset 0 1px 0 color-mix(in oklab, var(--nk-comp-role-text-on-primary) 20%, transparent);transform:translateY(0)}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=ghost]:hover:not(:disabled),.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=ghost]:hover:not(:disabled){background:color-mix(in oklab, var(--nk-comp-role-hover-bg) 92%, transparent);box-shadow:none;border-color:#0000;transform:none}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=ghost]:active:not(:disabled),.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-variant=ghost][data-state=pressed],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=ghost]:active:not(:disabled),.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-variant=ghost][data-state=pressed]{background:color-mix(in oklab, var(--nk-comp-role-active-bg) 94%, transparent);box-shadow:none;border-color:#0000;transform:none}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root]:focus-visible,.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root]:focus-visible{outline:2px solid color-mix(in oklab, var(--component-button-focus-ring) 84%, transparent);outline-offset:2px}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root]:disabled,.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=root][data-disabled=true],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root]:disabled,.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=root][data-disabled=true]{border-color:color-mix(in oklab, var(--nk-comp-role-disabled-border) 82%, transparent);background:color-mix(in oklab, var(--component-button-disabled-bg) 92%, var(--nk-comp-role-surface));color:var(--component-button-disabled-text);box-shadow:none;transform:none}.component-demo-playground[data-ui^=button-] [data-ui=button][data-slot=label],.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] [data-ui=button][data-slot=label]{color:inherit;font:inherit}.component-demo-playground[data-ui^=button-] .component-playground-caption,.component-demo-playground[data-ui=component-demo-playground][data-primitive=button] .component-playground-caption{text-align:center;color:var(--nk-comp-role-text-muted)}.component-playground-dialog-trigger{letter-spacing:.01em;min-width:10.8rem;color:color-mix(in oklab, var(--accent) 84%, var(--text));border-color:color-mix(in oklab, var(--accent) 52%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 88%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 42%, var(--surface-strong)) 55%, color-mix(in oklab, var(--accent) 24%, var(--surface-strong)) 100%);box-shadow:0 12px 24px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.32), inset 0 -1px 0 color-mix(in oklab, var(--accent) 14%, transparent);justify-content:center;align-items:center;gap:.38rem;font-weight:620;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:inline-flex}.component-playground-dialog-trigger:hover{border-color:color-mix(in oklab, var(--accent) 62%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 94%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 56%, var(--surface-strong)) 55%, color-mix(in oklab, var(--accent) 30%, var(--surface-strong)) 100%);box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 22%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.35), inset 0 -1px 0 color-mix(in oklab, var(--accent) 16%, transparent);transform:translateY(-1px)}.component-playground-dialog-trigger:active{box-shadow:0 8px 18px color-mix(in oklab, var(--accent) 16%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.24);transform:translateY(0)}.component-playground-dialog-trigger[aria-expanded=true]{border-color:color-mix(in oklab, var(--accent) 68%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 92%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 60%, var(--surface-strong)) 52%, color-mix(in oklab, var(--accent) 32%, var(--surface-strong)) 100%)}.component-playground-popup-trigger{min-width:8.5rem}.component-playground-disclosure-trigger{text-align:left;justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:inline-flex}.component-playground-disclosure-title{flex:1;font-weight:600}.component-playground-disclosure-indicator{width:1rem;color:color-mix(in oklab, var(--muted) 72%, var(--text));justify-content:center;align-items:center;transition:transform .16s;display:inline-flex}.component-playground-disclosure-trigger[data-state=open] .component-playground-disclosure-indicator{transform:rotate(180deg)}.component-playground-disclosure-panel{text-align:left}.component-playground-disclosure [data-slot=heading]{margin:0}.component-playground-disclosure-group-title{font-family:var(--font-title);margin:0;font-size:.98rem}.component-playground-disclosure-definition-list{gap:.36rem;margin:0;display:grid}.component-playground-disclosure-definition-item{grid-template-columns:minmax(4.6rem,auto) 1fr;align-items:baseline;gap:.42rem;display:grid}.component-playground-disclosure-definition-item dt{color:var(--muted);margin:0;font-size:.79rem}.component-playground-disclosure-definition-item dd{margin:0}.component-playground-disclosure [data-readonly=true]{cursor:default}.component-playground-disclosure [data-disabled=true]{cursor:not-allowed;opacity:.72}.component-playground-accordion{--accordion-item-border:var(--nk-comp-accordion-item-border);--accordion-trigger-text:var(--nk-comp-accordion-trigger-text);--accordion-trigger-hover-bg:var(--nk-comp-accordion-trigger-hover-bg);--accordion-content-text:var(--nk-comp-accordion-content-text);width:min(100%,32rem);margin-inline:auto}.component-playground-accordion-root{gap:.4rem}.component-playground-accordion-group-title{font-family:var(--font-title);margin:0;font-size:.98rem}.component-playground-accordion-item{border-color:color-mix(in oklab, var(--accordion-item-border) 88%, var(--border));background:color-mix(in oklab, var(--nk-comp-role-surface) 90%, transparent);padding:0;overflow:hidden}.component-playground-accordion-trigger{border:0;border-bottom:1px solid color-mix(in oklab, var(--accordion-item-border) 76%, transparent);text-align:left;width:100%;color:var(--accordion-trigger-text);background:color-mix(in oklab, var(--nk-comp-role-surface-elevated) 84%, transparent);border-radius:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.52rem .66rem;display:inline-flex}.component-playground-accordion-trigger[data-state=closed]{border-bottom-color:#0000}.component-playground-accordion-trigger:hover:not(:disabled){background:color-mix(in oklab, var(--accordion-trigger-hover-bg) 86%, var(--nk-comp-role-surface-elevated))}.component-playground-accordion-trigger:focus-visible{outline:2px solid color-mix(in oklab, var(--nk-comp-role-focus-ring) 80%, transparent);outline-offset:-2px}.component-playground-accordion-heading{gap:.04rem;min-width:0;display:grid}.component-playground-accordion-title{font-weight:610;line-height:1.3}.component-playground-accordion-meta{color:color-mix(in oklab, var(--nk-comp-role-text-muted) 84%, var(--surface-strong));font-size:.71rem}.component-playground-accordion-indicator{border:1px solid color-mix(in oklab, var(--accordion-item-border) 72%, transparent);width:.96rem;height:.96rem;color:color-mix(in oklab, var(--nk-comp-role-text-muted) 78%, var(--accordion-trigger-text));background:color-mix(in oklab, var(--nk-comp-role-surface-raised) 90%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:.64rem;line-height:1;transition:transform .17s,border-color .14s,background-color .14s,color .14s;display:inline-flex}.component-playground-accordion-trigger[data-state=open] .component-playground-accordion-indicator{border-color:color-mix(in oklab, var(--nk-comp-role-border-accent) 76%, transparent);color:color-mix(in oklab, var(--nk-comp-role-primary-strong) 76%, var(--accordion-trigger-text));background:color-mix(in oklab, var(--nk-comp-role-primary-soft) 76%, transparent);transform:rotate(180deg)}.component-playground-accordion-content{color:var(--accordion-content-text);background:color-mix(in oklab, var(--nk-comp-role-surface-elevated) 80%, transparent);margin:0;padding:.44rem .66rem .62rem;font-size:.8rem;line-height:1.42}.component-playground-accordion-item[data-disabled=true]{filter:saturate(.62)brightness(.9)}.component-playground-accordion-item[data-disabled=true] .component-playground-accordion-trigger{cursor:not-allowed;color:var(--nk-comp-role-disabled-text);border-bottom-color:color-mix(in oklab, var(--nk-comp-role-disabled-border) 68%, transparent);background:color-mix(in oklab, var(--nk-comp-role-disabled-bg) 88%, var(--nk-comp-role-surface))}.component-playground-accordion-item[data-disabled=true] .component-playground-accordion-title{color:var(--nk-comp-role-disabled-text)}.component-playground-accordion-item[data-disabled=true] .component-playground-accordion-meta{color:color-mix(in oklab, var(--nk-comp-role-disabled-text) 82%, var(--surface-strong))}.component-playground-accordion-item[data-disabled=true] .component-playground-accordion-indicator{border-color:color-mix(in oklab, var(--nk-comp-role-disabled-border) 76%, transparent);color:color-mix(in oklab, var(--nk-comp-role-disabled-text) 78%, transparent);background:color-mix(in oklab, var(--nk-comp-role-disabled-bg) 90%, transparent);opacity:.76}.component-playground-accordion-root-horizontal[data-orientation=horizontal]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.component-playground-accordion-root-horizontal[data-orientation=horizontal] .component-playground-accordion-trigger{min-height:2.35rem}@media (width<=760px){.component-playground-accordion-root-horizontal[data-orientation=horizontal]{grid-template-columns:1fr}}.component-playground-select{justify-items:center}.component-playground-select-trigger{justify-content:space-between;align-items:center;gap:.5rem;min-width:12rem;display:inline-flex}.component-demo-playground [data-ui=select][data-slot=content]{z-index:60}.component-playground-editor-center-workspace{border:1px solid color-mix(in oklab, var(--border) 90%, transparent);background:color-mix(in oklab, var(--surface-strong) 92%, transparent);border-radius:.82rem;justify-items:stretch;gap:.55rem;width:min(100%,34rem);margin-inline:auto;padding:.52rem}.component-playground-editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.44rem;display:flex}.component-playground-editor-toolbar-group{flex-wrap:wrap;align-items:center;gap:.44rem;display:flex}.component-playground-editor-select{align-items:center;display:inline-flex}.component-playground-editor-select-trigger{border-color:color-mix(in oklab, var(--border) 86%, transparent);justify-content:flex-start;gap:.5rem;min-width:11.6rem}.component-playground-editor-select-label{color:color-mix(in oklab, var(--muted) 85%, var(--text));white-space:nowrap;font-size:.74rem;line-height:1.1}.component-playground-editor-select-value{text-align:start;flex:auto;min-width:0}.component-playground-editor-select-trigger .component-playground-select-arrow{margin-inline-start:auto;font-size:.66rem}.component-playground-editor-select-content{border-color:color-mix(in oklab, var(--border) 86%, transparent)}.component-playground-editor-select-option{font-size:.8rem}@media (width<=760px){.component-playground-editor-toolbar-group,.component-playground-editor-select{width:100%}.component-playground-editor-select-trigger{width:100%;min-width:0}}.component-playground-select-trigger[aria-invalid=true]{border-color:color-mix(in oklab, #b3261e 76%, var(--border));box-shadow:0 0 0 3px oklab(50.1282% .156404 .0856454/.18)}.component-playground-select-trigger[aria-disabled=true],.component-playground-select-trigger:disabled{cursor:not-allowed;color:color-mix(in oklab, var(--muted) 84%, var(--text));background:color-mix(in oklab, var(--muted) 14%, var(--surface));border-color:color-mix(in oklab, var(--muted) 26%, var(--border))}.component-playground-select-arrow{color:color-mix(in oklab, var(--muted) 72%, var(--text));font-size:.88rem;line-height:1}.component-playground-select-group{gap:.25rem;display:grid}.component-playground-field{gap:.4rem;width:min(100%,15rem);display:grid}.component-playground-field-label{color:var(--muted);font-size:.82rem}.component-playground-list .component-playground-option{text-align:start;width:100%}.component-playground-option-content{gap:.12rem;display:grid}.component-playground-option-body{justify-items:start;gap:.12rem;display:grid}.component-playground-option-indicator{width:1rem;color:color-mix(in oklab, var(--accent) 82%, var(--text));justify-content:center;align-items:center;display:inline-flex}.component-playground-option-media{background:color-mix(in oklab, var(--accent-soft) 74%, transparent);width:1.3rem;height:1.3rem;color:color-mix(in oklab, var(--accent) 84%, var(--text));border-radius:.35rem;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;display:inline-flex}.component-playground-option-meta{letter-spacing:.02em;color:color-mix(in oklab, var(--accent) 72%, var(--text));margin-inline-start:auto;font-size:.72rem;font-weight:600}.component-playground-status-media{justify-content:center;align-items:center;width:1rem;display:inline-flex}.component-playground-status-dot{background:color-mix(in oklab, var(--muted) 70%, var(--text));border-radius:999px;width:.5rem;height:.5rem}.component-playground-status-dot[data-tone=todo]{background:color-mix(in oklab, #8a8f98 72%, var(--text))}.component-playground-status-dot[data-tone=progress]{background:oklab(73.8968% .0439165 .143775)}.component-playground-status-dot[data-tone=done]{background:oklab(58.179% -.116551 .0369677)}.component-playground-listbox .component-playground-listbox-group{gap:.3rem;display:grid}.component-playground-listbox-content{gap:.34rem;display:grid}.component-playground-listbox [data-slot=option]{align-items:center;gap:.52rem;display:flex}.component-playground-listbox [data-slot=option][data-disabled=true]{opacity:.58;cursor:not-allowed}.component-playground-list-horizontal [data-slot=content]{flex-wrap:wrap;gap:.34rem;display:flex}.component-playground-list-horizontal [data-slot=option]{min-width:8.2rem}.component-playground-listbox [data-slot=option-indicator][hidden]{visibility:hidden;display:inline-flex}.component-playground-option-main{font-weight:600}.component-playground-option-description{color:var(--muted);font-size:.79rem}.component-playground-list .component-playground-option:hover:not([data-disabled=true]){border-color:color-mix(in oklab, var(--accent) 35%, var(--border));background:color-mix(in oklab, var(--accent-soft) 48%, transparent)}.component-playground-listbox [data-slot=option][data-selected=true] .component-playground-option-meta,.component-playground-listbox [data-slot=option][aria-selected=true] .component-playground-option-meta,.component-playground-listbox [data-slot=option][data-highlighted=true] .component-playground-option-meta{color:var(--text)}.component-demo-playground [data-slot=trigger][aria-expanded=true],.component-demo-playground [data-slot=tab][aria-selected=true],.component-demo-playground [role=tab][aria-selected=true]{border-color:color-mix(in oklab, var(--accent) 35%, var(--border));background:color-mix(in oklab, var(--accent-soft) 72%, transparent);color:color-mix(in oklab, var(--accent) 88%, var(--text))}.component-demo-playground [data-slot=tab][aria-selected=false],.component-demo-playground [role=tab][aria-selected=false]{color:var(--muted)}.component-demo-playground [data-highlighted=true]{border-color:color-mix(in oklab, var(--accent) 35%, var(--border));background:color-mix(in oklab, var(--accent-soft) 48%, transparent)}.component-demo-playground [data-selected=true],.component-demo-playground [aria-selected=true]{border-color:color-mix(in oklab, var(--accent) 40%, var(--border));background:color-mix(in oklab, var(--accent-soft) 66%, transparent)}.component-demo-playground [data-slot=option][data-selected=true],.component-demo-playground [data-slot=option][aria-selected=true]{border-color:color-mix(in oklab, var(--ui-combobox-option-selected,#087ea4) 60%, var(--border));background:color-mix(in oklab, var(--ui-combobox-option-selected,#087ea4) 42%, transparent)}:root[data-theme=light] .component-demo-playground [data-slot=option][data-selected=true],:root[data-theme=light] .component-demo-playground [data-slot=option][aria-selected=true],:root[data-theme=light] .component-playground-list [data-slot=option][data-selected=true],:root[data-theme=light] .component-playground-list [data-slot=option][aria-selected=true]{border-color:color-mix(in oklab, var(--text) 28%, var(--border));background:color-mix(in oklab, var(--text) 12%, var(--surface-strong))}:root[data-theme=dark] .component-demo-playground [data-slot=option][data-selected=true],:root[data-theme=dark] .component-demo-playground [data-slot=option][aria-selected=true],:root[data-theme=dark] .component-playground-list [data-slot=option][data-selected=true],:root[data-theme=dark] .component-playground-list [data-slot=option][aria-selected=true]{border-color:color-mix(in oklab, var(--text) 38%, var(--border));background:color-mix(in oklab, var(--text) 24%, var(--surface-strong))}.component-demo-playground [data-slot=option][data-selected=true]:hover:not([data-disabled=true]),.component-demo-playground [data-slot=option][aria-selected=true]:hover:not([data-disabled=true]),.component-playground-list [data-slot=option][data-selected=true]:hover:not([data-disabled=true]),.component-playground-list [data-slot=option][aria-selected=true]:hover:not([data-disabled=true]){border-color:color-mix(in oklab, var(--accent) 35%, var(--border))}.component-playground-tabs{width:min(100%,36rem)}.component-playground-tabs-root{gap:.6rem;display:grid}.component-playground-tabs-root[data-orientation=vertical]{grid-template-columns:minmax(10rem,11.5rem) 1fr;align-items:start}.component-playground-tabs-list{flex-wrap:wrap;gap:.4rem;display:flex}.component-playground-tabs-list[data-orientation=vertical]{gap:.32rem;display:grid}.component-playground-tabs-trigger{min-width:6.5rem}.component-playground-tabs-trigger:disabled,.component-playground-tabs-trigger[data-disabled=true]{border-color:color-mix(in oklab, var(--border) 72%, transparent);background:color-mix(in oklab, var(--surface) 88%, transparent);color:color-mix(in oklab, var(--muted) 84%, var(--text));cursor:not-allowed;opacity:.58}.component-playground-tabs-trigger-content{align-items:center;gap:.4rem;display:inline-flex}.component-playground-tabs-icon{background:color-mix(in oklab, var(--accent-soft) 80%, transparent);width:1.2rem;height:1.2rem;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:inline-flex}.component-playground-tabs-list[data-variant=line]{border-bottom:1px solid color-mix(in oklab, var(--border) 88%, transparent);gap:.2rem;padding-bottom:.15rem}.component-playground-tabs-list[data-variant=line] .component-playground-tabs-trigger{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.component-playground-tabs-list[data-variant=line] .component-playground-tabs-trigger[aria-selected=true]{border-color:#0000;border-bottom-color:color-mix(in oklab, var(--accent) 74%, var(--text));color:color-mix(in oklab, var(--accent) 88%, var(--text));background:0 0}.component-playground-tabs-list[data-variant=line] .component-playground-tabs-trigger[aria-selected=false]{background:0 0;border-color:#0000}.component-playground-tabs-list[data-variant=line] .component-playground-tabs-trigger:disabled,.component-playground-tabs-list[data-variant=line] .component-playground-tabs-trigger[data-disabled=true]{background:0 0;border-bottom-color:#0000}@media (width<=760px){.component-playground-tabs-root[data-orientation=vertical]{grid-template-columns:1fr}}.component-playground-panel{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 72%, transparent);border-radius:.65rem;margin:0;padding:.6rem}.component-playground-panel h3{font-family:var(--font-title);margin:0 0 .42rem}.component-playground-panel p{margin:0}.component-playground-popover{place-items:center}.component-playground-popover [data-ui=popover][data-slot=root]{justify-items:center;display:grid}.component-playground-popover [data-ui=popover][data-slot=positioner]{z-index:50}.component-playground-popover-content{z-index:2;width:min(20rem,100vw - 3rem);position:relative}.component-playground-popover-align-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;width:100%;display:flex}.component-playground-popover-align-trigger{justify-content:center;min-width:8.4rem;font-family:JetBrains Mono,SF Mono,Fira Code,Menlo,monospace;font-size:.76rem}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover],.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example],.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example]{border-color:color-mix(in oklab, var(--accent) 30%, var(--border));background:radial-gradient(120% 95% at 50% -8%, color-mix(in oklab, var(--accent-soft) 70%, transparent) 0%, transparent 62%), linear-gradient(165deg, color-mix(in oklab, var(--surface-strong) 92%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 28%, var(--surface-strong)) 100%)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] .component-playground-popover,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] .component-playground-popover,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover{gap:.68rem}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] .component-playground-button,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] .component-playground-button,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-button{color:color-mix(in oklab, var(--accent) 86%, var(--text));border-color:color-mix(in oklab, var(--accent) 46%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 90%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 52%, var(--surface-strong)) 56%, color-mix(in oklab, var(--accent) 26%, var(--surface-strong)) 100%);box-shadow:0 10px 22px color-mix(in oklab, var(--accent) 16%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.3);font-weight:620;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] .component-playground-button:hover:not(:disabled),.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] .component-playground-button:hover:not(:disabled),.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-button:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 60%, var(--border));box-shadow:0 14px 28px color-mix(in oklab, var(--accent) 20%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.35);transform:translateY(-1px)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] [data-ui=popover][data-slot=trigger][aria-expanded=true],.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] [data-ui=popover][data-slot=trigger][aria-expanded=true],.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] [data-ui=popover][data-slot=trigger][aria-expanded=true]{border-color:color-mix(in oklab, var(--accent) 66%, var(--border));box-shadow:0 14px 30px color-mix(in oklab, var(--accent) 24%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.36)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] [data-ui=popover][data-slot=positioner],.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] [data-ui=popover][data-slot=positioner],.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] [data-ui=popover][data-slot=positioner]{filter:drop-shadow(0 14px 30px color-mix(in oklab, var(--accent) 22%, transparent))}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] .component-playground-popover-content,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] .component-playground-popover-content,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-content{border-color:color-mix(in oklab, var(--accent) 36%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 40%, var(--surface-strong)) 0%, color-mix(in oklab, var(--surface-strong) 96%, transparent) 56%), color-mix(in oklab, var(--surface-strong) 94%, transparent);box-shadow:0 18px 38px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.24)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] .component-playground-popover-title,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] .component-playground-popover-title,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-title{color:color-mix(in oklab, var(--accent) 86%, var(--text));letter-spacing:.01em}.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=popover] .component-playground-popover-description,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-align-example] .component-playground-popover-description,.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-description{color:color-mix(in oklab, var(--muted) 74%, var(--text))}.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-card{border:1px solid color-mix(in oklab, var(--accent) 26%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 36%, var(--surface-strong)) 0%, color-mix(in oklab, var(--surface-strong) 94%, transparent) 100%), color-mix(in oklab, var(--surface-strong) 90%, transparent);border-radius:.62rem;margin-top:.56rem;padding:.56rem .62rem}.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-card-title{color:color-mix(in oklab, var(--accent) 82%, var(--text));margin:0 0 .3rem}.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-card-body{color:color-mix(in oklab, var(--muted) 76%, var(--text));margin:0 0 .38rem}.site-frame[data-adapter=react] .component-demo-playground[data-ui=popover-custom-example] .component-playground-popover-card-status{color:color-mix(in oklab, var(--accent) 72%, var(--text));margin:0}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]){border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:radial-gradient(125% 100% at 50% -8%, color-mix(in oklab, var(--accent-soft) 72%, transparent) 0%, transparent 62%), linear-gradient(160deg, color-mix(in oklab, var(--surface-strong) 94%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 22%, var(--surface-strong)) 100%)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu{text-align:center;justify-items:center;gap:.66rem}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-button{color:color-mix(in oklab, var(--accent) 88%, var(--text));border-color:color-mix(in oklab, var(--accent) 46%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 92%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 52%, var(--surface-strong)) 54%, color-mix(in oklab, var(--accent) 28%, var(--surface-strong)) 100%);box-shadow:0 12px 24px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.34);font-weight:620;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-button:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 62%, var(--border));box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 22%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.36);transform:translateY(-1px)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu [data-ui=menu][data-slot=trigger][aria-expanded=true]{border-color:color-mix(in oklab, var(--accent) 68%, var(--border));box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 24%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.38)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu [data-slot=positioner]{box-shadow:0 14px 30px color-mix(in oklab, var(--accent) 22%, transparent)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-list{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 36%, var(--surface-strong)) 0%, color-mix(in oklab, var(--surface-strong) 96%, transparent) 56%), color-mix(in oklab, var(--surface-strong) 94%, transparent);box-shadow:0 14px 32px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.26)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-option{color:color-mix(in oklab, var(--text) 86%, var(--accent));background:0 0;border-color:#0000;font-weight:520}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-option:hover:not([data-disabled=true]),:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu [data-ui=menu][data-slot=item][data-highlighted=true]{border-color:color-mix(in oklab, var(--accent) 44%, var(--border));background:color-mix(in oklab, var(--accent-soft) 62%, transparent);color:color-mix(in oklab, var(--accent) 90%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-separator{background:color-mix(in oklab, var(--accent) 32%, var(--border));margin-inline:.06rem}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-caption{color:color-mix(in oklab, var(--muted) 72%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-menu-submenu-arrow{color:color-mix(in oklab, var(--accent) 76%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=solid][data-primitive=menu],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=menu],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=menu-]) .component-playground-menu .component-playground-menu-nested-result{border-color:color-mix(in oklab, var(--accent) 36%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--accent-soft) 66%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 38%, transparent) 100%), color-mix(in oklab, var(--surface-strong) 88%, transparent);color:color-mix(in oklab, var(--accent) 80%, var(--text))}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu]{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:radial-gradient(125% 100% at 50% -8%, color-mix(in oklab, var(--accent-soft) 72%, transparent) 0%, transparent 62%), linear-gradient(160deg, color-mix(in oklab, var(--surface-strong) 94%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 22%, var(--surface-strong)) 100%)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu{text-align:center;justify-items:center;gap:.66rem}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-button{color:color-mix(in oklab, var(--accent) 88%, var(--text));border-color:color-mix(in oklab, var(--accent) 46%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 92%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 52%, var(--surface-strong)) 54%, color-mix(in oklab, var(--accent) 28%, var(--surface-strong)) 100%);box-shadow:0 12px 24px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.34);font-weight:620;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-button:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 62%, var(--border));box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 22%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.36);transform:translateY(-1px)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu [data-ui=menu][data-slot=trigger][aria-expanded=true]{border-color:color-mix(in oklab, var(--accent) 68%, var(--border));box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 24%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.38)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu [data-slot=positioner]{box-shadow:0 14px 30px color-mix(in oklab, var(--accent) 22%, transparent)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-list{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 36%, var(--surface-strong)) 0%, color-mix(in oklab, var(--surface-strong) 96%, transparent) 56%), color-mix(in oklab, var(--surface-strong) 94%, transparent);box-shadow:0 14px 32px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.26)}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-option{color:color-mix(in oklab, var(--text) 86%, var(--accent));background:0 0;border-color:#0000;font-weight:520}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-option:hover:not([data-disabled=true]),.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu [data-ui=menu][data-slot=item][data-highlighted=true]{border-color:color-mix(in oklab, var(--accent) 44%, var(--border));background:color-mix(in oklab, var(--accent-soft) 62%, transparent);color:color-mix(in oklab, var(--accent) 90%, var(--text))}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-separator{background:color-mix(in oklab, var(--accent) 32%, var(--border));margin-inline:.06rem}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-caption{color:color-mix(in oklab, var(--muted) 72%, var(--text))}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-menu-submenu-arrow{color:color-mix(in oklab, var(--accent) 76%, var(--text))}.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=menu] .component-playground-menu .component-playground-menu-nested-result{border-color:color-mix(in oklab, var(--accent) 36%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--accent-soft) 66%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 38%, transparent) 100%), color-mix(in oklab, var(--surface-strong) 88%, transparent);color:color-mix(in oklab, var(--accent) 80%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]){border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:radial-gradient(124% 108% at 50% -12%, color-mix(in oklab, var(--accent-soft) 70%, transparent) 0%, transparent 62%), linear-gradient(162deg, color-mix(in oklab, var(--surface-strong) 94%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 22%, var(--surface-strong)) 100%)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox{gap:.68rem}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-field-label{color:color-mix(in oklab, var(--accent) 78%, var(--text));letter-spacing:.01em;font-weight:620}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-caption{color:color-mix(in oklab, var(--muted) 72%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-list{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 34%, var(--surface-strong)) 0%, color-mix(in oklab, var(--surface-strong) 96%, transparent) 56%), color-mix(in oklab, var(--surface-strong) 94%, transparent);box-shadow:0 14px 30px color-mix(in oklab, var(--accent) 16%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.24)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-option{min-height:2.2rem;color:color-mix(in oklab, var(--text) 86%, var(--accent));background:0 0;border-color:#0000;border-radius:.58rem;transition:transform .12s,border-color .12s,background .12s,color .12s}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-option:hover:not([data-disabled=true]){border-color:color-mix(in oklab, var(--accent) 44%, var(--border));background:color-mix(in oklab, var(--accent-soft) 56%, transparent);transform:translateY(-1px)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox [data-slot=option][data-highlighted=true]{border-color:color-mix(in oklab, var(--accent) 48%, var(--border));background:color-mix(in oklab, var(--accent-soft) 64%, transparent);color:color-mix(in oklab, var(--accent) 90%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox [data-slot=option][data-selected=true],:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox [data-slot=option][aria-selected=true]{border-color:color-mix(in oklab, var(--accent) 58%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 76%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 48%, transparent) 100%), color-mix(in oklab, var(--surface-strong) 90%, transparent);color:color-mix(in oklab, var(--accent) 92%, var(--text));box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.26)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-option-indicator{color:color-mix(in oklab, var(--accent) 88%, var(--text));font-weight:700}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-option-media{border:1px solid color-mix(in oklab, var(--accent) 32%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--accent-soft) 86%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 44%, var(--surface-strong)) 100%), color-mix(in oklab, var(--surface-strong) 92%, transparent);box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.34)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox .component-playground-option-meta{border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border));background:color-mix(in oklab, var(--accent-soft) 62%, transparent);color:color-mix(in oklab, var(--accent) 78%, var(--text));border-radius:999px;padding:.12rem .4rem}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=listbox],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=listbox-]) .component-playground-listbox [data-slot=option][data-disabled=true]{opacity:.56;filter:saturate(.7);background:color-mix(in oklab, var(--muted) 16%, var(--surface))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]){border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:radial-gradient(126% 102% at 50% -8%, color-mix(in oklab, var(--accent-soft) 74%, transparent) 0%, transparent 62%), linear-gradient(160deg, color-mix(in oklab, var(--surface-strong) 94%, transparent) 0%, color-mix(in oklab, var(--accent-soft) 22%, var(--surface-strong)) 100%)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure{gap:.62rem}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure-group-title{color:color-mix(in oklab, var(--accent) 80%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-trigger{border-color:color-mix(in oklab, var(--accent) 46%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 90%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 52%, var(--surface-strong)) 56%, color-mix(in oklab, var(--accent) 26%, var(--surface-strong)) 100%);color:color-mix(in oklab, var(--accent) 88%, var(--text));box-shadow:0 12px 24px color-mix(in oklab, var(--accent) 18%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.32);transition:transform .14s,border-color .14s,box-shadow .14s,background .14s}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-trigger:hover:not(:disabled):not([data-disabled=true]){border-color:color-mix(in oklab, var(--accent) 62%, var(--border));box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 22%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.36);transform:translateY(-1px)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-trigger[data-state=open]{border-color:color-mix(in oklab, var(--accent) 66%, var(--border));box-shadow:0 16px 30px color-mix(in oklab, var(--accent) 24%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.38)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-indicator{border:1px solid color-mix(in oklab, var(--accent) 42%, var(--border));background:color-mix(in oklab, var(--accent-soft) 70%, transparent);width:1.08rem;height:1.08rem;color:color-mix(in oklab, var(--accent) 82%, var(--text));border-radius:999px}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-trigger[data-state=open] .component-playground-disclosure-indicator{border-color:color-mix(in oklab, var(--accent) 60%, var(--border));background:color-mix(in oklab, var(--accent-soft) 84%, transparent);color:color-mix(in oklab, var(--accent) 90%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-panel{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 34%, var(--surface-strong)) 0%, color-mix(in oklab, var(--surface-strong) 94%, transparent) 58%), color-mix(in oklab, var(--surface-strong) 94%, transparent);box-shadow:0 14px 30px color-mix(in oklab, var(--accent) 16%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.24)}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-panel h3{color:color-mix(in oklab, var(--accent) 82%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-caption{color:color-mix(in oklab, var(--muted) 72%, var(--text))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=disclosure],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=disclosure],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=disclosure-]) .component-playground-disclosure .component-playground-disclosure-definition-item dt{color:color-mix(in oklab, var(--accent) 62%, var(--muted))}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=react][data-primitive=tooltip],.component-demo-playground[data-ui^=tooltip-],.component-demo-playground[data-ui=component-demo-playground][data-adapter=vue][data-primitive=tooltip],.component-demo-playground[data-ui^=vue-tooltip-],.component-demo-playground[data-ui=component-demo-playground][data-adapter=svelte][data-primitive=tooltip],.component-demo-playground[data-ui^=svelte-tooltip-],.site-frame[data-adapter=react] .component-demo-playground[data-ui^=tooltip-],.site-frame[data-adapter=vue] .component-demo-playground[data-ui^=vue-tooltip-],.site-frame[data-adapter=svelte] .component-demo-playground[data-ui^=svelte-tooltip-]){--tooltip-demo-bg:color-mix(in oklab, var(--surface) 72%, transparent);--tooltip-demo-fg:var(--text);--tooltip-demo-border:var(--border);--tooltip-demo-join-size:.98rem;--tooltip-demo-join-cover:3px;--tooltip-demo-join-radius:999px;--tooltip-demo-join-offset:-.5px;--tooltip-demo-arrow-edge-offset-inline:.92rem;--tooltip-demo-arrow-edge-offset-block:.82rem}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=vanilla][data-primitive=tooltip],.component-demo-playground[data-ui^=vanilla-tooltip-],.site-frame[data-adapter=vanilla] .component-demo-playground[data-ui^=vanilla-tooltip-]){--tooltip-demo-bg:#101217;--tooltip-demo-fg:#f5f7fb;--tooltip-demo-border:color-mix(in oklab, var(--tooltip-demo-bg) 76%, var(--tooltip-demo-fg));--tooltip-demo-join-size:1.1rem;--tooltip-demo-join-cover:4px;--tooltip-demo-join-radius:999px;--tooltip-demo-join-offset:-.5px;--tooltip-demo-arrow-edge-offset-inline:1rem;--tooltip-demo-arrow-edge-offset-block:.92rem}:root[data-theme=dark] :is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=vanilla][data-primitive=tooltip],.component-demo-playground[data-ui^=vanilla-tooltip-],.site-frame[data-adapter=vanilla] .component-demo-playground[data-ui^=vanilla-tooltip-]){--tooltip-demo-bg:#f5f7fb;--tooltip-demo-fg:#101217;--tooltip-demo-border:color-mix(in oklab, var(--tooltip-demo-bg) 76%, var(--tooltip-demo-fg))}.component-demo-playground [data-ui=tooltip][data-slot=positioner]{overflow:visible!important}.component-demo-playground [data-ui=tooltip][data-slot=content]{--tooltip-arrow-fill:var(--tooltip-demo-bg,color-mix(in oklab, var(--surface) 72%, transparent));--tooltip-arrow-border:var(--tooltip-demo-border,var(--border));--tooltip-arrow-edge-offset-inline:var(--tooltip-demo-arrow-edge-offset-inline,.92rem);--tooltip-arrow-edge-offset-block:var(--tooltip-demo-arrow-edge-offset-block,.82rem);--tooltip-join-size:var(--tooltip-demo-join-size,.98rem);--tooltip-join-cover:var(--tooltip-demo-join-cover,3px);--tooltip-join-radius:var(--tooltip-demo-join-radius,0);--tooltip-join-offset:var(--tooltip-demo-join-offset,-2px);isolation:isolate}:is(.component-demo-playground[data-ui=component-demo-playground][data-adapter=vanilla][data-primitive=tooltip],.component-demo-playground[data-ui^=vanilla-tooltip-],.site-frame[data-adapter=vanilla] .component-demo-playground[data-ui^=vanilla-tooltip-]) [data-ui=tooltip][data-slot=content]{background:var(--tooltip-demo-bg);color:var(--tooltip-demo-fg);border-color:var(--tooltip-demo-border)}.component-playground-tooltip-arrow{--tooltip-arrow-size:.72rem;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);z-index:3;pointer-events:none;font-size:0;line-height:0;display:block;position:absolute}.component-playground-tooltip-arrow[data-side=top][data-placement$=-start],.component-playground-tooltip-arrow[data-side=bottom][data-placement$=-start]{left:var(--tooltip-arrow-edge-offset-inline)!important}.component-playground-tooltip-arrow[data-side=top][data-placement$=-end],.component-playground-tooltip-arrow[data-side=bottom][data-placement$=-end]{left:calc(100% - var(--tooltip-arrow-edge-offset-inline))!important}.component-playground-tooltip-arrow[data-side=left][data-placement$=-start],.component-playground-tooltip-arrow[data-side=right][data-placement$=-start]{top:var(--tooltip-arrow-edge-offset-block)!important}.component-playground-tooltip-arrow[data-side=left][data-placement$=-end],.component-playground-tooltip-arrow[data-side=right][data-placement$=-end]{top:calc(100% - var(--tooltip-arrow-edge-offset-block))!important}.component-playground-tooltip-arrow:before{content:"";border:1px solid var(--tooltip-arrow-border);background:var(--tooltip-arrow-fill);border-radius:.08rem;position:absolute;inset:0;transform:rotate(45deg)}.component-playground-tooltip-arrow[data-side=top]{inset:100% auto auto 50%!important;transform:translate(-50%,-54%)!important}.component-playground-tooltip-arrow[data-side=bottom]{inset:auto auto 100% 50%!important;transform:translate(-50%,54%)!important}.component-playground-tooltip-arrow[data-side=left]{inset:50% auto auto 100%!important;transform:translate(-54%,-50%)!important}.component-playground-tooltip-arrow[data-side=right]{inset:50% 100% auto auto!important;transform:translate(54%,-50%)!important}.component-playground-tooltip-arrow[data-side=top]:before{border-top-color:#0000;border-left-color:#0000}.component-playground-tooltip-arrow[data-side=bottom]:before{border-bottom-color:#0000;border-right-color:#0000}.component-playground-tooltip-arrow[data-side=left]:before{border-bottom-color:#0000;border-left-color:#0000}.component-playground-tooltip-arrow[data-side=right]:before{border-top-color:#0000;border-right-color:#0000}.component-demo-playground [data-ui=tooltip][data-slot=content]:after{background:var(--tooltip-arrow-fill);border-radius:var(--tooltip-join-radius);content:"";z-index:4;pointer-events:none;position:absolute}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=top]:after,.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=bottom]:after{width:var(--tooltip-join-size);height:var(--tooltip-join-cover);left:50%;transform:translate(-50%)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=top][data-placement$=-start]:after,.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=bottom][data-placement$=-start]:after{left:var(--tooltip-arrow-edge-offset-inline)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=top][data-placement$=-end]:after,.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=bottom][data-placement$=-end]:after{left:calc(100% - var(--tooltip-arrow-edge-offset-inline))}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=left]:after,.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=right]:after{width:var(--tooltip-join-cover);height:var(--tooltip-join-size);top:50%;transform:translateY(-50%)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=left][data-placement$=-start]:after,.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=right][data-placement$=-start]:after{top:var(--tooltip-arrow-edge-offset-block)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=left][data-placement$=-end]:after,.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=right][data-placement$=-end]:after{top:calc(100% - var(--tooltip-arrow-edge-offset-block))}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=top]:after{bottom:var(--tooltip-join-offset)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=bottom]:after{top:var(--tooltip-join-offset)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=left]:after{right:var(--tooltip-join-offset)}.component-demo-playground [data-ui=tooltip][data-slot=content][data-side=right]:after{left:var(--tooltip-join-offset)}.component-playground-badge-hero{border:1px solid color-mix(in oklab, var(--nk-comp-role-border) 76%, transparent);background:linear-gradient(120deg, color-mix(in oklab, var(--nk-comp-role-surface-elevated) 66%, transparent) 0%, color-mix(in oklab, var(--nk-comp-role-surface) 92%, transparent) 68%);border-radius:.62rem;justify-items:center;padding:.42rem}.component-playground-badge-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.72rem;width:100%;display:flex}.component-playground-badge-inline{text-align:center;width:100%;color:var(--nk-comp-role-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.34rem;margin:0;font-size:.84rem;line-height:1.4;display:flex}.component-playground-badge-compact-shell{border:1px solid color-mix(in oklab, var(--nk-comp-role-border-accent) 62%, var(--nk-comp-role-border));background:color-mix(in oklab, var(--nk-comp-role-primary-soft) 62%, var(--nk-comp-role-surface));border-radius:999px;align-items:center;gap:.3rem;width:fit-content;padding:.2rem .36rem;display:inline-flex}.component-playground-badge-dot{background:var(--nk-comp-role-primary);border-radius:999px;width:.34rem;height:.34rem}.component-demo-playground [data-ui=badge][data-slot=root]{--component-badge-bg:var(--nk-comp-badge-bg);--component-badge-border:var(--nk-comp-badge-border);--component-badge-text:var(--nk-comp-badge-text);border:1px solid var(--component-badge-border);background:var(--component-badge-bg);width:fit-content;max-width:100%;min-height:1.34rem;color:var(--component-badge-text);letter-spacing:.01em;white-space:nowrap;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.08rem .6rem;font-size:.72rem;font-weight:600;line-height:1.05;display:inline-flex}.component-demo-playground [data-ui=badge][data-slot=label]{color:inherit;font:inherit;line-height:inherit}.component-demo-playground [data-ui=badge][data-slot=root][data-variant=default]{--component-badge-bg:var(--nk-base-neutral-1000);--component-badge-border:var(--nk-base-neutral-1000);--component-badge-text:var(--nk-base-neutral-0)}.component-demo-playground [data-ui=badge][data-slot=root][data-variant=secondary]{--component-badge-bg:color-mix(in oklab, var(--nk-comp-role-surface-elevated) 66%, var(--nk-comp-role-border) 34%);--component-badge-border:transparent;--component-badge-text:var(--nk-comp-role-text)}.component-demo-playground [data-ui=badge][data-slot=root][data-variant=destructive]{--component-badge-bg:color-mix(in oklab, var(--nk-comp-role-error-soft) 92%, var(--nk-comp-role-surface));--component-badge-border:transparent;--component-badge-text:var(--nk-comp-role-error)}.component-demo-playground [data-ui=badge][data-slot=root][data-variant=outline]{--component-badge-bg:var(--nk-comp-role-surface);--component-badge-border:var(--nk-comp-role-border);--component-badge-text:var(--nk-comp-role-text);box-shadow:none}.component-demo-playground [data-ui=badge][data-slot=root][data-variant=ghost]{--component-badge-bg:transparent;--component-badge-border:transparent;--component-badge-text:var(--nk-comp-role-text);box-shadow:none}:root[data-theme=light] .component-demo-playground [data-ui=badge][data-slot=root][data-variant=secondary]{--component-badge-bg:color-mix(in oklab, var(--nk-comp-role-surface-elevated) 58%, var(--nk-comp-role-border) 42%)}:root[data-theme=dark] .component-demo-playground [data-ui=badge][data-slot=root][data-variant=default]{--component-badge-bg:var(--nk-base-neutral-0);--component-badge-border:var(--nk-base-neutral-0);--component-badge-text:var(--nk-base-neutral-1000)}.component-demo-playground [data-ui=badge][data-slot=root][data-disabled=true]{--component-badge-bg:var(--nk-comp-role-disabled-bg);--component-badge-border:var(--nk-comp-role-disabled-border);--component-badge-text:var(--nk-comp-role-disabled-text);opacity:.82}.component-demo-playground [data-ui=badge][data-slot=root][data-invalid=true]{--component-badge-bg:color-mix(in oklab, var(--nk-comp-role-error-soft) 82%, var(--nk-comp-role-surface));--component-badge-border:color-mix(in oklab, var(--nk-comp-role-error) 66%, var(--nk-comp-role-border));--component-badge-text:color-mix(in oklab, var(--nk-comp-role-error) 88%, var(--nk-comp-role-text))}.component-demo-playground [data-ui=breadcrumb][data-slot=root]{--component-breadcrumb-surface:color-mix(in oklab, var(--nk-comp-role-surface-raised) 78%, var(--nk-comp-role-surface));--component-breadcrumb-border:color-mix(in oklab, var(--nk-comp-role-border-accent) 28%, var(--nk-comp-role-border));--component-breadcrumb-link-bg:color-mix(in oklab, var(--nk-comp-role-surface-elevated) 78%, var(--nk-comp-role-surface));--component-breadcrumb-link-border:color-mix(in oklab, var(--nk-comp-role-border) 72%, transparent);--component-breadcrumb-link-hover-bg:color-mix(in oklab, var(--nk-comp-role-active-bg) 74%, var(--nk-comp-role-surface));--component-breadcrumb-current-bg:color-mix(in oklab, var(--nk-comp-role-primary-soft) 68%, var(--nk-comp-role-surface));--component-breadcrumb-current-border:color-mix(in oklab, var(--nk-comp-role-border-accent) 56%, var(--nk-comp-role-border));--component-breadcrumb-ellipsis-bg:color-mix(in oklab, var(--nk-comp-breadcrumb-ellipsis-bg) 86%, var(--nk-comp-role-surface));--component-breadcrumb-ellipsis-border:color-mix(in oklab, var(--nk-comp-breadcrumb-ellipsis-border) 74%, transparent);--component-breadcrumb-ellipsis-panel-bg:color-mix(in oklab, var(--nk-comp-breadcrumb-ellipsis-panel-bg) 90%, var(--nk-comp-role-surface));--component-breadcrumb-ellipsis-panel-border:color-mix(in oklab, var(--nk-comp-breadcrumb-ellipsis-panel-border) 78%, transparent);border:1px solid var(--component-breadcrumb-border);background:linear-gradient(120deg, color-mix(in oklab, var(--component-breadcrumb-surface) 86%, transparent) 0%, color-mix(in oklab, var(--nk-comp-role-surface) 94%, transparent) 100%);border-radius:.78rem;width:fit-content;max-width:100%;margin-block:0;margin-inline:auto;padding:.44rem .52rem;display:inline-flex;overflow:visible;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.28)}.component-demo-playground [data-ui=breadcrumb][data-slot=list]{flex-wrap:wrap;align-items:center;gap:.36rem;margin:0;padding:0;list-style:none;display:flex}.component-demo-playground [data-ui=breadcrumb][data-slot=item]{align-items:center;gap:.36rem;min-width:0;display:inline-flex}.component-demo-playground [data-ui=breadcrumb][data-slot=link],.component-demo-playground [data-ui=breadcrumb][data-slot=current],.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger]{text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;max-width:min(100%,18ch);min-height:1.52rem;padding:.14rem .56rem;font-size:.78rem;line-height:1.25;display:inline-flex;overflow:hidden}.component-demo-playground [data-ui=breadcrumb][data-slot=link]{border:1px solid var(--component-breadcrumb-link-border);background:var(--component-breadcrumb-link-bg);color:var(--nk-comp-breadcrumb-link);text-decoration:none;transition:color .16s,border-color .16s,background-color .16s,box-shadow .16s}.component-demo-playground [data-ui=breadcrumb][data-slot=link]:hover{color:var(--nk-comp-breadcrumb-link-hover);border-color:color-mix(in oklab, var(--nk-comp-role-border-accent) 60%, var(--component-breadcrumb-link-border));background:var(--component-breadcrumb-link-hover-bg)}.component-demo-playground [data-ui=breadcrumb][data-slot=link]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--nk-comp-role-focus-ring) 42%, transparent);outline:none}.component-demo-playground [data-ui=breadcrumb][data-slot=link][data-disabled=true],.component-demo-playground [data-ui=breadcrumb][data-slot=link][aria-disabled=true]{color:var(--nk-comp-role-disabled-text);border-color:var(--nk-comp-role-disabled-border);background:var(--nk-comp-role-disabled-bg);pointer-events:none}.component-demo-playground [data-ui=breadcrumb][data-slot=current],.component-demo-playground [data-ui=breadcrumb][data-slot=link][data-state=current],.component-demo-playground [data-ui=breadcrumb][data-slot=link][data-selected=true]{border:1px solid var(--component-breadcrumb-current-border);background:var(--component-breadcrumb-current-bg);color:var(--nk-comp-breadcrumb-current);font-weight:600}.component-demo-playground [data-ui=breadcrumb][data-slot=list]:not(:has([data-ui=breadcrumb][data-slot=item][data-state=current],[data-ui=breadcrumb][data-slot=current],[data-ui=breadcrumb][data-slot=link][data-state=current],[data-ui=breadcrumb][data-slot=link][data-selected=true])) [data-ui=breadcrumb][data-slot=item]:last-child [data-ui=breadcrumb][data-slot=link]{border:1px solid var(--component-breadcrumb-current-border);background:var(--component-breadcrumb-current-bg);color:var(--nk-comp-breadcrumb-current);font-weight:600}.component-demo-playground [data-ui=breadcrumb][data-slot=separator]{color:var(--nk-comp-breadcrumb-separator);-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:700;line-height:1}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis]{align-items:center;display:inline-flex;position:relative}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger]{border:1px solid var(--component-breadcrumb-ellipsis-border);background:var(--component-breadcrumb-ellipsis-bg);min-width:2.24rem;color:var(--nk-comp-breadcrumb-ellipsis);cursor:pointer;border-radius:999px;padding-block:0;font-weight:700;line-height:1;transition:color .16s,border-color .16s,background-color .16s,box-shadow .16s}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger]:hover{color:var(--nk-comp-breadcrumb-ellipsis-hover);border-color:color-mix(in oklab, var(--nk-comp-role-border-accent) 58%, var(--component-breadcrumb-ellipsis-border));background:color-mix(in oklab, var(--component-breadcrumb-ellipsis-bg) 78%, var(--nk-comp-role-hover-bg))}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--nk-comp-role-focus-ring) 42%, transparent);outline:none}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger][data-expanded=true]{color:var(--nk-comp-breadcrumb-ellipsis-hover);border-color:color-mix(in oklab, var(--nk-comp-role-border-accent) 72%, var(--component-breadcrumb-ellipsis-border));background:color-mix(in oklab, var(--nk-comp-role-primary-soft) 46%, var(--component-breadcrumb-ellipsis-bg))}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger][data-disabled=true],.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger][aria-disabled=true]{color:var(--nk-comp-role-disabled-text);border-color:var(--nk-comp-role-disabled-border);background:var(--nk-comp-role-disabled-bg);cursor:not-allowed}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-content]{z-index:12;border:1px solid var(--component-breadcrumb-ellipsis-panel-border);background:var(--component-breadcrumb-ellipsis-panel-bg);min-width:10.8rem;box-shadow:var(--nk-comp-breadcrumb-ellipsis-panel-shadow);border-radius:.66rem;gap:.12rem;padding:.26rem;display:grid;position:absolute;top:calc(100% + .38rem);left:0}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-content][hidden]{display:none}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-content] a{color:var(--nk-comp-breadcrumb-link-hover);white-space:nowrap;border-radius:.5rem;padding:.28rem .5rem;font-size:.75rem;line-height:1.2;text-decoration:none;transition:color .16s,background-color .16s;display:block}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-content] a:hover{color:var(--nk-comp-breadcrumb-current);background:var(--nk-comp-breadcrumb-ellipsis-item-hover-bg)}@media (width<=640px){.component-demo-playground [data-ui=breadcrumb][data-slot=root]{border-radius:.72rem;padding:.4rem .44rem}.component-demo-playground [data-ui=breadcrumb][data-slot=list],.component-demo-playground [data-ui=breadcrumb][data-slot=item]{gap:.3rem}.component-demo-playground [data-ui=breadcrumb][data-slot=link],.component-demo-playground [data-ui=breadcrumb][data-slot=current],.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger]{max-width:14ch;padding-inline:.44rem;font-size:.74rem}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-trigger]{min-width:1.96rem}.component-demo-playground [data-ui=breadcrumb][data-slot=ellipsis-content]{min-width:9.5rem}}.component-demo-playground [data-ui=alert][data-slot=root]{--component-alert-tone:color-mix(in oklab, var(--accent) 78%, var(--text));--component-alert-soft:color-mix(in oklab, var(--accent-soft) 54%, var(--surface-strong));--component-alert-border:color-mix(in oklab, var(--component-alert-tone) 46%, var(--border));border:1px solid var(--component-alert-border);background:linear-gradient(105deg, color-mix(in oklab, var(--component-alert-soft) 78%, transparent) 0%, color-mix(in oklab, var(--surface-strong) 96%, transparent) 56%);border-inline-start-width:.32rem;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.24)}.component-demo-playground [data-ui=alert][data-slot=root][data-severity=warning]{--component-alert-tone:color-mix(in oklab, #b86600 78%, var(--text));--component-alert-soft:color-mix(in oklab, #f6c46b 24%, var(--surface-strong))}.component-demo-playground [data-ui=alert][data-slot=root][data-severity=error]{--component-alert-tone:color-mix(in oklab, var(--ui-destructive) 92%, var(--text));--component-alert-soft:color-mix(in oklab, var(--ui-destructive) 22%, var(--surface-strong))}.component-demo-playground [data-ui=alert][data-slot=title]{font-family:var(--font-title);color:var(--component-alert-tone);align-items:center;gap:.4rem;margin:0 0 .42rem;font-size:.95rem;display:inline-flex}.component-demo-playground [data-ui=alert][data-slot=title]:before{content:"";background:var(--component-alert-tone);width:.72rem;height:.72rem;box-shadow:0 0 0 2px color-mix(in oklab, var(--component-alert-tone) 28%, transparent);border-radius:999px;flex:none}.component-demo-playground [data-ui=alert][data-slot=root][data-severity=warning] [data-ui=alert][data-slot=title]:before{clip-path:polygon(50% 0%,0% 100%,100% 100%);border-radius:0}.component-demo-playground [data-ui=alert][data-slot=root][data-severity=error] [data-ui=alert][data-slot=title]:before{border-radius:.14rem;transform:rotate(45deg)}.component-demo-playground [data-ui=alert][data-slot=description]{color:color-mix(in oklab, var(--text) 74%, var(--component-alert-tone))}.component-playground-list{border:1px solid var(--border);background:var(--surface-strong);border-radius:.65rem;gap:.34rem;padding:.46rem;display:grid}.component-playground-list[hidden]{display:none}.component-playground-combobox .component-playground-list{background:var(--surface-strong);z-index:2;width:min(100%,15rem);margin-inline:auto;position:relative}.component-playground-popup-panel{z-index:2;gap:.42rem;position:relative}.component-playground-combobox [data-slot=positioner]{z-index:2;position:relative}.component-playground-popup-input{margin-bottom:.1rem}.component-playground-group-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);padding:.2rem .1rem;font-size:.76rem;font-weight:600}.component-playground-separator{background:color-mix(in oklab, var(--border) 90%, transparent);height:1px;margin:.18rem .1rem}.component-playground-empty{border:1px dashed var(--border);color:var(--muted);border-radius:.52rem;padding:.44rem .5rem;font-size:.88rem}.component-playground-caption{color:var(--muted);margin:0;font-size:.82rem}.component-playground-invalid-message{color:color-mix(in oklab, #b3261e 74%, var(--text))}.component-playground-floating-listbox{background:var(--surface-strong);z-index:2147483647;max-height:min(14rem,100vh - .75rem);box-shadow:0 12px 30px color-mix(in oklab, var(--text) 22%, transparent);margin:0;position:fixed;overflow:auto}.component-playground-dialog{justify-items:center;min-height:11rem;position:relative}.component-playground-overlay{background:color-mix(in oklab, var(--text) 12%, transparent);pointer-events:none;border-radius:.7rem;position:absolute;inset:0}.component-playground-dialog-content{z-index:1;position:absolute;inset:auto .65rem .65rem}.component-playground-dialog-overlay{background:color-mix(in oklab, var(--text) 20%, transparent);-webkit-backdrop-filter:blur(8px);pointer-events:auto;z-index:1200;border-radius:0;position:fixed;inset:0}.component-playground-dialog-panel{z-index:1200;text-align:center;width:min(31rem,100vw - 1.5rem);max-height:calc(100vh - 1.5rem);margin:0;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.component-playground-dialog-panel .component-playground-stack{justify-items:center}.component-playground-dialog-panel .component-playground-row{justify-content:center}.component-playground-dialog-header{justify-content:space-between;align-items:flex-start;gap:.65rem;width:100%;display:flex}.component-playground-dialog-header-main{text-align:left;flex:auto;min-width:0}.component-playground-dialog-header-main .component-playground-caption{text-align:left}.component-playground-dialog-panel .component-playground-dialog-header-main{justify-items:start}.component-playground-dialog-close-button{border-color:color-mix(in oklab, var(--accent) 34%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--surface-strong) 92%, var(--accent-soft)) 0%, color-mix(in oklab, var(--accent-soft) 58%, var(--surface-strong)) 100%);box-shadow:0 8px 16px color-mix(in oklab, var(--accent) 10%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.28);flex:none;padding:.3rem .58rem;font-size:.78rem;line-height:1.2;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.component-playground-dialog-close-button:hover{border-color:color-mix(in oklab, var(--accent) 46%, var(--border));box-shadow:0 10px 20px color-mix(in oklab, var(--accent) 14%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.32);transform:translateY(-1px)}.component-playground-dialog-close-button:active{transform:translateY(0)}.component-playground-dialog-sub-trigger{border-style:solid;border-color:color-mix(in oklab, var(--accent) 48%, var(--border));background:linear-gradient(165deg, color-mix(in oklab, var(--accent-soft) 90%, var(--surface-strong)) 0%, color-mix(in oklab, var(--accent-soft) 50%, var(--surface-strong)) 100%)}.component-playground-dialog-overlay-parent{z-index:1200}.component-playground-dialog-panel-parent{z-index:1210;box-shadow:0 20px 48px color-mix(in oklab, var(--text) 24%, transparent);transform:translate(calc(-50% - 2.2rem),calc(-50% - 1.2rem))}.component-playground-dialog-overlay-child{z-index:1220;background:color-mix(in oklab, var(--text) 14%, transparent);-webkit-backdrop-filter:blur(3px)}.component-playground-dialog-panel-child{z-index:1230;width:min(28rem,100vw - 1.5rem);box-shadow:0 30px 64px color-mix(in oklab, var(--text) 34%, transparent);transform:translate(calc(2.4rem - 50%),calc(1.5rem - 50%))}.components-overview{gap:1rem;display:grid}.components-category-jump-list,.components-filter-list{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.components-category-jump-list a,.components-filter-list a{border:1px solid var(--border);color:var(--text);background:color-mix(in oklab, var(--surface) 72%, transparent);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .65rem;text-decoration:none;display:inline-flex}.components-category-jump-list a:hover,.components-filter-list a:hover{border-color:color-mix(in oklab, var(--accent) 30%, var(--border));background:color-mix(in oklab, var(--accent-soft) 48%, transparent)}.components-category-group,.components-filter-group{gap:.9rem;display:grid}.components-category-title{align-items:center;gap:.5rem;display:flex}.components-category-count{border:1px solid color-mix(in oklab, var(--accent) 38%, var(--border));min-width:1.55rem;height:1.55rem;color:color-mix(in oklab, var(--accent) 88%, var(--text));background:color-mix(in oklab, var(--accent-soft) 70%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 .45rem;font-size:.78rem;font-weight:600;display:inline-flex}.components-overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.72rem;display:grid}.components-overview-card{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-strong) 95%, transparent);border-radius:.8rem;gap:.4rem;padding:.8rem;display:grid}.components-overview-card h3{font-family:var(--font-title);margin:0;font-size:1rem}.components-overview-card a{color:var(--accent);text-decoration:none}.components-overview-card p{margin:0}.doc-article h2,.component-article h2,.component-article h3{scroll-margin-top:6.4rem}.markdown{color:var(--text);line-height:1.7}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{color:var(--muted);margin:.5rem 0}.markdown h3,.markdown h4,.markdown h5,.markdown h6{font-family:var(--font-title);margin:1.1rem 0 .5rem;scroll-margin-top:6.4rem;line-height:1.3}.markdown ul,.markdown ol{margin:.52rem 0 .85rem;padding-left:1.18rem}.markdown li{color:var(--muted);margin:.2rem 0}.markdown a{color:var(--accent);text-underline-offset:.13em}.markdown blockquote{border-left:3px solid color-mix(in oklab, var(--accent) 45%, var(--border));background:color-mix(in oklab, var(--accent-soft) 24%, transparent);border-radius:0 .45rem .45rem 0;margin:.85rem 0;padding:.4rem .82rem}.markdown table{border-collapse:collapse;border-radius:.7rem;width:100%;margin:.9rem 0;overflow:hidden}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:.45rem .55rem}.markdown code{border:1px solid var(--site-code-inline-border);background:var(--site-code-inline-background);color:var(--site-code-inline-text);border-radius:.35rem;padding:.08rem .3rem;font-family:JetBrains Mono,SF Mono,Fira Code,Menlo,monospace;font-size:.92em}.markdown pre,.code-block{border:1px solid var(--site-code-panel-border);background:var(--site-code-panel-background);color:var(--site-code-panel-text);box-shadow:var(--site-code-panel-shadow);color-scheme:var(--site-code-panel-scheme);scrollbar-color:var(--site-code-scrollbar) var(--site-code-scrollbar-track);scrollbar-width:thin;border-radius:.8rem;margin:.8rem 0 .2rem;padding:.85rem .92rem;position:relative;overflow-x:auto}.markdown pre code,.code-block code{color:inherit;tab-size:2;background:0 0;border:0;padding:0;font-size:.84rem;line-height:1.6;display:block}.code-block-shiki{border:1px solid var(--site-code-panel-border);background:var(--site-code-panel-background)!important;color:var(--site-code-panel-text)!important}.code-block-shiki code{white-space:pre}.markdown pre:focus-visible,.code-block:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 58%, var(--surface-strong));outline-offset:2px}.toc-list{gap:.18rem;margin:0;padding:0;list-style:none;display:grid}.toc-item a{color:var(--muted);border-radius:.45rem;padding:.3rem .45rem;line-height:1.35;text-decoration:none;display:block}.toc-item a:hover{color:var(--text);background:color-mix(in oklab, var(--accent-soft) 38%, transparent)}.toc-item[data-level="3"] a{padding-left:.9rem}.toc-item[data-parent=state-events] a,.toc-item[data-parent=adapter-notes] a{padding-left:1.25rem}.toc-item[data-level="4"] a{padding-left:1.85rem}.toc-item[data-level="5"] a,.toc-item[data-level="6"] a{padding-left:2.25rem}.toc-empty{color:var(--muted);margin:0}.section-source{opacity:.85;margin-top:.85rem;font-size:.78rem}.themes-page{--themes-ink:color-mix(in oklab, var(--text) 90%, #263241 10%);--themes-soft-ink:color-mix(in oklab, var(--muted) 82%, var(--text) 10%);--themes-accent:var(--accent);--themes-accent-soft:var(--accent-soft);--themes-support:var(--accent-secondary);--themes-danger:var(--ui-destructive,#b42318);--themes-success:var(--ui-success,#157347);--themes-panel:color-mix(in oklab, var(--surface-strong) 74%, transparent);--themes-panel-subtle:color-mix(in oklab, var(--surface-strong) 88%, var(--themes-accent-soft) 12%);--themes-line:color-mix(in oklab, var(--border) 76%, var(--themes-accent) 14%);--themes-shadow:0 18px 38px color-mix(in oklab, var(--themes-accent) 9%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.56);color:var(--themes-ink);gap:2.15rem;padding:.55rem 0 .85rem;display:grid;position:relative}.site-frame[data-section=themes]{background:radial-gradient(circle at 68% 13%, color-mix(in oklab, var(--accent-soft) 46%, transparent) 0 17rem, transparent 31rem), linear-gradient(180deg, color-mix(in oklab, var(--surface) 94%, #fff 6%), color-mix(in oklab, var(--surface) 88%, var(--accent-soft) 12%))}:root[data-theme=dark] .site-frame[data-section=themes]{background:radial-gradient(circle at 68% 13%, color-mix(in oklab, var(--accent) 18%, transparent) 0 17rem, transparent 31rem), linear-gradient(180deg, color-mix(in oklab, var(--surface) 94%, #070b10 6%), color-mix(in oklab, var(--surface) 86%, var(--accent-soft) 14%))}.main[data-section=themes]{overflow:hidden}:root[data-theme=dark] .themes-page{--themes-ink:color-mix(in oklab, var(--text) 88%, #fff 8%);--themes-soft-ink:color-mix(in oklab, var(--muted) 88%, var(--text) 10%);--themes-panel:color-mix(in oklab, var(--surface-strong) 84%, transparent);--themes-panel-subtle:color-mix(in oklab, var(--surface-strong) 86%, var(--themes-accent-soft) 14%);--themes-line:color-mix(in oklab, var(--border) 78%, var(--themes-accent) 16%);--themes-shadow:0 18px 42px oklab(0% none none/.26), inset 0 1px 0 oklab(100% 0 5.96046e-8/.08)}.themes-hero{grid-template-columns:minmax(25rem,.9fr) minmax(34rem,1.2fr);align-items:center;gap:2rem;min-height:20.8rem;display:grid;position:relative}.themes-hero-copy{z-index:2;align-self:start;padding-top:.15rem;position:relative}.themes-release-pill{border:1px solid color-mix(in oklab, var(--border) 84%, var(--text) 8%);background:color-mix(in oklab, var(--surface-strong) 72%, transparent);color:var(--themes-soft-ink);border-radius:999px;align-items:center;font-size:.84rem;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.42)}.themes-release-pill span{align-items:center;min-height:2rem;padding:0 1rem;display:inline-flex}.themes-release-pill span+span{border-left:1px solid color-mix(in oklab, var(--border) 80%, transparent)}.themes-release-pill .themes-version{color:color-mix(in oklab, var(--themes-accent) 78%, var(--text));gap:.45rem}.themes-version-dot{block-size:.48rem;inline-size:.48rem;min-height:0;box-shadow:0 0 0 3px color-mix(in oklab, currentColor 14%, transparent);background:currentColor;border-radius:50%;padding:0}.themes-hero h1{max-width:28rem;font-family:var(--font-title);letter-spacing:0;margin:1.65rem 0 0;font-size:3.25rem;line-height:1.04}.themes-hero h1 span{display:inline}.themes-hero h1 em{letter-spacing:0;color:var(--themes-accent);margin-top:.08rem;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-style:italic;font-weight:400;display:block}.themes-hero-copy p{max-width:29rem;color:var(--themes-soft-ink);margin:1.2rem 0 0;font-size:1.12rem;line-height:1.5}.themes-hero-art{min-height:19rem;color:var(--themes-ink);position:relative;transform:translate(-2.35rem)}.themes-hero-art:before{content:"";z-index:1;border-top:1.35px dashed color-mix(in oklab, var(--themes-accent) 36%, var(--themes-line));opacity:.82;height:4.85rem;filter:drop-shadow(0 .35rem .55rem color-mix(in oklab, var(--themes-accent) 12%, transparent));border-radius:50%;position:absolute;top:10.95rem;left:12.15rem;right:-7.9rem;transform:rotate(4.5deg)}.themes-snake{z-index:3;width:18.25rem;height:18.25rem;color:color-mix(in oklab, var(--themes-ink) 72%, var(--themes-accent) 18%);opacity:.92;position:absolute;top:-.35rem;left:3.45rem;transform:rotate(-7deg)}.themes-art-panel{z-index:2;border:1px solid var(--themes-line);background:color-mix(in oklab, var(--surface) 44%, transparent);box-shadow:var(--themes-shadow);border-radius:8px;position:absolute}.themes-art-panel-main{z-index:4;background:color-mix(in oklab, var(--surface) 88%, var(--surface-strong) 12%);width:26.4rem;height:10.8rem;top:5.25rem;right:11.75rem}.themes-art-panel-main:before{content:"";background:color-mix(in oklab, var(--themes-line) 66%, transparent);width:5.55rem;height:1px;box-shadow:0 1rem 0 color-mix(in oklab, var(--themes-line) 48%, transparent);position:absolute;top:6.32rem;left:5.55rem}.themes-art-square{border:1px solid var(--themes-ink);background:color-mix(in oklab, var(--surface-strong) 52%, transparent);border-radius:4px;width:1.95rem;height:1.95rem;position:absolute;top:1.85rem;left:1.75rem}.themes-art-line{background:color-mix(in oklab, var(--themes-line) 78%, transparent);width:6.05rem;height:1px;position:absolute;left:5.35rem}.themes-art-line-wide{width:7.1rem;top:2.12rem}.themes-art-line:not(.themes-art-line-wide):not(.themes-art-line-short){top:3.72rem}.themes-art-line-short{width:4.5rem;top:5.05rem}.themes-art-dashed{border:1px dashed color-mix(in oklab, var(--themes-line) 72%, transparent);border-radius:5px;width:4.9rem;height:5.8rem;position:absolute;top:1.85rem;right:1.55rem}.themes-art-dashed:before,.themes-art-dashed:after{content:"";border:1px solid color-mix(in oklab, var(--themes-line) 70%, transparent);border-radius:3px;position:absolute;bottom:.55rem}.themes-art-dashed:before{background:linear-gradient(color-mix(in oklab, var(--themes-line) 58%, transparent), color-mix(in oklab, var(--themes-line) 58%, transparent)) .28rem .33rem / .86rem 1px no-repeat, linear-gradient(color-mix(in oklab, var(--themes-line) 48%, transparent), color-mix(in oklab, var(--themes-line) 48%, transparent)) .28rem .72rem / .64rem 1px no-repeat;width:1.45rem;height:1.2rem;left:.48rem}.themes-art-dashed:after{width:1.6rem;height:.52rem;right:.44rem}.themes-art-mini{grid-template-columns:1fr 1.78rem;align-items:end;gap:.38rem;width:4.45rem;display:grid;position:absolute;bottom:1.36rem;right:1.52rem}.themes-art-mini span{border:1px solid color-mix(in oklab, var(--themes-line) 74%, transparent);border-radius:3px;height:1.55rem;display:block}.themes-art-panel-menu{z-index:5;gap:.82rem;width:10.55rem;height:7.35rem;padding:.96rem 1rem;display:grid;top:6.78rem;right:0}.themes-art-panel-menu span{border-radius:4px;height:.86rem;display:block;position:relative}.themes-art-panel-menu span:before,.themes-art-panel-menu span:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.themes-art-panel-menu span:before{border:1px solid color-mix(in oklab, var(--themes-line) 88%, var(--text) 8%);border-radius:2px;width:.42rem;height:.42rem;left:0}.themes-art-panel-menu span:after{background:color-mix(in oklab, var(--themes-line) 74%, transparent);width:5.15rem;height:1px;right:.2rem}.themes-art-panel-menu .themes-art-selected{z-index:2;background:linear-gradient(135deg, transparent 0 42%, color-mix(in oklab, var(--themes-accent) 84%, var(--themes-ink)) 43% 54%, transparent 55%) calc(100% - .86rem) 55% / .48rem .48rem no-repeat, color-mix(in oklab, var(--themes-accent-soft) 62%, var(--surface-strong));height:1.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--themes-accent) 28%, transparent), 0 .45rem .95rem color-mix(in oklab, var(--themes-accent) 8%, transparent);margin:-.2rem -.58rem}.themes-art-panel-menu .themes-art-selected:after{background:color-mix(in oklab, var(--themes-accent) 72%, var(--themes-ink));width:3.38rem;right:2.06rem}.themes-art-panel-menu .themes-art-selected:before{left:.55rem}.themes-art-dots{opacity:.72;width:6.6rem;height:2.25rem;color:color-mix(in oklab, var(--themes-line) 80%, var(--themes-ink) 10%);background-image:radial-gradient(currentColor 1px,#0000 1.5px);background-size:.84rem .84rem;position:absolute;bottom:1.6rem;left:1.1rem}.themes-art-flow{z-index:1;border-top:1px dashed color-mix(in oklab, var(--themes-line) 72%, transparent);opacity:.75;border-radius:50%;position:absolute}.themes-art-flow-left{border-top-color:color-mix(in oklab, var(--themes-line) 84%, transparent);opacity:.58;width:18.8rem;height:7.1rem;top:8.35rem;left:10.1rem;transform:rotate(-15deg)}.themes-art-flow-right{z-index:3;border-top-width:1.35px;border-top-color:color-mix(in oklab, var(--themes-accent) 48%, var(--themes-line));opacity:.92;width:18.15rem;height:4.15rem;filter:drop-shadow(0 .35rem .55rem color-mix(in oklab, var(--themes-accent) 14%, transparent));top:10.82rem;right:-7.7rem;transform:rotate(6deg)}.themes-detail-row{grid-template-columns:minmax(13.5rem,16.4rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.themes-section-heading{grid-template-columns:3.2rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.themes-section-icon,.themes-value-icon{border:1px solid color-mix(in oklab, var(--border) 72%, var(--themes-accent) 14%);background:color-mix(in oklab, var(--themes-accent-soft) 48%, var(--surface-strong));width:3.2rem;height:3.2rem;color:color-mix(in oklab, var(--themes-accent) 82%, var(--text));border-radius:8px;place-items:center;display:inline-grid}.themes-section-heading h2{font-family:var(--font-title);letter-spacing:0;margin:0;font-size:1.28rem;line-height:1.22}.themes-section-heading p{color:var(--themes-soft-ink);margin:.45rem 0 0;line-height:1.45}.theme-role-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.theme-role-card{border:1px solid color-mix(in oklab, var(--border) 82%, var(--text) 4%);background:linear-gradient(180deg, color-mix(in oklab, var(--themes-panel) 92%, #fff 8%), color-mix(in oklab, var(--themes-panel-subtle) 88%, transparent));border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:.72rem;min-height:4.25rem;padding:.88rem 1rem;display:grid;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.42)}.theme-role-dot{background:var(--themes-accent);width:.42rem;height:.42rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--themes-accent) 12%, transparent);border-radius:50%;margin-top:.22rem}.theme-role-card[data-role=background] .theme-role-dot{border:1px solid color-mix(in oklab, var(--border) 92%, var(--text) 8%);background:var(--surface)}.theme-role-card[data-role=foreground] .theme-role-dot{background:var(--text)}.theme-role-card[data-role=border] .theme-role-dot{background:var(--border)}.theme-role-card[data-role=accent] .theme-role-dot{background:var(--themes-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--themes-accent) 12%, transparent)}.theme-role-card[data-role=muted] .theme-role-dot{background:var(--muted)}.theme-role-card[data-role=destructive] .theme-role-dot{background:var(--themes-danger);box-shadow:0 0 0 3px color-mix(in oklab, var(--themes-danger) 12%, transparent)}.theme-role-card[data-role=success] .theme-role-dot{background:var(--themes-success);box-shadow:0 0 0 3px color-mix(in oklab, var(--themes-success) 12%, transparent)}.theme-role-card strong{overflow-wrap:anywhere;color:var(--themes-ink);font-weight:650;line-height:1.15;display:block}.theme-role-card small{color:var(--themes-soft-ink);margin-top:.35rem;font-size:.88rem;line-height:1.35;display:block}.themes-matrix-heading{grid-template-rows:auto 1fr;align-self:stretch}.themes-mode-rail{border:1px solid color-mix(in oklab, var(--border) 84%, var(--text) 4%);background:color-mix(in oklab, var(--surface-strong) 68%, transparent);border-radius:8px;grid-column:1/-1;align-self:end;margin:1.65rem 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.themes-mode-rail li{min-width:0}.themes-mode-rail li+li{border-top:1px solid color-mix(in oklab, var(--border) 78%, transparent)}.themes-mode-button{width:100%;min-height:2.68rem;color:var(--themes-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.15rem 1fr;align-items:center;gap:.65rem;padding:0 1rem;display:grid}.themes-mode-button:hover{background:color-mix(in oklab, var(--themes-accent-soft) 42%, transparent)}.themes-mode-button:focus-visible{outline:2px solid color-mix(in oklab, var(--themes-accent) 48%, #fff);outline-offset:-2px}.themes-mode-button[data-state=active],:root[data-theme=light] .themes-mode-button[data-theme-target=light],:root[data-theme=dark] .themes-mode-button[data-theme-target=dark]{background:color-mix(in oklab, var(--themes-accent-soft) 62%, var(--surface-strong));color:color-mix(in oklab, var(--themes-accent) 76%, var(--text));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--themes-accent) 45%, transparent)}.themes-matrix-shell{border:1px solid color-mix(in oklab, var(--border) 82%, var(--text) 4%);background:color-mix(in oklab, var(--themes-panel) 88%, transparent);box-shadow:var(--themes-shadow);border-radius:8px;overflow-x:auto}.themes-token-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1040px}.themes-token-table th,.themes-token-table td{border-bottom:1px solid color-mix(in oklab, var(--border) 78%, transparent);border-left:1px solid color-mix(in oklab, var(--border) 72%, transparent);text-align:center;vertical-align:middle;padding:.95rem .72rem}.themes-token-table th:first-child,.themes-token-table td:first-child{border-left:0}.themes-token-table tbody tr:last-child th,.themes-token-table tbody tr:last-child td{border-bottom:0}.themes-token-table thead th{color:var(--themes-ink);font-family:var(--font-title);letter-spacing:0;background:color-mix(in oklab, var(--surface-strong) 52%, transparent);font-weight:650}.themes-token-table thead th:first-child{color:#0000;width:5.2rem}.themes-token-table th[data-state=current],.themes-token-table td[data-state=current]{background:color-mix(in oklab, var(--themes-accent-soft) 34%, transparent)}.themes-token-table thead th[data-state=current]{color:color-mix(in oklab, var(--themes-accent) 78%, var(--text));box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--themes-accent) 42%, transparent)}.themes-mode-label{color:var(--themes-ink);grid-template-columns:1.1rem auto;align-items:center;gap:.55rem;font-weight:500;display:inline-grid}.themes-token-chip{border:1px solid color-mix(in oklab, var(--border) 84%, var(--text) 4%);background:color-mix(in oklab, var(--surface-strong) 78%, transparent);border-radius:6px;gap:.48rem;min-width:10.8rem;max-width:100%;padding:.52rem;display:inline-grid;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.36)}.themes-token-swatch-row{text-align:left;grid-template-columns:1.45rem minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;display:grid}.themes-token-swatch{border:1px solid color-mix(in oklab, var(--border) 72%, var(--text) 12%);background-color:var(--themes-token-color,transparent);width:1.32rem;height:1.32rem;box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.34), 0 0 0 1px color-mix(in oklab, var(--themes-token-color,transparent) 22%, transparent);background-image:linear-gradient(135deg,oklab(100% 0 5.96046e-8/.22),#0000 58%);border-radius:5px;display:block}.themes-token-swatch-row small{color:var(--themes-soft-ink);font-size:.62rem;line-height:1;display:block}.themes-token-chip code{color:var(--themes-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:.16rem;font-size:.78rem;display:block;overflow:hidden}.themes-icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.themes-footer-values{border:1px solid color-mix(in oklab, var(--border) 82%, var(--text) 4%);background:color-mix(in oklab, var(--themes-panel) 88%, transparent);width:min(58rem,74%);box-shadow:var(--themes-shadow);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:.65rem auto 0;display:grid;position:relative}.themes-footer-values:before,.themes-footer-values:after{content:"";border-top:1px solid color-mix(in oklab, var(--themes-line) 82%, transparent);pointer-events:none;border-radius:50%;width:17rem;height:3.3rem;position:absolute;bottom:.88rem}.themes-footer-values:before{right:calc(100% + 2.2rem);transform:rotate(-9deg)}.themes-footer-values:after{left:calc(100% + 2.2rem);transform:rotate(9deg)}.themes-value-item{grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:1rem;min-height:5.15rem;padding:1.02rem 1.55rem;display:grid}.themes-value-item+.themes-value-item{border-left:1px solid color-mix(in oklab, var(--border) 70%, transparent)}.themes-value-icon{width:2.38rem;height:2.38rem;color:var(--themes-ink);background:0 0;border-color:#0000}.themes-value-item strong,.themes-value-item small{display:block}.themes-value-item strong{color:var(--themes-ink);font-weight:650;line-height:1.2}.themes-value-item small{color:var(--themes-soft-ink);margin-top:.3rem;font-size:.86rem;line-height:1.35}.token-table{border-collapse:collapse;width:100%}.token-table th,.token-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .45rem}.component-article h2,.doc-article h2,.example-article h2{margin-top:0}.example-actions{flex-wrap:wrap;gap:.55rem;display:flex}.example-actions a,.example-actions button{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:.55rem;padding:.35rem .6rem;text-decoration:none}.example-layout{grid-template-columns:220px minmax(0,1fr);gap:.8rem;display:grid}.file-tree{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 70%, transparent);border-radius:.75rem;padding:.7rem}.file-tree ul{gap:.35rem;margin:0;padding-left:1rem;display:grid}.file-tree a{color:var(--accent);text-decoration:none}.file-panel{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-strong) 94%, transparent);border-radius:.75rem;margin-bottom:.7rem;padding:.7rem}.file-panel header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.file-panel button{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:.45rem;padding:.22rem .5rem}pre{border:1px solid var(--site-code-panel-border);background:var(--site-code-panel-background);color:var(--site-code-panel-text);color-scheme:var(--site-code-panel-scheme);scrollbar-color:var(--site-code-scrollbar) var(--site-code-scrollbar-track);scrollbar-width:thin;border-radius:.75rem;margin:.55rem 0 0;padding:.75rem;overflow-x:auto}.eyebrow{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1440px){.docs-layout.components-layout{grid-template-columns:minmax(188px,228px) minmax(0,1fr) minmax(172px,212px)}}@media (width<=1279px){.docs-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.docs-layout.components-layout{grid-template-columns:minmax(176px,210px) minmax(0,1fr)}.docs-column-toc{display:none}.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.themes-hero{grid-template-columns:minmax(18rem,.76fr) minmax(29rem,1.24fr)}.themes-art-panel-main{width:21.8rem;right:12rem}.themes-snake{width:14.8rem;height:14.8rem;left:2.7rem}.theme-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.themes-footer-values{width:min(62rem,88%)}}@media (width<=920px){.docs-layout{grid-template-columns:1fr}.docs-column-nav,.docs-column-toc{position:static}.docs-nav,.docs-toc{max-height:none}.docs-nav-list{flex-wrap:nowrap;gap:.5rem;padding-bottom:.32rem;display:flex;overflow-x:auto}.docs-nav-list li{min-width:max-content}.docs-nav-summary{display:none}.home-snake-stage{grid-template-columns:1fr;gap:1.8rem;min-height:auto}.home-hero-copy{max-width:42rem}.home-hero-art{margin:0}.home-feature-panel{grid-template-columns:1fr}.home-feature-ornaments{display:none}.home-feature-header{padding-top:0;position:static}.home-feature-header p{max-width:32rem}.home-example-shell{grid-template-columns:1fr;gap:1.2rem}.home-control-copy{border-inline-end:0;border-bottom:1px dashed color-mix(in oklab, var(--border) 78%, transparent);padding:0 0 1rem}.home-control-copy h2,.home-control-copy p{max-width:34rem}.home-control-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline-start:0}}@media (width<=1000px){.site-header{grid-template-columns:1fr}.site-logo,.top-nav,.switchers{justify-self:stretch}.site-logo{justify-content:center;width:auto}.top-nav{justify-content:center;gap:1rem}.switchers{flex-wrap:wrap;justify-content:flex-start}.site-body{grid-template-columns:1fr}.quick-search{width:auto;margin-left:0}.quick-search-trigger{justify-content:flex-start;width:auto}.site-command-dialog-content{width:calc(100vw - 1.5rem);padding:.85rem;top:5rem}.site-command-dialog-form,.example-layout{grid-template-columns:1fr}.resource-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-section-header{flex-direction:column}.resource-action{text-align:center;width:100%}.agent-section-header{flex-direction:column}.agent-section-action{text-align:center;width:100%}.agent-fetch-layout{grid-template-columns:1fr}.themes-hero{grid-template-columns:1fr;gap:1rem;min-height:auto}.themes-hero-copy{max-width:38rem}.themes-hero-art{min-height:18.4rem;transform:none}.themes-hero-art:before{left:9rem;right:-2.2rem}.themes-snake{left:.5rem}.themes-art-panel-main{right:6.2rem}.themes-detail-row{grid-template-columns:1fr;gap:1.05rem}.themes-section-heading{max-width:34rem}.themes-mode-rail{max-width:18rem}.themes-footer-values{width:100%}}@media (width<=520px){.site-logo{min-height:2.55rem}.site-logo-snake{width:2.18rem;height:2.34rem;margin-right:-.2rem}.site-logo-mark{width:1.96rem;height:1.96rem}.site-logo-letter-a{font-size:1.32rem}.site-logo-letter-k{font-size:1.13rem}.site-logo-letter-e{font-size:.98rem}}@media (width<=700px){.home-title{font-size:2.65rem;line-height:1.04}.home-action{width:100%}.home-proof-row,.home-control-feature-list,.home-feature-grid{grid-template-columns:1fr}.home-example-shell{padding:1rem}.themes-page{gap:1.7rem}.themes-hero h1{font-size:2.55rem}.themes-hero h1 em{font-size:2.32rem}.themes-hero-copy p{font-size:1rem}.themes-hero-art{min-height:15.8rem}.themes-snake{width:12.2rem;height:12.2rem;top:0}.themes-art-panel-main{width:20.4rem;height:9.2rem;top:4.2rem;right:3.3rem}.themes-art-panel-menu{width:8.8rem;top:5.55rem}.themes-hero-art:before,.themes-art-dashed,.themes-art-flow,.themes-art-dots{display:none}.theme-role-grid,.themes-footer-values{grid-template-columns:1fr}.themes-value-item+.themes-value-item{border-top:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-left:0}.themes-footer-values:before,.themes-footer-values:after{display:none}}@media (width<=560px){.home-snake-stage{padding-top:1.8rem}.home-version-pill{border-radius:.65rem;flex-wrap:wrap}.home-version-pill span{border-bottom:1px solid color-mix(in oklab, var(--border) 60%, transparent)}.home-version-pill span:last-child{border-bottom:0}.home-code-window pre{max-height:11rem;font-size:.72rem}.quick-search-trigger-label{display:none}.themes-release-pill{border-radius:8px}.themes-release-pill span{padding:0 .78rem}.themes-hero-art{min-height:12.2rem}.themes-snake{width:9.4rem;height:9.4rem}.themes-art-panel-main{width:14.8rem;height:7.8rem;right:1.4rem}.themes-art-panel-menu{display:none}.themes-art-square{width:1.55rem;height:1.55rem}.themes-art-line{width:4.7rem;left:4.55rem}.themes-art-line-wide{width:6rem}.themes-section-heading,.themes-value-item{grid-template-columns:2.8rem minmax(0,1fr)}.themes-section-icon{width:2.8rem;height:2.8rem}.themes-token-table{min-width:760px}}@media (width<=1320px){.main[data-section=docs] .docs-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.main[data-section=docs] .docs-column-toc{display:none}.main[data-section=components] .components-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.main[data-section=components] .docs-column-toc{display:none}}@media (width<=920px){.main[data-section=docs] .docs-layout{grid-template-columns:1fr}.main[data-section=docs] .docs-column-nav,.main[data-section=docs] .docs-column-toc{position:static}.main[data-section=docs] .docs-nav{min-height:auto;display:block}.main[data-section=docs] .docs-nav,.main[data-section=docs] .docs-toc{max-height:none}.main[data-section=docs] .docs-sidebar-callout{display:none}.main[data-section=docs] .docs-overview-header{grid-template-columns:1fr;min-height:auto;padding:1.55rem}.main[data-section=docs] .docs-hero-doodle{justify-self:start;width:8.5rem;min-height:8.6rem;margin-top:.75rem}.main[data-section=docs] .docs-hero-snake{width:4rem;right:1.2rem}:is(.main[data-section=docs] .docs-overview-body .markdown p:has(code),.main[data-section=docs] .docs-overview-body .markdown ul,.main[data-section=docs] .docs-overview-body .markdown blockquote){margin-left:0}.main[data-section=components] .components-layout{grid-template-columns:1fr;height:auto;overflow:visible}.main[data-section=components] .docs-column-nav,.main[data-section=components] .docs-column-content,.main[data-section=components] .docs-column-toc{height:auto;position:static}.main[data-section=components] .docs-column-content{padding-right:0;overflow:visible}.main[data-section=components] .docs-nav{height:auto;min-height:auto;display:block}.main[data-section=components] .docs-nav,.main[data-section=components] .docs-toc{height:auto;max-height:none}.main[data-section=components] .component-hero-card{grid-template-columns:1fr;min-height:auto;padding:1.55rem}.main[data-section=components] .component-hero-doodle{justify-self:start;width:8.5rem;min-height:8.6rem;margin-top:.75rem}.main[data-section=components] .component-hero-nake{width:4.4rem;right:1.2rem}.main[data-section=components] .component-purpose-layout,.main[data-section=components] .component-contract-split,.main[data-section=components] .component-closure-summary{grid-template-columns:1fr}.main[data-section=components] .component-closure-meter{width:5rem}}@media (width<=560px){.main[data-section=docs] .docs-overview-header h1,.main[data-section=docs] .doc-article h1{font-size:2.2rem}.main[data-section=docs] .docs-overview-body,.main[data-section=docs] .doc-article>header.page-card,.main[data-section=docs] .doc-article>section.page-card{padding:1.12rem}.main[data-section=docs] .docs-overview-body .markdown h2{align-items:flex-start;min-height:2.45rem;padding-left:3.1rem;font-size:1.32rem}.main[data-section=docs] .docs-overview-body .markdown h2:before{width:2.45rem;height:2.45rem}.main[data-section=docs] .docs-overview-body .markdown h2:after{width:1.38rem;height:1.38rem;left:.53rem}.main[data-section=components] .component-hero-card h1{font-size:2.2rem}.main[data-section=components] .component-article>header.page-card,.main[data-section=components] .component-article>section.page-card,.main[data-section=components] .components-overview>.page-card{padding:1.12rem}.main[data-section=components] .component-title-squiggle{width:10rem}.main[data-section=components] .component-install-command{grid-template-columns:minmax(0,1fr) auto}.main[data-section=components] .component-install-prompt{display:none}.main[data-section=components] .component-contract-section>h2:after{grid-column:1/-1;width:min(12rem,100%)}.main[data-section=components] .component-contract-list[data-kind=anatomy],.main[data-section=components] .component-rule-list,.main[data-section=components] .component-example-map,.main[data-section=components] .component-api-list,.main[data-section=components] .component-closure-list{grid-template-columns:1fr}.main[data-section=components] .component-contract-section:before{opacity:.16;width:5.8rem}}