@layer vize.tokens{:where(:root,:host){--vize-ui-color-canvas:Canvas;--vize-ui-color-surface:Canvas;--vize-ui-color-text:CanvasText;--vize-ui-color-text-muted:GrayText;--vize-ui-color-accent:LinkText;--vize-ui-color-accent-contrast:Canvas;--vize-ui-color-border:GrayText;--vize-ui-color-neutral:CanvasText;--vize-ui-color-neutral-contrast:Canvas;--vize-ui-color-info:LinkText;--vize-ui-color-info-contrast:Canvas;--vize-ui-color-success:CanvasText;--vize-ui-color-success-contrast:Canvas;--vize-ui-color-warning:CanvasText;--vize-ui-color-warning-contrast:Canvas;--vize-ui-color-danger:#d92d20;--vize-ui-color-danger-contrast:Canvas;--vize-ui-type-family-sans:system-ui, sans-serif;--vize-ui-type-family-mono:ui-monospace, monospace;--vize-ui-type-size-xs:.75rem;--vize-ui-type-size-sm:.875rem;--vize-ui-type-size-md:1rem;--vize-ui-type-size-lg:1.125rem;--vize-ui-type-size-xl:1.25rem;--vize-ui-type-size-2xl:1.5rem;--vize-ui-type-leading-tight:1.25;--vize-ui-type-leading-normal:1.5;--vize-ui-type-leading-loose:1.75;--vize-ui-type-weight-regular:400;--vize-ui-type-weight-medium:500;--vize-ui-type-weight-bold:700;--vize-ui-density:1;--vize-ui-space-xs:calc(.25rem * var(--vize-ui-density));--vize-ui-space-sm:calc(.5rem * var(--vize-ui-density));--vize-ui-space-md:calc(.75rem * var(--vize-ui-density));--vize-ui-space-lg:calc(1rem * var(--vize-ui-density));--vize-ui-space-xl:calc(1.5rem * var(--vize-ui-density));--vize-ui-space-2xl:calc(2rem * var(--vize-ui-density));--vize-ui-space-3xl:calc(3rem * var(--vize-ui-density));--vize-ui-size-control-sm:calc(1.75rem * var(--vize-ui-density));--vize-ui-size-control-md:calc(2.25rem * var(--vize-ui-density));--vize-ui-size-control-lg:calc(2.75rem * var(--vize-ui-density));--vize-ui-radius-sm:.25rem;--vize-ui-radius-md:.5rem;--vize-ui-radius-lg:1rem;--vize-ui-radius-full:9999px;--vize-ui-border-width-thin:1px;--vize-ui-border-width-thick:2px;--vize-ui-elevation-raised:none;--vize-ui-elevation-overlay:none;--vize-ui-elevation-floating:none;--vize-ui-opacity-muted:.7;--vize-ui-opacity-disabled:.45;--vize-ui-z-sticky:100;--vize-ui-z-dropdown:600;--vize-ui-z-overlay:1000;--vize-ui-z-toast:1200;--vize-ui-focus-ring-width:2px;--vize-ui-focus-ring-offset:2px;--vize-ui-focus-ring-color:var(--vize-ui-color-accent)}:where([data-vize-density]){--vize-ui-space-xs:calc(.25rem * var(--vize-ui-density));--vize-ui-space-sm:calc(.5rem * var(--vize-ui-density));--vize-ui-space-md:calc(.75rem * var(--vize-ui-density));--vize-ui-space-lg:calc(1rem * var(--vize-ui-density));--vize-ui-space-xl:calc(1.5rem * var(--vize-ui-density));--vize-ui-space-2xl:calc(2rem * var(--vize-ui-density));--vize-ui-space-3xl:calc(3rem * var(--vize-ui-density));--vize-ui-size-control-sm:calc(1.75rem * var(--vize-ui-density));--vize-ui-size-control-md:calc(2.25rem * var(--vize-ui-density));--vize-ui-size-control-lg:calc(2.75rem * var(--vize-ui-density));&:where([data-vize-density=compact]){--vize-ui-density:.85}&:where([data-vize-density=comfortable]){--vize-ui-density:1.15}}}@layer vize.ui;@layer vize.preset{:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){color-scheme:light dark;--vize-ui-color-canvas:light-dark(oklch(98.5% .018 92),oklch(17% .018 82));--vize-ui-color-surface:light-dark(oklch(100% .011 96),oklch(23.5% .019 82));--vize-ui-color-text:light-dark(oklch(25% .026 235),oklch(94% .012 90));--vize-ui-color-text-muted:light-dark(oklab(52.93% -.00948476 -.0063689),oklab(67.82% .000851739 .0139804));--vize-ui-color-accent:light-dark(oklch(52% .11 185),oklch(74% .095 185));--vize-ui-focus-ring-color:var(--vize-ui-color-accent);--vize-ui-color-accent-contrast:light-dark(oklch(99% .008 96),oklch(15% .02 185));--vize-ui-color-border:light-dark(oklch(85.5% .018 92),oklch(34% .021 82));--vize-ui-color-neutral:light-dark(oklch(47% .026 235),oklch(79% .017 90));--vize-ui-color-neutral-contrast:light-dark(oklch(100% .011 96),oklch(17% .018 82));--vize-ui-color-info:light-dark(oklch(48% .12 220),oklch(76% .11 215));--vize-ui-color-info-contrast:light-dark(oklch(100% .011 96),oklch(14% .026 220));--vize-ui-color-success:light-dark(oklch(47% .12 152),oklch(75% .11 150));--vize-ui-color-success-contrast:light-dark(oklch(100% .011 96),oklch(14% .026 150));--vize-ui-color-warning:light-dark(oklch(58% .14 75),oklch(83% .13 76));--vize-ui-color-warning-contrast:light-dark(oklch(18% .03 75),oklch(18% .03 76));--vize-ui-color-danger:light-dark(oklch(54% .17 31),oklch(72% .15 28));--vize-ui-color-danger-contrast:light-dark(oklch(100% .011 96),oklch(16% .03 28));--vize-ui-type-leading-normal:1.6;--vize-ui-radius-md:.375rem;--vize-ui-radius-lg:.75rem;--vize-ui-elevation-raised:0 1px 2px oklch(25% .026 235/.07), 0 1px 4px oklch(25% .026 235/.08);--vize-ui-elevation-overlay:0 6px 18px oklch(25% .026 235/.13), 0 2px 6px oklch(25% .026 235/.09);--vize-ui-elevation-floating:0 18px 44px oklch(25% .026 235/.16), 0 6px 16px oklch(25% .026 235/.1)}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){color-scheme:light dark;--vize-ui-color-canvas:light-dark(oklch(97.5% .004 225),oklch(16% .012 230));--vize-ui-color-surface:light-dark(oklch(99.5% .002 225),oklch(21.5% .014 230));--vize-ui-color-text:light-dark(oklch(21% .013 230),oklch(92% .007 225));--vize-ui-color-text-muted:light-dark(oklab(51.6% -.00614511 -.00710652),oklab(63.12% -.00599996 -.00656201));--vize-ui-color-accent:light-dark(oklch(49% .11 184),oklch(78% .105 176));--vize-ui-focus-ring-color:var(--vize-ui-color-accent);--vize-ui-color-accent-contrast:light-dark(oklch(100% 0 0),oklch(13% .025 180));--vize-ui-color-border:light-dark(oklch(85.5% .004 225),oklch(36% .016 230));--vize-ui-color-neutral:light-dark(oklch(45% .014 230),oklch(77% .014 225));--vize-ui-color-neutral-contrast:light-dark(oklch(100% 0 0),oklch(15% .012 230));--vize-ui-color-info:light-dark(oklch(48% .115 210),oklch(78% .11 205));--vize-ui-color-info-contrast:light-dark(oklch(100% 0 0),oklch(12% .026 210));--vize-ui-color-success:light-dark(oklch(46% .12 154),oklch(76% .11 154));--vize-ui-color-success-contrast:light-dark(oklch(100% 0 0),oklch(12% .026 154));--vize-ui-color-warning:light-dark(oklch(57% .13 80),oklch(84% .12 82));--vize-ui-color-warning-contrast:light-dark(oklch(16% .02 80),oklch(16% .02 82));--vize-ui-color-danger:light-dark(oklch(53% .17 30),oklch(73% .14 27));--vize-ui-color-danger-contrast:light-dark(oklch(100% 0 0),oklch(14% .026 27));--vize-ui-type-leading-normal:1.42;--vize-ui-radius-md:.3125rem;--vize-ui-opacity-muted:.82;--vize-ui-elevation-raised:0 1px 1px oklch(12% .012 230/.08), 0 0 0 1px oklch(12% .012 230/.06);--vize-ui-elevation-overlay:0 6px 16px oklch(10% .012 230/.18), 0 0 0 1px oklch(10% .012 230/.08);--vize-ui-elevation-floating:0 16px 36px oklch(8% .012 230/.24), 0 3px 10px oklch(8% .012 230/.16)}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){color-scheme:light dark;--vize-ui-color-canvas:light-dark(oklch(98.5% .003 255),oklch(15.5% .012 255));--vize-ui-color-surface:light-dark(oklch(100% 0 0),oklch(20.5% .014 255));--vize-ui-color-text:light-dark(oklch(24.5% .02 255),oklch(93% .008 255));--vize-ui-color-text-muted:light-dark(oklab(52.62% -.00350441 -.0130786),oklab(68.2% -.00240184 -.00896379));--vize-ui-color-accent:light-dark(oklch(54.5% .175 275),oklch(72% .15 275));--vize-ui-focus-ring-color:var(--vize-ui-color-accent);--vize-ui-color-accent-contrast:light-dark(oklch(100% 0 0),oklch(17% .015 275));--vize-ui-color-border:light-dark(oklch(88.5% .003 255),oklch(32% .015 255));--vize-ui-color-neutral:light-dark(oklch(48% .018 255),oklch(78% .018 255));--vize-ui-color-neutral-contrast:light-dark(oklch(100% 0 0),oklch(16% .012 255));--vize-ui-color-info:light-dark(oklch(52% .14 240),oklch(76% .12 235));--vize-ui-color-info-contrast:light-dark(oklch(100% 0 0),oklch(14% .025 240));--vize-ui-color-success:light-dark(oklch(49% .13 150),oklch(74% .12 150));--vize-ui-color-success-contrast:light-dark(oklch(100% 0 0),oklch(13% .025 150));--vize-ui-color-warning:light-dark(oklch(62% .15 78),oklch(84% .14 82));--vize-ui-color-warning-contrast:light-dark(oklch(18% .02 78),oklch(18% .02 82));--vize-ui-color-danger:light-dark(oklch(55% .19 25),oklch(70% .17 22));--vize-ui-color-danger-contrast:light-dark(oklch(100% 0 0),oklch(17% .015 22));--vize-ui-elevation-raised:0 1px 2px oklch(15% .015 255/.06), 0 1px 3px oklch(15% .015 255/.1);--vize-ui-elevation-overlay:0 4px 12px oklch(15% .015 255/.12), 0 2px 4px oklch(15% .015 255/.08);--vize-ui-elevation-floating:0 12px 32px oklch(15% .015 255/.16), 0 4px 8px oklch(15% .015 255/.08)}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-button-radius:initial;--vize-ui-button-shadow:initial;--vize-ui-button-letter-spacing:initial;--vize-ui-button-fill:initial;--vize-ui-button-ink:initial;--vize-ui-button-height:initial;--vize-ui-button-padding-inline:initial;--vize-ui-button-font-family:initial}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-button-radius:var(--vize-ui-radius-md);--vize-ui-button-shadow:var(--vize-ui-elevation-raised)}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-button-radius:.1875rem;--vize-ui-button-shadow:none;--vize-ui-button-letter-spacing:.025em;--vize-ui-button-fill:var(--vize-ui-color-text);--vize-ui-button-ink:var(--vize-ui-color-canvas)}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-button-radius:.125rem;--vize-ui-button-shadow:none;--vize-ui-button-letter-spacing:.01em;--vize-ui-button-height:var(--vize-ui-size-control-sm);--vize-ui-button-padding-inline:var(--vize-ui-space-md);--vize-ui-button-font-family:var(--vize-ui-type-family-mono)}:where([data-vize-ui=button]){appearance:none;justify-content:center;align-items:center;gap:var(--vize-ui-space-sm);min-block-size:var(--vize-ui-button-height,var(--vize-ui-size-control-md));padding-inline:var(--vize-ui-button-padding-inline,var(--vize-ui-space-lg));border:var(--vize-ui-border-width-thin) solid var(--vize-ui-button-fill,var(--vize-ui-color-accent));border-radius:var(--vize-ui-button-radius,var(--vize-ui-radius-md));background-color:var(--vize-ui-button-fill,var(--vize-ui-color-accent));color:var(--vize-ui-button-ink,var(--vize-ui-color-accent-contrast));box-shadow:var(--vize-ui-button-shadow,var(--vize-ui-elevation-raised));font-family:var(--vize-ui-button-font-family,var(--vize-ui-type-family-sans));font-size:var(--vize-ui-type-size-sm);font-weight:var(--vize-ui-type-weight-medium);line-height:var(--vize-ui-type-leading-tight);letter-spacing:var(--vize-ui-button-letter-spacing,0);text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition-property:background-color,border-color,box-shadow,translate;transition-duration:var(--vize-ui-motion-duration-fast,.12s);transition-timing-function:var(--vize-ui-motion-ease-standard,ease-out);text-decoration:none;display:inline-flex}:where([data-vize-ui=button]:hover:not(:disabled):not([aria-disabled=true])){background-color:color-mix(in oklab, var(--vize-ui-button-fill,var(--vize-ui-color-accent)) 89%, var(--vize-ui-color-text))}:where([data-vize-ui=button]:active:not(:disabled):not([aria-disabled=true])){box-shadow:none;translate:0 1px}:where([data-vize-ui=button]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}:where([data-vize-ui=button]:disabled,[data-vize-ui=button][aria-disabled=true]){opacity:var(--vize-ui-opacity-disabled);cursor:default}:where([data-vize-ui=button][data-state=loading]){cursor:progress}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-input-radius:initial;--vize-ui-input-height-scale:initial;--vize-ui-input-border-width:initial;--vize-ui-input-font-family:initial}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-input-radius:var(--vize-ui-radius-md);--vize-ui-input-height-scale:1.22222}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-input-radius:.1875rem;--vize-ui-input-border-width:var(--vize-ui-border-width-thick)}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-input-radius:.125rem;--vize-ui-input-height-scale:.777778;--vize-ui-input-font-family:var(--vize-ui-type-family-mono)}:where([data-vize-ui=input]){box-sizing:border-box;min-block-size:calc(var(--vize-ui-size-control-md) * var(--vize-ui-input-height-scale,1));padding-block:var(--vize-ui-space-xs);padding-inline:var(--vize-ui-space-md);border:var(--vize-ui-input-border-width,var(--vize-ui-border-width-thin)) solid var(--vize-ui-color-border);border-radius:var(--vize-ui-input-radius,var(--vize-ui-radius-sm));background-color:var(--vize-ui-color-surface);color:var(--vize-ui-color-text);font-family:var(--vize-ui-input-font-family,var(--vize-ui-type-family-sans));font-size:var(--vize-ui-type-size-sm);line-height:var(--vize-ui-type-leading-normal);transition-property:border-color,background-color;transition-duration:var(--vize-ui-motion-duration-fast,.12s);transition-timing-function:var(--vize-ui-motion-ease-standard,ease-out)}:where(){color:var(--vize-ui-color-text-muted);opacity:1}:where([data-vize-ui=input]:focus){border-color:var(--vize-ui-color-accent)}:where([data-vize-ui=input]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}:where([data-vize-ui=input][aria-invalid]:not([aria-invalid=false])){border-color:var(--vize-ui-color-danger)}:where([data-vize-ui=input][data-state=readonly]){background-color:var(--vize-ui-color-canvas)}:where([data-vize-ui=input]:disabled){opacity:var(--vize-ui-opacity-disabled);cursor:not-allowed}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-checkbox-radius:initial;--vize-ui-checkbox-border-width:initial}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-checkbox-radius:var(--vize-ui-radius-sm)}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-checkbox-radius:.125rem;--vize-ui-checkbox-border-width:var(--vize-ui-border-width-thick)}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-checkbox-radius:.125rem}:where([data-vize-ui=checkbox]){appearance:none;box-sizing:border-box;border:var(--vize-ui-checkbox-border-width,var(--vize-ui-border-width-thin)) solid var(--vize-ui-color-border);border-radius:var(--vize-ui-checkbox-radius,var(--vize-ui-radius-sm));background-color:var(--vize-ui-color-surface);block-size:1.5rem;inline-size:1.5rem;color:var(--vize-ui-color-accent-contrast);cursor:pointer;vertical-align:middle;transition-property:border-color,background-color;transition-duration:var(--vize-ui-motion-duration-fast,.12s);transition-timing-function:var(--vize-ui-motion-ease-standard,ease-out);place-content:center;margin:0;display:inline-grid;position:relative}:where([data-vize-ui=checkbox][data-state=checked],[data-vize-ui=checkbox][data-state=indeterminate]){border-color:var(--vize-ui-color-accent);background-color:var(--vize-ui-color-accent)}:where([data-vize-ui=checkbox]):before,:where([data-vize-ui=checkbox]):after{box-sizing:border-box;content:"";opacity:0;transition-property:opacity,transform;transition-duration:var(--vize-ui-motion-duration-fast,.12s);transition-timing-function:var(--vize-ui-motion-ease-standard,ease-out);margin:auto;position:absolute;inset:0}:where([data-vize-ui=checkbox]):before{background-color:currentColor;block-size:.125rem;inline-size:.625rem;transform:scaleX(.5)}:where([data-vize-ui=checkbox]):after{border-bottom:.125rem solid;border-right:.125rem solid;block-size:.6875rem;inline-size:.375rem;transform:rotate(45deg)scale(.5)}:where([data-vize-ui=checkbox][data-state=indeterminate]):before{opacity:1;transform:scaleX(1)}:where([data-vize-ui=checkbox][data-state=checked]):after{opacity:1;transform:rotate(45deg)scale(1)}:where([data-vize-ui=checkbox]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}:where([data-vize-ui=checkbox]:disabled){opacity:var(--vize-ui-opacity-disabled);cursor:not-allowed}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-switch-radius:initial;--vize-ui-switch-thumb-radius:initial}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-switch-radius:var(--vize-ui-radius-full)}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-switch-radius:.25rem;--vize-ui-switch-thumb-radius:.125rem}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-switch-radius:.125rem;--vize-ui-switch-thumb-radius:.0625rem}:where([data-vize-ui=switch]){appearance:none;box-sizing:border-box;border:var(--vize-ui-border-width-thin) solid var(--vize-ui-color-border);border-radius:var(--vize-ui-switch-radius,var(--vize-ui-radius-full));background-color:var(--vize-ui-color-surface);min-block-size:1.5rem;min-inline-size:2.75rem;color:var(--vize-ui-color-text);cursor:pointer;vertical-align:middle;touch-action:manipulation;transition-property:border-color,background-color;transition-duration:var(--vize-ui-motion-duration-fast,.12s);transition-timing-function:var(--vize-ui-motion-ease-standard,ease-out);align-items:center;padding:0;display:inline-flex;position:relative}:where([data-vize-ui=switch]):after{border-radius:var(--vize-ui-switch-thumb-radius,var(--vize-ui-radius-full));background-color:var(--vize-ui-color-text-muted);content:"";pointer-events:none;block-size:1rem;inline-size:1rem;transition-property:inset-inline-start,background-color;transition-duration:var(--vize-ui-motion-duration-base,.18s);transition-timing-function:var(--vize-ui-motion-ease-standard,cubic-bezier(.2, .8, .2, 1));position:absolute;inset-block-start:.1875rem;inset-inline-start:.1875rem}:where([data-vize-ui=switch][data-checked=true]){border-color:var(--vize-ui-color-accent);background-color:var(--vize-ui-color-accent)}:where([data-vize-ui=switch][data-checked=true]):after{background-color:var(--vize-ui-color-accent-contrast);inset-inline-start:calc(100% - 1.1875rem)}:where([data-vize-ui=switch]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}:where([data-vize-ui=switch][aria-invalid]:not([aria-invalid=false])){border-color:var(--vize-ui-color-danger)}:where([data-vize-ui=switch][data-state=readonly]){cursor:default}:where([data-vize-ui=switch]:disabled){opacity:var(--vize-ui-opacity-disabled);cursor:not-allowed}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-tabs-list-background:initial;--vize-ui-tabs-list-border:initial;--vize-ui-tabs-list-radius:initial;--vize-ui-tabs-list-gap:initial;--vize-ui-tabs-trigger-background:initial;--vize-ui-tabs-trigger-radius:initial;--vize-ui-tabs-trigger-font:initial;--vize-ui-tabs-selected-background:initial;--vize-ui-tabs-selected-ink:initial;--vize-ui-tabs-selected-line:initial;--vize-ui-tabs-content-border:initial}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-tabs-list-border:var(--vize-ui-color-border);--vize-ui-tabs-list-gap:var(--vize-ui-space-lg);--vize-ui-tabs-selected-ink:var(--vize-ui-color-text);--vize-ui-tabs-selected-line:var(--vize-ui-color-accent)}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-tabs-list-background:var(--vize-ui-color-canvas);--vize-ui-tabs-list-border:var(--vize-ui-color-border);--vize-ui-tabs-list-radius:.125rem;--vize-ui-tabs-list-gap:0px;--vize-ui-tabs-trigger-radius:.125rem;--vize-ui-tabs-trigger-font:var(--vize-ui-type-family-mono);--vize-ui-tabs-selected-background:var(--vize-ui-color-surface);--vize-ui-tabs-selected-ink:var(--vize-ui-color-text);--vize-ui-tabs-selected-line:var(--vize-ui-color-accent);--vize-ui-tabs-content-border:var(--vize-ui-color-border)}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-tabs-list-background:var(--vize-ui-color-canvas);--vize-ui-tabs-list-radius:var(--vize-ui-radius-lg);--vize-ui-tabs-list-gap:var(--vize-ui-space-xs);--vize-ui-tabs-trigger-radius:var(--vize-ui-radius-md);--vize-ui-tabs-selected-background:var(--vize-ui-color-surface);--vize-ui-tabs-selected-ink:var(--vize-ui-color-text);--vize-ui-tabs-selected-line:var(--vize-ui-color-accent)}:where([data-vize-ui=tabs-root]){color:var(--vize-ui-color-text);font-family:var(--vize-ui-type-family-sans)}:where([data-vize-ui=tabs-list]){align-items:stretch;gap:var(--vize-ui-tabs-list-gap,var(--vize-ui-space-sm));inline-size:fit-content;max-inline-size:100%;padding:var(--vize-ui-space-xs);border:var(--vize-ui-border-width-thin) solid transparent;border-block-end-color:var(--vize-ui-tabs-list-border,transparent);border-radius:var(--vize-ui-tabs-list-radius,0);background:var(--vize-ui-tabs-list-background,transparent);display:flex}:where([data-vize-ui=tabs-list][data-orientation=vertical]){border-block-end-color:#0000;border-inline-end-color:var(--vize-ui-tabs-list-border,transparent);flex-direction:column;align-items:stretch;inline-size:fit-content}:where([data-vize-ui=tabs-trigger]){appearance:none;min-block-size:var(--vize-ui-size-control-md);padding-inline:var(--vize-ui-space-md);border-radius:var(--vize-ui-tabs-trigger-radius,0);background:var(--vize-ui-tabs-trigger-background,transparent);color:var(--vize-ui-color-text-muted);font-family:var(--vize-ui-tabs-trigger-font,inherit);font-size:var(--vize-ui-type-size-sm);font-weight:var(--vize-ui-type-weight-medium);line-height:var(--vize-ui-type-leading-tight);text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color var(--vize-ui-motion-duration-fast,.12s) var(--vize-ui-motion-ease-standard,ease-out), color var(--vize-ui-motion-duration-fast,.12s) var(--vize-ui-motion-ease-standard,ease-out);border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}:where([data-vize-ui=tabs-trigger]):after{inset-inline:var(--vize-ui-space-sm);background:var(--vize-ui-tabs-selected-line,var(--vize-ui-color-accent));content:"";transform-origin:50%;block-size:2px;transition:transform var(--vize-ui-motion-duration-base,.2s) var(--vize-ui-motion-ease-standard,ease-out);position:absolute;inset-block-end:-2px;transform:scaleX(0)}:where([data-vize-ui=tabs-trigger][data-orientation=vertical]):after{inset-inline:auto -2px;inset-block:var(--vize-ui-space-sm);block-size:auto;inline-size:2px;transform:scaleY(0)}:where([data-vize-ui=tabs-trigger][data-selected=true]){background:var(--vize-ui-tabs-selected-background,transparent);color:var(--vize-ui-tabs-selected-ink,var(--vize-ui-color-text))}:where([data-vize-ui=tabs-trigger][data-selected=true]):after{transform:scale(1)}:where([data-vize-ui=tabs-trigger]:hover:not(:disabled)){color:var(--vize-ui-color-text)}:where([data-vize-ui=tabs-trigger]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset);z-index:1}:where([data-vize-ui=tabs-trigger]:disabled){opacity:var(--vize-ui-opacity-disabled);cursor:default}:where([data-vize-ui=tabs-content]:not([hidden])){padding-block:var(--vize-ui-space-lg);border-block-start:var(--vize-ui-border-width-thin) solid var(--vize-ui-tabs-content-border,transparent);animation:vize-ui-tabs-enter var(--vize-ui-motion-duration-base,.2s) var(--vize-ui-motion-ease-decelerate,ease-out) both}:where([data-vize-ui=tabs-content]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-dialog-radius:initial;--vize-ui-dialog-shadow:initial;--vize-ui-dialog-padding:initial;--vize-ui-dialog-title-font:initial}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-dialog-radius:var(--vize-ui-radius-lg);--vize-ui-dialog-shadow:var(--vize-ui-elevation-floating);--vize-ui-dialog-padding:var(--vize-ui-space-xl)}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-dialog-radius:.1875rem;--vize-ui-dialog-shadow:0 8px 0 -6px var(--vize-ui-color-border);--vize-ui-dialog-padding:var(--vize-ui-space-2xl);--vize-ui-dialog-title-font:Georgia, serif}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-dialog-radius:.125rem;--vize-ui-dialog-shadow:var(--vize-ui-elevation-overlay);--vize-ui-dialog-padding:var(--vize-ui-space-lg);--vize-ui-dialog-title-font:var(--vize-ui-type-family-mono)}:where([data-vize-ui=dialog-overlay]){z-index:var(--vize-ui-z-overlay);background-color:color-mix(in oklab, var(--vize-ui-color-text) 38%, transparent);position:fixed;inset:0}:where([data-vize-ui=dialog-overlay][data-state=open]){animation:vize-ui-dialog-veil-in var(--vize-ui-motion-duration-base,.2s) var(--vize-ui-motion-ease-decelerate,ease-out) both}:where([data-vize-ui=dialog-content]){--vize-ui-dialog-exit-enabled:1;z-index:calc(var(--vize-ui-z-overlay) + 1);box-sizing:border-box;max-block-size:calc(100dvh - 2rem);inline-size:min(36rem,100vw - 2rem);padding:var(--vize-ui-dialog-padding,var(--vize-ui-space-xl));border:var(--vize-ui-border-width-thin) solid var(--vize-ui-color-border);border-radius:var(--vize-ui-dialog-radius,var(--vize-ui-radius-md));background-color:var(--vize-ui-color-surface);color:var(--vize-ui-color-text);box-shadow:var(--vize-ui-dialog-shadow,var(--vize-ui-elevation-overlay));font-family:var(--vize-ui-type-family-sans);line-height:var(--vize-ui-type-leading-normal);position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:auto;translate:-50% -50%}:where([data-vize-ui=dialog-content][data-state=open]){animation:vize-ui-dialog-sheet-in var(--vize-ui-motion-duration-base,.2s) var(--vize-ui-motion-ease-decelerate,ease-out) both}:where([data-vize-ui=dialog-overlay][data-exiting=true]){animation:vize-ui-dialog-veil-out var(--vize-ui-motion-duration-base,.2s) var(--vize-ui-motion-ease-accelerate,ease-in) both}:where([data-vize-ui=dialog-content][data-exiting=true]){animation:vize-ui-dialog-sheet-out var(--vize-ui-motion-duration-base,.2s) var(--vize-ui-motion-ease-accelerate,ease-in) both}:where([data-vize-ui=dialog-content]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}:where([data-vize-ui=dialog-title]){font-family:var(--vize-ui-dialog-title-font,var(--vize-ui-type-family-sans));font-size:var(--vize-ui-type-size-lg);font-weight:var(--vize-ui-type-weight-bold);line-height:var(--vize-ui-type-leading-tight);margin:0;padding-inline-end:var(--vize-ui-space-2xl)}:where([data-vize-ui=dialog-description]){margin-block:var(--vize-ui-space-sm) var(--vize-ui-space-lg);color:var(--vize-ui-color-text-muted);font-size:var(--vize-ui-type-size-sm)}:where([data-vize-ui=dialog-close]){appearance:none;border:var(--vize-ui-border-width-thin) solid transparent;border-radius:var(--vize-ui-dialog-radius,var(--vize-ui-radius-md));min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--vize-ui-color-text-muted);cursor:pointer;transition:color var(--vize-ui-motion-duration-fast,.12s) ease-out, background-color var(--vize-ui-motion-duration-fast,.12s) ease-out;background-color:#0000;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:inline-grid}:where([data-vize-ui=dialog-content] [data-vize-ui=dialog-close]){position:absolute;inset-block-start:var(--vize-ui-space-sm);inset-inline-end:var(--vize-ui-space-sm)}:where([data-vize-ui=dialog-close]:hover){background-color:var(--vize-ui-color-canvas);color:var(--vize-ui-color-text)}:where([data-vize-ui=dialog-close]:focus-visible){outline:var(--vize-ui-focus-ring-width) solid var(--vize-ui-focus-ring-color);outline-offset:var(--vize-ui-focus-ring-offset)}@keyframes vize-ui-dialog-veil-in{0%{opacity:0}}@keyframes vize-ui-dialog-sheet-in{0%{opacity:0;translate:-50% calc(6px - 50%)}}@keyframes vize-ui-dialog-veil-out{to{opacity:0}}@keyframes vize-ui-dialog-sheet-out{to{opacity:0;translate:-50% calc(6px - 50%)}}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-alert-radius:var(--vize-ui-radius-sm);--vize-ui-alert-fill-strength:6%;--vize-ui-alert-padding-block:var(--vize-ui-space-md)}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-alert-radius:0;--vize-ui-alert-fill-strength:0%;--vize-ui-alert-padding-block:var(--vize-ui-space-md)}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-alert-radius:0;--vize-ui-alert-fill-strength:0%;--vize-ui-alert-padding-block:var(--vize-ui-space-sm)}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-alert-radius:var(--vize-ui-radius-md);--vize-ui-alert-fill-strength:6%;--vize-ui-alert-padding-block:var(--vize-ui-space-md)}:where([data-vize-ui=alert]){--vize-ui-alert-ink:var(--vize-ui-color-info);box-sizing:border-box;min-inline-size:0;padding-block:var(--vize-ui-alert-padding-block,var(--vize-ui-space-md));padding-inline:var(--vize-ui-space-lg);border:var(--vize-ui-border-width-thin) solid var(--vize-ui-color-border);border-inline-start:3px solid var(--vize-ui-alert-ink);border-radius:var(--vize-ui-alert-radius,var(--vize-ui-radius-sm));background:color-mix(in oklab, var(--vize-ui-alert-ink) var(--vize-ui-alert-fill-strength,6%), var(--vize-ui-color-surface));color:var(--vize-ui-color-text);font-family:var(--vize-ui-type-family-sans);font-size:var(--vize-ui-type-size-sm);line-height:var(--vize-ui-type-leading-normal)}:where([data-vize-ui=alert][hidden]){display:none}:where([data-vize-ui=alert][data-state=open]){animation:vize-ui-alert-enter var(--vize-ui-motion-duration-fast,.12s) var(--vize-ui-motion-ease-decelerate,ease-out) both}:where([data-vize-ui=alert][data-variant=success]){--vize-ui-alert-ink:var(--vize-ui-color-success)}:where([data-vize-ui=alert][data-variant=warning]){--vize-ui-alert-ink:var(--vize-ui-color-warning)}:where([data-vize-ui=alert][data-variant=danger]){--vize-ui-alert-ink:var(--vize-ui-color-danger)}@keyframes vize-ui-alert-enter{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}:where([data-vize-theme],:host([data-vize-theme])){--vize-ui-card-radius:var(--vize-ui-radius-md);--vize-ui-card-shadow:none;--vize-ui-card-rule-width:var(--vize-ui-border-width-thin);--vize-ui-card-rule-mix:0%}:where([data-vize-theme~=paper],:host([data-vize-theme~=paper])){--vize-ui-card-radius:var(--vize-ui-radius-sm);--vize-ui-card-shadow:none;--vize-ui-card-rule-width:var(--vize-ui-border-width-thin);--vize-ui-card-rule-mix:0%}:where([data-vize-theme~=signal],:host([data-vize-theme~=signal])){--vize-ui-card-radius:var(--vize-ui-radius-sm);--vize-ui-card-shadow:none;--vize-ui-card-rule-width:var(--vize-ui-border-width-thick);--vize-ui-card-rule-mix:100%}:where([data-vize-theme~=atelier],:host([data-vize-theme~=atelier])){--vize-ui-card-radius:var(--vize-ui-radius-md);--vize-ui-card-shadow:var(--vize-ui-elevation-raised);--vize-ui-card-rule-width:var(--vize-ui-border-width-thin);--vize-ui-card-rule-mix:0%}:where([data-vize-ui=card]){--vize-ui-card-accent:var(--vize-ui-color-neutral);--vize-ui-card-border:var(--vize-ui-color-border);--vize-ui-card-padding:var(--vize-ui-space-xl);box-sizing:border-box;min-inline-size:0;padding:var(--vize-ui-card-padding);border:var(--vize-ui-border-width-thin) solid var(--vize-ui-card-border);border-block-end-width:var(--vize-ui-card-rule-width,var(--vize-ui-border-width-thin));border-block-end-color:color-mix(in oklab, var(--vize-ui-card-accent) var(--vize-ui-card-rule-mix,0%), var(--vize-ui-card-border));border-radius:var(--vize-ui-card-radius,var(--vize-ui-radius-md));background:var(--vize-ui-color-surface);color:var(--vize-ui-color-text)}:where([data-vize-ui=card][data-density=compact]){--vize-ui-card-padding:var(--vize-ui-space-md)}:where([data-vize-ui=card][data-density=spacious]){--vize-ui-card-padding:var(--vize-ui-space-2xl)}:where([data-vize-ui=card][data-variant=panel]){border-inline-start:var(--vize-ui-border-width-thick) solid var(--vize-ui-card-accent)}:where([data-vize-ui=card][data-variant=card]){box-shadow:var(--vize-ui-card-shadow,none)}:where([data-vize-ui=card][data-variant=surface]){box-shadow:none;border-color:#0000}:where([data-vize-ui=card][data-tone=accent]){--vize-ui-card-accent:var(--vize-ui-color-accent)}:where([data-vize-ui=card][data-tone=info]){--vize-ui-card-accent:var(--vize-ui-color-info)}:where([data-vize-ui=card][data-tone=success]){--vize-ui-card-accent:var(--vize-ui-color-success)}:where([data-vize-ui=card][data-tone=warning]){--vize-ui-card-accent:var(--vize-ui-color-warning)}:where([data-vize-ui=card][data-tone=danger]){--vize-ui-card-accent:var(--vize-ui-color-danger)}}@layer vize.policy{@media (forced-colors:active){:where(:root,:host,[data-vize-theme]){--vize-ui-color-canvas:Canvas;--vize-ui-color-surface:Canvas;--vize-ui-color-text:CanvasText;--vize-ui-color-text-muted:GrayText;--vize-ui-color-accent:Highlight;--vize-ui-color-accent-contrast:HighlightText;--vize-ui-color-border:ButtonBorder;--vize-ui-color-neutral:CanvasText;--vize-ui-color-neutral-contrast:Canvas;--vize-ui-color-info:Highlight;--vize-ui-color-info-contrast:HighlightText;--vize-ui-color-success:CanvasText;--vize-ui-color-success-contrast:Canvas;--vize-ui-color-warning:CanvasText;--vize-ui-color-warning-contrast:Canvas;--vize-ui-color-danger:CanvasText;--vize-ui-color-danger-contrast:Canvas;--vize-ui-elevation-raised:none;--vize-ui-elevation-overlay:none;--vize-ui-elevation-floating:none;--vize-ui-focus-ring-color:Highlight}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=button]){transition-duration:0s;translate:none}}@media (forced-colors:active){:where([data-vize-ui=button]){color:buttontext;box-shadow:none;background-color:buttonface;border-color:buttonborder}:where([data-vize-ui=button]:focus-visible){outline-color:highlight}:where([data-vize-ui=button]:disabled,[data-vize-ui=button][aria-disabled=true]){color:graytext;opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=input]){transition-duration:0s}}@media (forced-colors:active){:where([data-vize-ui=input]){color:fieldtext;background-color:field;border-color:buttonborder}:where([data-vize-ui=input]:focus-visible){outline-color:highlight}:where([data-vize-ui=input]:disabled){color:graytext;opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=checkbox]),:where([data-vize-ui=checkbox]):before,:where([data-vize-ui=checkbox]):after{transition-duration:0s}}@media (forced-colors:active){:where([data-vize-ui=checkbox]){appearance:auto;color:fieldtext;background-color:field;border-color:buttonborder}:where([data-vize-ui=checkbox]):before,:where([data-vize-ui=checkbox]):after{content:none}:where([data-vize-ui=checkbox]:focus-visible){outline-color:highlight}:where([data-vize-ui=checkbox]:disabled){opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=switch]),:where([data-vize-ui=switch]):after{transition-duration:0s}}@media (forced-colors:active){:where([data-vize-ui=switch]){color:buttontext;background-color:buttonface;border-color:buttonborder}:where([data-vize-ui=switch]):after{background-color:buttontext}:where([data-vize-ui=switch][data-checked=true]){background-color:highlight;border-color:highlight}:where([data-vize-ui=switch][data-checked=true]):after{background-color:highlighttext}:where([data-vize-ui=switch]:focus-visible){outline-color:highlight}:where([data-vize-ui=switch]:disabled){color:graytext;opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=tabs-trigger]),:where([data-vize-ui=tabs-trigger]):after{transition-duration:0s}:where([data-vize-ui=tabs-content]){animation:none}}@media (forced-colors:active){:where([data-vize-ui=tabs-trigger]){color:buttontext}:where([data-vize-ui=tabs-trigger][data-selected=true]){outline-offset:-1px;outline:1px solid highlight}:where([data-vize-ui=tabs-trigger]:focus-visible){outline-offset:2px;outline:2px solid highlight}:where([data-vize-ui=tabs-trigger]:disabled){color:graytext;opacity:1}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=dialog-overlay],[data-vize-ui=dialog-content]){animation:none}:where([data-vize-ui=dialog-close]){transition-duration:0s}}@media (forced-colors:active){:where([data-vize-ui=dialog-overlay]){opacity:.25;background-color:canvastext;animation:none}:where([data-vize-ui=dialog-content]){color:canvastext;box-shadow:none;background-color:canvas;border-color:canvastext;animation:none}:where([data-vize-ui=dialog-close]){color:buttontext}}@media (prefers-reduced-motion:reduce){:where([data-vize-ui=alert]){animation:none}}@media (forced-colors:active){:where([data-vize-ui=alert]){color:canvastext;border-color:buttonborder;background:canvas;border-inline-start-color:highlight;animation:none}:where([data-vize-ui=card]){box-shadow:none;border-color:buttonborder}:where([data-vize-ui=card][data-variant=panel]){border-inline-start-color:highlight}}}@keyframes vize-ui-tabs-enter{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}body{background:var(--vize-ui-color-canvas,#fff);color:var(--vize-ui-color-text,#252525);margin:0;font:15px/1.55 system-ui,sans-serif}.preview-shell{padding:20px}.preview-shell header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-shell header select{font:inherit;color:inherit;background:0 0;border:1px solid #8888;border-radius:4px;padding:3px}.preview-stage{min-block-size:170px;padding:28px 0}.preview-stage>div:not([data-vize-tabs]){flex-wrap:wrap;align-items:center;gap:16px;display:flex}.preview-stage output{flex-basis:100%;display:block}.preview-stage label{display:block}.preview-stage [data-vize-input]{max-inline-size:100%}.preview-shell footer a{color:inherit;text-underline-offset:3px;font-size:13px}.preview-stage form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.preview-stage .composable-example{max-inline-size:560px;display:block}.composable-example>*{margin-block:0 12px}.composable-example input,.composable-example select,.composable-example button{box-sizing:border-box;color:#252525;max-inline-size:100%;font:inherit;background:#fff;border:1px solid #777;border-radius:6px;padding:8px 12px}.composable-example input{inline-size:100%}.composable-example button:disabled{opacity:.55}.composable-example :focus-visible{outline-offset:3px;outline:3px solid #2769b7}.composable-example [aria-invalid=true]{border-color:#aa2335}.composable-example .example-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composable-example .example-actions output{flex-basis:auto}