@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--demo-text:#f2f2ee;--demo-muted:#8a8a90;--demo-border:#2e2e32;--demo-border-strong:#3a3a3f;--demo-surface:#17171a;--demo-hover:#27272b;--demo-accent:#f2f2ee;--demo-on-accent:#0b0b0c;--demo-track:#2e2e32;--demo-thumb:#8a8a90;--demo-danger:#ff5a4e;--demo-on-danger:#0b0b0c;--demo-error:#ff7a70;--demo-ring:#f2f2ee;--demo-shadow:0 24px 48px -16px #000000b3;--demo-font:"Geist", ui-sans-serif, system-ui, sans-serif;--demo-mono:"Geist Mono", ui-monospace, monospace}.row{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:400;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>label:not(.row){font-size:14px;font-weight:500}.muted{color:var(--demo-muted);margin:0;font-size:13px;line-height:1.5}.error{color:var(--demo-error);font-size:13px}.input{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;height:40px;color:var(--demo-text);font:inherit;border-radius:0;outline:0;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--demo-muted)}.input:focus-visible{border-color:var(--demo-accent)}.input[data-invalid],.input[data-invalid]:focus-visible{border-color:var(--demo-error)}.button{border:1px solid var(--demo-border-strong);height:40px;color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.button:hover,.button[data-popup-open]{background:var(--demo-hover)}.button:active{transform:scale(.98)}.button:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.button[type=submit]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.button[type=submit]:hover{opacity:.88}.button.danger{border-color:var(--demo-danger);background:var(--demo-danger);color:var(--demo-on-danger);font-weight:600}.button.danger:hover{opacity:.88}.output{background:var(--demo-hover);font:12px/1.5 var(--demo-mono);white-space:pre-wrap;word-break:break-all;border-radius:0;margin:0;padding:10px 12px}.switch{all:unset;box-shadow:inset 0 0 0 1px var(--demo-border-strong);box-sizing:border-box;background:var(--demo-track);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;padding:2px;transition:background .2s;display:inline-flex}.switch[data-checked]{background:var(--demo-accent)}.switch[data-disabled]{opacity:.5;cursor:not-allowed}.switch:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.thumb{background:var(--demo-thumb);border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.3,1.4,.6,1)}.thumb[data-checked]{background:var(--demo-on-accent);transform:translate(18px)}.backdrop{z-index:50;background:#0000009e;transition:opacity .2s;position:fixed;inset:0}.backdrop[data-starting-style],.backdrop[data-ending-style]{opacity:0}.dialog{z-index:50;box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:min(420px,100vw - 32px);color:var(--demo-text);box-shadow:var(--demo-shadow);border-radius:0;padding:24px;transition:opacity .2s,transform .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog[data-starting-style],.dialog[data-ending-style]{opacity:0;transform:translate(-50%,-48%)scale(.97)}.dialog-title{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:600}.actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.menu{z-index:50;box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);min-width:190px;color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);border-radius:0;outline:0;padding:5px;transition:opacity .12s,transform .12s;position:relative}.menu[data-starting-style],.menu[data-ending-style]{opacity:0;transform:scale(.96)}.menu-item{cursor:default;-webkit-user-select:none;user-select:none;border-radius:0;outline:0;padding:7px 10px;font-size:14px;display:block}.menu-item[data-highlighted],.menu-item[data-popup-open]{background:var(--demo-hover)}.menu-item[aria-haspopup]{justify-content:space-between;align-items:center;gap:16px;display:flex}.menu-item[aria-haspopup]:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}.menu-item[data-checked]:before{content:"✓ "}.popover,.tooltip{z-index:50;box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);outline:0;transition:opacity .15s,transform .15s;position:relative}.popover{border-radius:0;width:240px;padding:14px 16px}.tooltip{border-radius:0;padding:5px 9px;font-size:13px}.popover[data-starting-style],.popover[data-ending-style],.tooltip[data-starting-style],.tooltip[data-ending-style]{opacity:0;transform:scale(.96)}.tooltip[data-instant]{transition:none}.popover-title{margin:0 0 4px;font-size:15px;font-weight:600}.arrow{border:inherit;background:inherit;width:10px;height:10px;transform:rotate(45deg)}.arrow[data-side=bottom]{border-bottom:0;border-right:0;top:-6px}.arrow[data-side=top]{border-top:0;border-left:0;bottom:-6px}.arrow[data-side=left]{border-bottom:0;border-left:0;right:-6px}.arrow[data-side=right]{border-top:0;border-right:0;left:-6px}.button[data-disabled]{opacity:.5;cursor:not-allowed}.separator{background:var(--demo-border-strong);flex:none}.separator[data-orientation=horizontal]{width:100%;height:1px}.separator[data-orientation=vertical]{align-self:stretch;width:1px}.separated{cursor:default;gap:12px;height:20px}.toggle{all:unset;box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);height:40px;color:var(--demo-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.toggle:hover{background:var(--demo-hover)}.toggle[data-pressed]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.toggle[data-disabled]{opacity:.5;cursor:not-allowed}.toggle:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.profile{background:var(--demo-hover);width:44px;height:44px;color:var(--demo-text);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:inline-flex;overflow:hidden}.profile-image{object-fit:cover;width:100%;height:100%}.range{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.range-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.range-track{background:var(--demo-border-strong);border-radius:0;height:8px;display:block;overflow:hidden}.range-fill{background:var(--demo-accent);border-radius:0;height:100%;transition:width .2s;display:block}.range-fill[data-indeterminate]{width:30%}.collapsible{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.collapsible-panel{height:var(--collapsible-panel-height);font-size:14px;transition:height .2s;overflow:hidden}.collapsible-panel[data-starting-style],.collapsible-panel[data-ending-style]{height:0}.keys{margin:0;padding:4px 0 4px 20px;line-height:1.8}.checkbox,.radio{all:unset;box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:20px;height:20px;color:var(--demo-on-accent);cursor:pointer;border-radius:0;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .15s;display:inline-flex}.radio{border-radius:50%}.checkbox[data-checked],.checkbox[data-indeterminate],.radio[data-checked]{border-color:var(--demo-accent);background:var(--demo-accent)}.checkbox[data-disabled],.radio[data-disabled]{opacity:.5;cursor:not-allowed}.checkbox:focus-visible,.radio:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.radio-indicator{background:var(--demo-on-accent);border-radius:50%;width:8px;height:8px}.nested{padding-left:28px}.toggle-group{flex-wrap:wrap;gap:6px;display:flex}.nf-group{gap:8px;display:flex}.nf-input{text-align:center;width:120px}.scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;width:fit-content;font-size:14px;font-weight:500;display:inline-block}.slider{flex-direction:column;gap:8px;width:280px;max-width:100%;font-size:14px;font-weight:500;display:flex}.slider-head{justify-content:space-between;gap:12px;display:flex}.slider-control{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;height:24px;display:flex}.slider-track{background:var(--demo-track);border-radius:0;flex:1;height:6px;position:relative}.slider-indicator{background:var(--demo-accent)}.slider-thumb{background:var(--demo-text);width:18px;height:18px;box-shadow:0 0 0 1px var(--demo-border-strong);border-radius:50%}.slider-thumb:has(:focus-visible){outline:2px solid var(--demo-ring);outline-offset:2px}.slider-thumb[data-disabled]{opacity:.5}.otp{align-items:center;gap:8px;display:flex}.otp-input{text-align:center;width:40px;padding:0}.otp-separator{background:var(--demo-border-strong);width:10px;height:2px}.toolbar{border:1px solid var(--demo-border-strong);background:var(--demo-surface);flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex}.toolbar-group{gap:4px;display:flex}.toolbar-button{all:unset;box-sizing:border-box;height:32px;color:var(--demo-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.toolbar-button:hover{background:var(--demo-hover)}.toolbar-button[data-disabled]{opacity:.5;cursor:not-allowed}.toolbar-button:focus-visible,.toolbar-link:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.toolbar-separator{background:var(--demo-border-strong);width:1px;height:20px;margin:0 4px}.toolbar-input{text-align:center;width:56px;height:32px;padding:0 8px}.toolbar-link{color:var(--demo-muted);padding:0 8px;font-size:13px;text-decoration:none}.toolbar-link:hover{color:var(--demo-text)}.tabs{border:1px solid var(--demo-border-strong);flex-direction:column;width:320px;max-width:100%;display:flex}.tabs-list{z-index:0;border-bottom:1px solid var(--demo-border-strong);gap:2px;padding:0 4px;display:flex;position:relative}.tab{all:unset;box-sizing:border-box;height:40px;color:var(--demo-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.tab:hover,.tab[data-active]{color:var(--demo-text)}.tab[data-disabled]{opacity:.5;cursor:not-allowed}.tab:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-6px}.tabs-indicator{bottom:-1px;left:var(--active-tab-left);z-index:-1;width:var(--active-tab-width);background:var(--demo-accent);height:2px;transition:left .2s,width .2s;position:absolute}.tabs-panel{outline:0;padding:20px 16px;font-size:14px}.tabs-panel:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.accordion{flex-direction:column;width:360px;max-width:100%;display:flex}.accordion-item{border-bottom:1px solid var(--demo-border-strong)}.accordion-header{margin:0}.accordion-trigger{all:unset;box-sizing:border-box;width:100%;color:var(--demo-text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;font-size:14px;font-weight:500;display:flex}.accordion-trigger:after{content:"+";color:var(--demo-muted);font-size:18px;font-weight:400;transition:transform .2s}.accordion-trigger[data-panel-open]:after{transform:rotate(45deg)}.accordion-trigger:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.accordion-panel{height:var(--accordion-panel-height);font-size:14px;transition:height .2s;overflow:hidden}.accordion-panel[data-starting-style],.accordion-panel[data-ending-style]{height:0}.accordion-content{color:var(--demo-muted);margin:0;padding:0 4px 12px;line-height:1.5}.scroll-area{border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:320px;max-width:100%;height:180px;position:relative}.scroll-viewport{overscroll-behavior:contain;outline:0;height:100%}.scroll-viewport:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.scroll-content{flex-direction:column;gap:12px;padding:12px 20px 12px 14px;font-size:14px;line-height:1.5;display:flex}.scroll-content p{margin:0}.scrollbar{background:var(--demo-track);opacity:0;width:6px;margin:4px;transition:opacity .15s;display:flex}.scrollbar[data-hovering],.scrollbar[data-scrolling]{opacity:1}.scroll-thumb{width:100%;height:var(--scroll-area-thumb-height);background:var(--demo-thumb)}.preview-text{max-width:320px;margin:0;font-size:14px;line-height:1.6}.preview-link{color:var(--demo-text);text-decoration:underline;-webkit-text-decoration-color:var(--demo-muted);text-decoration-color:var(--demo-muted);text-underline-offset:3px}.preview-link:hover,.preview-link[data-popup-open]{-webkit-text-decoration-color:var(--demo-text);text-decoration-color:var(--demo-text)}.preview-link:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.preview-card{width:260px}.drawer-backdrop{opacity:calc(1 - var(--drawer-swipe-progress,0))}.drawer-backdrop[data-swiping]{transition:none}.drawer-viewport{z-index:50;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{box-sizing:border-box;border-left:1px solid var(--demo-border);background:var(--demo-surface);width:min(340px,100vw - 48px);height:100%;color:var(--demo-text);box-shadow:var(--demo-shadow);pointer-events:auto;touch-action:none;transform:translateX(var(--drawer-swipe-movement-x,0px));outline:0;padding:24px;transition:transform .3s cubic-bezier(.32,.72,0,1)}.drawer[data-swiping]{transition:none}.drawer[data-starting-style],.drawer[data-ending-style]{transform:translate(100%)}.toast-viewport{z-index:60;outline:0;flex-direction:column-reverse;gap:8px;width:min(320px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);transform:translate(var(--toast-swipe-movement-x,0px), var(--toast-swipe-movement-y,0px));-webkit-user-select:none;user-select:none;padding:14px 16px;transition:opacity .2s,transform .2s}.toast[data-swiping]{transition:none}.toast[data-starting-style],.toast[data-ending-style],.toast[data-limited]{opacity:0}.toast[data-limited]{display:none}.toast-content{grid-template-columns:1fr auto;align-items:start;gap:2px 12px;display:grid}.toast-title{margin:0;font-size:14px;font-weight:600}.toast-content .muted{grid-column:1}.toast-close{border:1px solid var(--demo-border-strong);color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;grid-area:1/2/span 2;align-self:center;padding:4px 8px;font-size:12px}.toast-close:focus-visible,.toast:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.nav-list{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-trigger{height:36px;color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.nav-trigger:hover,.nav-trigger[data-popup-open]{background:var(--demo-hover)}.nav-trigger:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.nav-icon{color:var(--demo-muted);font-size:8px;transition:transform .15s;display:inline-block}.nav-icon[data-popup-open]{transform:rotate(180deg)}.nav-positioner{box-sizing:border-box;width:var(--positioner-width);height:var(--positioner-height)}.nav-popup{z-index:50;box-sizing:border-box;width:var(--popup-width);height:var(--popup-height);border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);transition:opacity .15s,transform .15s,width .2s,height .2s;position:relative}.nav-popup[data-starting-style],.nav-popup[data-ending-style]{opacity:0;transform:scale(.96)}.nav-viewport{width:100%;height:100%;position:relative;overflow:hidden}.nav-content{box-sizing:border-box;gap:2px;width:min(300px,100vw - 48px);padding:8px;display:grid}.nav-link{color:var(--demo-text);outline:0;flex-direction:column;gap:2px;padding:8px 10px;text-decoration:none;display:flex}.nav-link:hover,.nav-link:focus-visible{background:var(--demo-hover)}.nav-link-title{font-size:14px;font-weight:500}.select-label{cursor:default;font-size:14px;font-weight:500}.select{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);min-width:180px;height:40px;color:var(--demo-text);font:inherit;cursor:default;-webkit-user-select:none;user-select:none;border-radius:0;outline:0;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 12px;font-size:14px;display:inline-flex}.select:hover,.select[data-popup-open]{background:var(--demo-hover)}.select:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.select-value[data-placeholder]{color:var(--demo-muted)}.select-icon{color:var(--demo-muted);font-size:9px;display:inline-flex}.select-positioner{z-index:50;outline:0}.select-popup{box-sizing:border-box;min-width:var(--anchor-width);border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);border-radius:0;outline:0;transition:opacity .12s,transform .12s}.select-popup[data-starting-style],.select-popup[data-ending-style]{opacity:0;transform:scale(.96)}.select-popup[data-side=none]{opacity:1;transition:none;transform:none}.select-list{box-sizing:border-box;max-height:min(var(--available-height), 260px);padding:5px;scroll-padding-block:20px;position:relative;overflow-y:auto}.select-item{cursor:default;-webkit-user-select:none;user-select:none;outline:0;grid-template-columns:16px 1fr;align-items:center;gap:8px;padding:7px 10px 7px 8px;font-size:14px;display:grid}.select-item.plain{padding-left:10px;display:block}.select-item[data-highlighted]{background:var(--demo-hover)}.select-item-indicator{grid-column:1;font-size:12px}.select-item-text{grid-column:2}.select-scroll-arrow{z-index:1;background:var(--demo-surface);width:100%;height:18px;color:var(--demo-muted);cursor:default;justify-content:center;align-items:center;font-size:9px;display:flex;left:0}.select-scroll-arrow[data-direction=up]{top:0}.select-scroll-arrow[data-direction=down]{bottom:0}.combobox{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);align-items:center;width:100%;max-width:260px;height:40px;display:flex}.combobox:focus-within{border-color:var(--demo-accent)}.combobox-input{min-width:0;height:100%;color:var(--demo-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:14px}.combobox-input::placeholder{color:var(--demo-muted)}.combobox-button{width:32px;height:100%;color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.combobox-button:hover{color:var(--demo-text)}.combobox-popup{width:var(--anchor-width)}.combobox-popup .select-list:empty{padding:0}.combobox-empty:empty{display:none}.combobox-empty{color:var(--demo-muted);padding:12px;font-size:14px}.toast-stack-viewport{z-index:60;outline:0;width:calc(100vw - 32px);margin:0 auto;position:fixed;bottom:16px;right:16px}@media (width>=500px){.toast-stack-viewport{width:360px;bottom:32px;right:32px}}.toast-stack{--gap:12px;--peek:12px;--scale:calc(max(0, 1 - (var(--toast-index) * .1)));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));--offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));z-index:calc(1000 - var(--toast-index));box-sizing:border-box;width:100%;height:var(--height);border:1px solid var(--demo-border-strong);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:bottom;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));cursor:default;-webkit-user-select:none;user-select:none;margin:0 0 0 auto;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s;position:absolute;bottom:0;left:auto;right:0}.toast-stack[data-expanded]{height:var(--toast-height);transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.toast-stack[data-starting-style],.toast-stack[data-ending-style]{transform:translateY(150%)}.toast-stack[data-limited],.toast-stack[data-ending-style]{opacity:0}.toast-stack[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.toast-stack[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.toast-stack[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.toast-stack[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.toast-stack:after{content:"";width:100%;height:calc(var(--gap) + 1px);position:absolute;top:100%;left:0}.toast-stack[data-type=success] .toast-stack-text{color:#7ee2a1}.toast-stack[data-type=error] .toast-stack-text{color:var(--demo-error)}.toast-stack:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px}.toast-stack-viewport.top{max-width:360px;inset:16px 0 auto}.toast-stack.top{--offset-y:calc(var(--toast-offset-y) + (var(--toast-index) * var(--gap)) + var(--toast-swipe-movement-y));transform-origin:top;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--peek)) + (var(--shrink) * var(--height)))) scale(var(--scale));margin:0 auto;inset:0 0 auto}.toast-stack.top[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.toast-stack.top[data-starting-style],.toast-stack.top[data-ending-style]{transform:translateY(-150%)}.toast-stack.top[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.toast-stack.top:after{top:auto;bottom:100%}.toast-stack.pulse-even{animation:.28s toast-pulse-even}.toast-stack.pulse-odd{animation:.28s toast-pulse-odd}@keyframes toast-pulse-even{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-pulse-odd{0%,to{scale:1}50%{scale:1.04}}.toast-stack-content{box-sizing:border-box;align-items:center;gap:16px;padding:12px;transition:opacity .25s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.toast-stack-content[data-behind]{opacity:0}.toast-stack-content[data-expanded]{opacity:1}.toast-stack-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.toast-stack-text.with-action{align-items:start;gap:12px}.toast-stack-message{flex-direction:column;gap:4px;display:flex}.toast-stack-title{margin:0;font-size:14px;font-weight:700;line-height:20px}.toast-stack-description{margin:0;font-size:14px;line-height:20px}.toast-stack-button{border:1px solid var(--demo-border-strong);height:32px;color:var(--demo-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:14px;line-height:1;display:inline-flex}.toast-stack-button:hover{background:var(--demo-hover)}.toast-stack-button:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px}.toast-anchored-viewport{outline:0}.toast-anchored-positioner{z-index:calc(1000 - var(--toast-index))}.toast-anchored{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:max-content;color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);padding:4px 8px;font-size:14px;line-height:20px;transition:scale .1s ease-out,opacity .1s ease-out}.toast-anchored[data-starting-style],.toast-anchored[data-ending-style]{opacity:0;scale:.98}.toast-anchored:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px}.toast-anchored p{margin:0}.icon-square{box-sizing:border-box;border:1px solid var(--demo-border-strong);width:32px;height:32px;color:var(--demo-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.icon-square:hover:not([data-disabled]),.icon-square[data-popup-open]{background:var(--demo-hover)}.icon-square[data-disabled]{color:var(--demo-muted);cursor:default}.icon-square:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px;position:relative}.icon-square-group{display:flex}.icon-square-group>.icon-square:not(:first-child){border-left:none}.popup-morph-positioner{width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width);transition-property:top,left,right,bottom,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.popup-morph-positioner[data-instant]{transition:none}.popup-morph{width:var(--popup-width,auto);height:var(--popup-height,auto);max-width:500px;padding:0;transition-property:width,height,opacity,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.popup-morph[data-instant]{transition:none}.popup-morph .arrow{transition:left .35s cubic-bezier(.22,1,.36,1)}.popup-morph .arrow[data-instant]{transition:none}.popup-morph-viewport{--viewport-inline-padding:16px;box-sizing:border-box;width:100%;height:100%;padding:14px var(--viewport-inline-padding);position:relative;overflow:clip}.tooltip .popup-morph-viewport{--viewport-inline-padding:9px;padding:5px var(--viewport-inline-padding)}.popup-morph-viewport [data-previous],.popup-morph-viewport [data-current]{width:calc(var(--popup-width) - 2 * var(--viewport-inline-padding) - 2px);opacity:1;transition:translate .35s cubic-bezier(.22,1,.36,1),opacity .175s cubic-bezier(.22,1,.36,1);translate:0}[data-instant] .popup-morph-viewport [data-previous],[data-instant] .popup-morph-viewport [data-current]{transition:none}.popup-morph-viewport[data-activation-direction~=right] [data-current][data-starting-style]{opacity:0;translate:50%}.popup-morph-viewport[data-activation-direction~=right] [data-previous][data-ending-style],.popup-morph-viewport[data-activation-direction~=left] [data-current][data-starting-style]{opacity:0;translate:-50%}.popup-morph-viewport[data-activation-direction~=left] [data-previous][data-ending-style]{opacity:0;translate:50%}.popover-panel{flex-direction:column;gap:4px;display:flex}.popover-profile{grid-template-columns:auto auto;column-gap:8px;width:max-content;display:grid}.popover-profile .popover-title{grid-area:1/2;margin:0}.popover-profile .muted{grid-area:2/2}.popover-profile-avatar{object-fit:cover;background:var(--demo-hover);grid-area:1/1/span 2;width:48px;height:48px}.popover-profile-actions{flex-direction:column;grid-area:3/1/auto/span 2;gap:8px;padding-top:8px;font-size:14px;display:flex}.popover-profile-actions a{color:var(--demo-text);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.popover-profile-actions a:hover{text-decoration:none}.popover-profile-actions a:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.slider-mark{background:var(--demo-muted);width:1px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-mark-labels{-webkit-user-select:none;user-select:none;height:16px;position:relative}.slider-mark-label{color:var(--demo-muted);white-space:nowrap;font-size:12px;line-height:16px;position:absolute;top:0;transform:translate(-50%)}.slider-control[data-orientation=vertical]{justify-content:center;width:24px;height:128px}.slider-track[data-orientation=vertical]{flex:none;width:6px;height:100%}.button-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.button .icon,.icon{flex:none;display:block}.button:has(.icon){gap:8px}.dialog-intro .dialog-title{margin-bottom:4px}.dialog-fields{flex-direction:column;gap:12px;margin-top:16px;display:flex}.actions.start{justify-content:flex-start}.menu-separator{background:var(--demo-border);height:1px;margin:5px 0}.icon-button{width:32px;height:32px;color:var(--demo-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--demo-hover)}.icon-button:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px}.footer-link{color:var(--demo-text);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.footer-link:hover{text-decoration:none}.footer-link:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.dialog-stacked{transform:none;translate:-50% calc(-50% + 20px * var(--nested-dialogs));scale:calc(1 - .1 * var(--nested-dialogs));transition:translate .15s ease-out,scale .15s ease-out,opacity .15s ease-out}.dialog-stacked:after{content:"";opacity:0;pointer-events:none;background:#0003;transition:opacity .15s ease-out;position:absolute;inset:0}.dialog-stacked[data-nested-dialog-open]:after{opacity:1}.dialog-stacked[data-starting-style],.dialog-stacked[data-ending-style]{opacity:0;transform:none;translate:-50% calc(-50% + 4px + 20px * var(--nested-dialogs));scale:.96}.inside-scroll-viewport{z-index:50;justify-content:center;align-items:center;padding:24px 0;display:flex;position:fixed;inset:0;overflow:hidden}@media (height>=600px){.inside-scroll-viewport{padding:32px 0 48px}}.inside-scroll-popup{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:min(640px,100vw - 32px);max-width:100%;min-height:0;max-height:100%;color:var(--demo-text);box-shadow:var(--demo-shadow);flex-direction:column;transition:transform .15s ease-out,opacity .15s ease-out;display:flex;position:relative}.inside-scroll-popup[data-starting-style],.inside-scroll-popup[data-ending-style]{opacity:0;transform:scale(.98)}.inside-scroll-header{border-bottom:1px solid var(--demo-border);padding:16px}.inside-scroll-body{overscroll-behavior:contain;flex:auto;overflow-y:auto}.inside-scroll-body:focus-visible{outline:2px solid var(--demo-ring);outline-offset:0}.inside-scroll-body .scroll-section{padding:16px}.inside-scroll-actions{border-top:1px solid var(--demo-border);justify-content:flex-end;gap:12px;padding:16px;display:flex}.scroll-section{flex-direction:column;gap:4px;display:flex}.scroll-section-title{margin:0;font-size:14px;font-weight:600}.scroll-section-body{margin:0;font-size:14px;line-height:1.5}.outside-scroll-viewport{z-index:50;overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.outside-scroll-content{align-items:center;min-height:100%;display:flex;overflow:clip}.outside-scroll-popup{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:min(640px,100vw - 32px);color:var(--demo-text);box-shadow:var(--demo-shadow);outline:0;flex-direction:column;gap:16px;margin:64px auto;padding:16px;transition:transform .7s cubic-bezier(.45,1.005,0,1.005);display:flex;position:relative}.outside-scroll-popup[data-starting-style]{transform:translateY(100dvh)}.outside-scroll-popup[data-ending-style]{transition-duration:.35s;transition-timing-function:cubic-bezier(.375,.015,.545,.455);transform:translateY(max(100dvh,100%))}@media (prefers-reduced-motion:reduce){.outside-scroll-popup{transition:none}}.outside-scroll-header{padding-right:32px;position:relative}.outside-scroll-close{position:absolute;top:-4px;right:-4px}.outside-scroll-body{flex-direction:column;gap:16px;display:flex}.uncontained-viewport{z-index:50;box-sizing:border-box;place-items:center;padding:48px 16px;display:grid;position:fixed;inset:0}@media (width>=80rem){.uncontained-viewport{padding-block:24px}}.uncontained-root{pointer-events:none;justify-content:center;width:100%;max-width:1120px;height:100%;transition:opacity .15s;display:flex;position:relative}.uncontained-root[data-starting-style],.uncontained-root[data-ending-style]{opacity:0}@media (width>=80rem){.uncontained-root{max-width:none}}.uncontained-popup{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:100%;max-width:1120px;height:100%;box-shadow:var(--demo-shadow);pointer-events:auto;padding:16px;transition:transform .5s cubic-bezier(.22,1,.36,1)}[data-starting-style] .uncontained-popup{transform:scale(1.05)}.uncontained-close{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:32px;height:32px;color:var(--demo-text);pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;top:-40px;right:0}@media (width>=80rem){.uncontained-close{top:0}}.uncontained-close:hover{background:var(--demo-hover)}.uncontained-close:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px}.sheet-viewport{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.backdrop.contained,.sheet-viewport.contained,.drawer-viewport.contained{z-index:2;position:absolute}.sheet{--bleed:48px;box-sizing:border-box;width:100%;max-height:calc(80vh + var(--bleed));margin-bottom:calc(-1 * var(--bleed));padding:16px 24px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--bleed));border-top:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);overscroll-behavior:contain;transform:translateY(var(--drawer-swipe-movement-y,0px));will-change:transform;outline:0;transition:transform .45s cubic-bezier(.32,.72,0,1);overflow-y:auto}.sheet[data-swiping]{transition-duration:0s}.sheet[data-starting-style],.sheet[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.sheet-content{width:100%;max-width:512px;margin:0 auto}.sheet-handle{background:var(--demo-border-strong);width:48px;height:4px;margin:0 auto 16px}.sheet-title{text-align:center;margin:0 0 4px;font-size:16px;font-weight:600}.sheet-description{color:var(--demo-muted);text-align:center;margin:0 0 24px;font-size:14px;line-height:1.5}.sheet-actions{justify-content:center;align-items:center;gap:12px;display:flex}.sheet-actions.end{justify-content:flex-end}.sheet-actions-left{margin-right:auto}.sheet-stack{--peek:16px;--stack-progress:clamp(0, var(--drawer-swipe-progress,0), 1);--stack-step:.05;--stack-peek-offset:max(0px, calc((var(--nested-drawers,0) - var(--stack-progress)) * var(--peek)));--stack-scale-base:max(0, calc(1 - (var(--nested-drawers,0) * var(--stack-step))));--stack-scale:calc(var(--stack-scale-base) + (var(--stack-step) * var(--stack-progress)));--stack-shrink:calc(1 - var(--stack-scale));--stack-height:max(0px, calc(var(--drawer-frontmost-height,var(--drawer-height,0px)) - var(--bleed)));--translate-y:calc(var(--drawer-swipe-movement-y,0px) - var(--stack-peek-offset) - (var(--stack-shrink) * var(--stack-height)));width:calc(100% + 2px);height:var(--drawer-height,auto);border:1px solid var(--demo-border);transform-origin:50% calc(100% - var(--bleed));transform:translateY(var(--translate-y)) scale(var(--stack-scale));border-bottom:0;margin-left:-1px;margin-right:-1px;transition:transform .45s cubic-bezier(.32,.72,0,1),height .45s cubic-bezier(.32,.72,0,1),opacity .45s cubic-bezier(.32,.72,0,1);position:relative}.sheet-stack[data-swiping],.sheet-stack[data-nested-drawer-swiping]{transition-duration:0s}.sheet-stack:after{content:"";pointer-events:none;background:0 0;transition:background-color .45s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.sheet-stack[data-nested-drawer-open]{height:calc(var(--stack-height) + var(--bleed));overflow:hidden}.sheet-stack[data-nested-drawer-open]:after{background:#0003}.sheet-stack[data-starting-style],.sheet-stack[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.sheet-stack[data-ending-style]{opacity:.9999}.sheet-stack .sheet-content,.sheet-stack .sheet-handle{transition:opacity .3s cubic-bezier(.45,1.005,0,1.005)}.sheet-stack[data-nested-drawer-open] .sheet-content,.sheet-stack[data-nested-drawer-open] .sheet-handle{opacity:0}.sheet-stack[data-nested-drawer-open][data-nested-drawer-swiping] .sheet-content,.sheet-stack[data-nested-drawer-open][data-nested-drawer-swiping] .sheet-handle{opacity:1}.sheet-list{margin:0 0 24px;padding-left:20px;font-size:14px;line-height:1.6}.sheet-field{gap:8px;margin-bottom:16px;display:grid}.sheet-field label{font-size:14px;font-weight:500}.textarea{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;min-height:88px;color:var(--demo-text);font:inherit;resize:vertical;border-radius:0;outline:0;padding:8px 12px;font-size:14px}.textarea::placeholder{color:var(--demo-muted)}.textarea:focus-visible{border-color:var(--demo-accent)}.indent-root{--bleed:48px;width:100%;position:relative;overflow:hidden}.indent-background{background:var(--demo-text);position:absolute;inset:0}.indent{--indent-radius:calc(16px * (1 - var(--drawer-swipe-progress,0)));--indent-transition:calc(1 - clamp(0, calc(var(--drawer-swipe-progress,0) * 100000), 1));box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);min-height:320px;color:var(--demo-text);contain:layout;transform-origin:top;transition:transform .4s cubic-bezier(.32,.72,0,1),border-radius .25s cubic-bezier(.32,.72,0,1);transition-duration:calc(.4s * var(--indent-transition)), calc(.25s * var(--indent-transition));will-change:transform;padding:16px;position:relative}.indent[data-active]{transform:scale(calc(.98 + (.02 * var(--drawer-swipe-progress,0)))) translateY(calc(8px * (1 - var(--drawer-swipe-progress,0))));border-top-left-radius:var(--indent-radius);border-top-right-radius:var(--indent-radius)}.indent-center{justify-content:center;align-items:center;min-height:286px;display:flex}.swipe-root{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:100%;min-height:320px;color:var(--demo-text);position:relative;overflow:hidden}.swipe-center{box-sizing:border-box;justify-content:center;align-items:center;min-height:318px;padding:16px;display:flex}.swipe-hint{color:var(--demo-muted);text-align:center;margin:0;padding-right:48px;font-size:14px}.swipe-area{z-index:1;box-sizing:border-box;border-left:2px dashed var(--demo-muted);background:color-mix(in oklab, var(--demo-muted), transparent 88%);width:40px;position:absolute;top:0;bottom:0;right:0}.swipe-label{color:var(--demo-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transform-origin:50%;margin-right:8px;font-size:12px;font-weight:600;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(-90deg)}.swipe-root .drawer{width:min(320px,100% - 48px)}.snap-viewport{--bleed:48px;z-index:50;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.snap-viewport:after,.vk-viewport:after{content:"";height:var(--bleed);background:var(--demo-surface);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.snap-viewport[data-closed]:after,.vk-viewport[data-closed]:after{opacity:0}.snap-viewport:has([data-swiping]):after{opacity:0}.vk-viewport:has([data-swiping]):after{opacity:0}.snap-sheet{z-index:1;box-sizing:border-box;width:100%;max-height:calc(100dvh - var(--top-margin));padding-bottom:max(0px, calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)));border-top:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);touch-action:none;transform:translateY(calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)));will-change:transform;outline:0;flex-direction:column;transition:transform .45s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:visible}.snap-sheet[data-swiping]{transition-duration:0s}.snap-sheet:after{content:"";background:inherit;pointer-events:none;height:48px;position:absolute;top:100%;left:0;right:0}.snap-sheet[data-starting-style],.snap-sheet[data-ending-style]{padding-bottom:0;transform:translateY(calc(100% + 2px))}.snap-sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.snap-drag{touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:14px 24px 16px}.snap-drag .sheet-handle{margin-bottom:10px}.snap-drag .sheet-title,.vk-header .sheet-title{cursor:default;margin:0}.snap-scroll{min-height:0;padding:16px 24px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;touch-action:auto;flex:auto;overflow-y:auto}.snap-scroll .sheet-content{max-width:360px}.snap-cards{gap:12px;margin:0 0 24px;display:grid}.snap-card{background:var(--demo-hover);height:48px}.vk-viewport{--bleed:48px;z-index:50;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.vk-sheet{--footer-reserved-height:calc(84px + var(--bleed));z-index:1;box-sizing:border-box;width:100%;height:calc(100% - 16px + var(--bleed));max-height:calc(100% - 16px + var(--bleed));margin-bottom:calc(-1 * var(--bleed));border-top:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);touch-action:none;transform:translateY(var(--drawer-swipe-movement-y,0px));will-change:transform;outline:0;flex-direction:column;transition:transform .45s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:visible}.vk-sheet[data-swiping]{-webkit-user-select:none;user-select:none;transition-duration:0s}.vk-sheet[data-starting-style],.vk-sheet[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.vk-sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.vk-header{border-bottom:1px solid var(--demo-border);touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:16px 24px;position:relative}.vk-header .sheet-handle{margin:0;position:absolute;top:8px;left:50%;transform:translate(-50%)}.vk-header-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.vk-header-actions .button{min-width:0}.vk-header-actions .button:first-child{justify-self:start}.vk-header-actions .button:last-child{justify-self:end}.vk-scroll{overscroll-behavior:contain;touch-action:auto;flex:auto;min-height:0;padding:16px 24px 24px;overflow-y:auto}.vk-form{gap:12px;width:100%;max-width:360px;margin:0 auto;display:grid}.vk-field,.vk-composer{flex-direction:column;gap:4px;width:100%;font-size:14px;font-weight:500;display:flex}.vk-composer{max-width:360px;margin:0 auto}.vk-footer-slot{min-height:var(--footer-reserved-height);flex-shrink:0;transition:min-height .26s cubic-bezier(.32,.72,0,1);position:relative}.vk-footer-slot:focus-within{min-height:calc(var(--footer-reserved-height) + var(--drawer-keyboard-inset,0px))}.vk-footer{z-index:1;padding:10px 24px calc(10px + env(safe-area-inset-bottom,0px) + var(--bleed));border-top:1px solid var(--demo-border);background:var(--demo-surface);will-change:bottom, padding-bottom;transition:bottom .26s cubic-bezier(.32,.72,0,1),padding-bottom .26s cubic-bezier(.32,.72,0,1);position:absolute;bottom:0;left:0;right:0}.vk-footer:focus-within{z-index:3;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--bleed) + var(--drawer-keyboard-inset,0px));position:fixed;bottom:0;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.vk-footer-slot,.vk-footer{transition-duration:0s}}.pc-container{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.pc-positioner{--easing:cubic-bezier(.22, 1, .36, 1);--animation-duration:.35s;width:var(--positioner-width);max-width:var(--available-width);height:var(--positioner-height)}.pc-positioner.animated{transition-property:top,left,right,bottom,transform;transition-timing-function:var(--easing);transition-duration:var(--animation-duration)}.pc-popup{z-index:50;box-sizing:border-box;width:var(--popup-width,auto);height:var(--popup-height,auto);border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:var(--demo-shadow);transform-origin:var(--transform-origin);transition:transform .1s ease-out,opacity .1s ease-out;position:relative}.pc-popup.animated{transition-property:width,height,opacity,transform;transition-timing-function:var(--easing);transition-duration:var(--animation-duration)}.pc-popup[data-starting-style],.pc-popup[data-ending-style]{opacity:0;transform:scale(.98)}.pc-viewport{width:100%;height:100%;position:relative;overflow:clip}.pc-viewport [data-previous],.pc-viewport [data-current]{width:var(--popup-width);opacity:1;transition:translate var(--animation-duration) var(--easing), opacity calc(var(--animation-duration) / 2) var(--easing);translate:0}.pc-viewport[data-activation-direction~=left] [data-current][data-starting-style]{opacity:0;translate:-30%}.pc-viewport[data-activation-direction~=right] [data-current][data-starting-style],.pc-viewport[data-activation-direction~=left] [data-previous][data-ending-style]{opacity:0;translate:30%}.pc-viewport[data-activation-direction~=right] [data-previous][data-ending-style]{opacity:0;translate:-30%}.pc-content{box-sizing:border-box;flex-direction:column;gap:8px;width:min-content;padding:8px;display:flex}.pc-image{max-width:none;display:block}.pc-summary{margin:0;font-size:14px;line-height:20px}.checkbox-tree{flex-direction:column;gap:8px;display:flex}.checkbox-indicator[data-indeterminate] .checkbox-check,.checkbox-indicator:not([data-indeterminate]) .checkbox-dash{display:none}.otp-group{gap:8px;display:flex}.code{font-family:var(--demo-mono);color:var(--demo-text)}.otp-invalid-a,.otp-invalid-b{border-color:var(--demo-error);outline:2px solid var(--demo-error);outline-offset:-1px}.otp-invalid-a{animation:.18s ease-in-out otp-shake-a}.otp-invalid-b{animation:.18s ease-in-out otp-shake-b}@keyframes otp-shake-a{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes otp-shake-b{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.select-group-label{color:var(--demo-muted);cursor:default;padding:8px 10px 4px 32px;font-size:12px;font-weight:500}.select-separator{background:var(--demo-border);height:1px;margin:5px 0}.select-tall{text-align:left;height:auto;min-height:40px;padding-block:6px}.select-value-text{flex-direction:column;gap:2px;display:flex}.select-value-secondary{color:var(--demo-muted);font-size:12px}.combobox-chips-group{max-width:320px;height:auto;min-height:40px}.combobox-chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;padding:4px 6px;display:flex}.combobox-chips .combobox-input{flex:1;min-width:80px;height:28px;padding:0 4px}.combobox-chip{background:var(--demo-hover);height:24px;color:var(--demo-text);cursor:default;outline:0;align-items:center;gap:4px;padding:0 2px 0 8px;font-size:13px;display:inline-flex}.combobox-chip:focus-within,.combobox-chip[data-highlighted]{background:var(--demo-accent);color:var(--demo-on-accent)}.combobox-chip-remove{width:20px;height:20px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.combobox-status{color:var(--demo-muted);align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.combobox-status:empty{display:none}.combobox-spinner{border:2px solid var(--demo-border-strong);border-top-color:var(--demo-text);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite combobox-spin}@keyframes combobox-spin{to{transform:rotate(360deg)}}.combobox-person{flex-direction:column;gap:2px;display:flex}.combobox-person-detail{color:var(--demo-muted);gap:8px;font-size:12px;display:flex}.combobox-search{box-sizing:border-box;width:calc(100% - 10px);margin:5px 5px 0}.combobox-scroller{box-sizing:border-box;max-height:min(var(--available-height), 260px);overscroll-behavior:contain;overflow-y:auto}.combobox-virtual{width:100%;position:relative}.combobox-virtual .select-item{box-sizing:border-box;width:100%;height:32px;padding-block:0;position:absolute;left:0}.autocomplete-movie{justify-content:space-between;align-items:baseline;gap:12px;width:100%;display:flex}.autocomplete-match mark{color:var(--demo-text);background:0 0;font-weight:600;text-decoration:underline}.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}.button .caret{flex:none;margin-left:6px;margin-right:-4px;display:block}.button-square{width:40px;padding:0}.button-square svg,.toggle svg{display:block}.menu-label{color:var(--demo-muted);-webkit-user-select:none;user-select:none;padding:6px 10px 4px;font-size:12px;font-weight:500}.menu-choice{cursor:default;-webkit-user-select:none;user-select:none;outline:0;grid-template-columns:16px 1fr;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:grid}.menu-choice[data-highlighted]{background:var(--demo-hover)}.menu-choice-indicator{grid-column-start:1}.menu-choice-indicator svg{display:block}.menu-choice-text{grid-column-start:2;min-width:0}.menu-row{flex-wrap:wrap;gap:8px;display:flex}.menu-morph-positioner{width:var(--positioner-width);max-width:var(--available-width);height:var(--positioner-height);transition-property:top,left,right,bottom,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.menu-morph{width:var(--popup-width,auto);height:var(--popup-height,auto);padding:0;transition-property:width,height,opacity,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.menu-morph-positioner[data-instant],.menu-morph[data-instant]{transition:none}.menu-viewport{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:clip}.menu-viewport [data-previous],.menu-viewport [data-current]{box-sizing:border-box;width:var(--popup-width);padding:5px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .17s cubic-bezier(.22,1,.36,1)}.menu-viewport[data-activation-direction~=right] [data-previous][data-ending-style],.menu-viewport[data-activation-direction~=left] [data-current][data-starting-style]{opacity:0;transform:translate(-50%)}.menu-viewport[data-activation-direction~=right] [data-current][data-starting-style],.menu-viewport[data-activation-direction~=left] [data-previous][data-ending-style]{opacity:0;transform:translate(50%)}.menu-filter{min-width:max(224px, var(--anchor-width));padding:0;overflow:hidden}.menu-filter-field{border-bottom:1px solid var(--demo-border-strong);align-items:center;display:flex}.menu-filter-input{width:0;min-height:34px;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 10px;font-size:14px}.menu-filter-input::placeholder{color:var(--demo-muted)}.menu-filter-clear{width:34px;height:34px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.menu-filter-clear:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.menu-filter-list{max-height:min(352px, var(--available-height));outline:0;padding:4px;overflow-y:auto}.menu-filter-list:not(:has(>:not([hidden]))){padding:0}.menu-filter-empty{color:var(--demo-muted);padding:12px;font-size:14px}.menu-filter-section>.menu-separator{display:none}.menu-filter-section:not([hidden])~.menu-filter-section:not([hidden])>.menu-separator{display:block}.context-area{border:1px dashed var(--demo-border);width:240px;max-width:100%;height:120px;color:var(--demo-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;display:flex}.nav-card-list{gap:2px;margin:0;padding:8px;list-style:none;display:grid}.nav-card-list.wide{grid-template-columns:1fr 1fr;width:min(480px,100vw - 48px)}.nav-card-list.narrow{width:min(320px,100vw - 48px)}.nav-card{box-sizing:border-box;width:100%;color:var(--demo-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:0;flex-direction:column;gap:2px;padding:8px 10px;text-decoration:none;display:flex}.nav-card:hover,.nav-card:focus-visible,.nav-card[data-popup-open]{background:var(--demo-hover)}.nav-card-title{margin:0;font-size:14px;font-weight:500}.nav-card-text{color:var(--demo-muted);margin:0;font-size:13px;line-height:1.4}.nav-card .nav-icon{align-self:flex-end;transform:rotate(-90deg)}.nav-inline{box-sizing:border-box;grid-template-columns:168px minmax(0,1fr);gap:8px;width:min(560px,100vw - 48px);padding:8px;display:grid}.nav-inline-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-inline-viewport{min-width:0;position:relative}.nav-inline-content{flex-direction:column;gap:8px;padding:4px 6px;display:flex}@media (width<=699px){.nav-inline{grid-template-columns:minmax(0,1fr)}.nav-inline-list{flex-direction:row;overflow-x:auto}}.tabs-panel-viewport{grid-template-columns:minmax(0,1fr);min-height:96px;display:grid;overflow:hidden}.tabs-panel-slide{text-align:center;grid-area:1/1;justify-content:center;align-items:center;transition:opacity .175s,transform .35s cubic-bezier(.22,1,.36,1);display:flex}.tabs-panel-slide[data-starting-style],.tabs-panel-slide[data-ending-style]{opacity:0}@media (prefers-reduced-motion:no-preference){.tabs-panel-slide[data-starting-style][data-activation-direction=left],.tabs-panel-slide[data-ending-style][data-activation-direction=right]{transform:translate(-50%)}.tabs-panel-slide[data-starting-style][data-activation-direction=right],.tabs-panel-slide[data-ending-style][data-activation-direction=left]{transform:translate(50%)}}.tabs-panel-slide p{margin:0}.scroll-grid{grid-template-columns:repeat(10,64px);gap:8px;margin:0;padding:12px;list-style:none;display:grid}.scroll-grid li{background:var(--demo-hover);justify-content:center;align-items:center;height:64px;font-size:13px;display:flex}.scrollbar[data-orientation=horizontal]{width:auto;height:6px}.scrollbar[data-orientation=horizontal] .scroll-thumb{width:var(--scroll-area-thumb-width);height:100%}.scroll-fade .scroll-viewport{--fade-size:40px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 min(var(--fade-size), var(--scroll-area-overflow-y-start)), #000 calc(100% - min(var(--fade-size), var(--scroll-area-overflow-y-end,var(--fade-size)))), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 min(var(--fade-size), var(--scroll-area-overflow-y-start)), #000 calc(100% - min(var(--fade-size), var(--scroll-area-overflow-y-end,var(--fade-size)))), transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.listbox-label{cursor:default;font-size:14px;font-weight:500}.listbox{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:220px;max-width:100%;color:var(--demo-text);outline:0;padding:5px}.listbox[data-disabled]{opacity:.5}.listbox-item{cursor:default;-webkit-user-select:none;user-select:none;outline:0;grid-template-columns:16px 1fr;align-items:center;gap:8px;padding:7px 10px 7px 8px;font-size:14px;display:grid}.listbox-item:hover:not([data-disabled]),.listbox-item[data-highlighted]{background:var(--demo-hover)}.listbox-item:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.listbox-item[data-disabled]{color:var(--demo-muted)}.listbox-item-indicator{grid-column:1;font-size:12px}.listbox-item-text{grid-column:2}.listbox-group-label{color:var(--demo-muted);cursor:default;padding:8px 10px 4px 32px;font-size:12px;font-weight:500}.listbox-separator{background:var(--demo-border);height:1px;margin:5px 0}.listbox-horizontal{align-self:flex-start;gap:4px;width:auto;display:flex}.listbox-chip{text-align:center;cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:0;min-width:36px;padding:7px 10px;font-size:14px}.listbox-chip:hover,.listbox-chip[data-highlighted]{background:var(--demo-hover)}.listbox-chip[data-selected]{background:var(--demo-accent);color:var(--demo-on-accent)}.listbox-chip:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.listbox-empty{color:var(--demo-muted);padding:7px 10px;font-size:14px}.listbox-scroller{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);overscroll-behavior:contain;width:220px;max-width:100%;height:260px;overflow-y:auto}.listbox-virtual{border:0;width:100%;padding:0;position:relative}.listbox-virtual .listbox-item{box-sizing:border-box;width:100%;height:32px;padding-block:0;position:absolute;top:0;left:0}.calendar{width:max-content;max-width:100%;color:var(--demo-text);-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;font-size:14px;display:flex}.calendar-label{cursor:default;font-size:14px;font-weight:500}.calendar-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-heading{text-align:center;margin:0;font-size:14px;font-weight:500}.calendar-nav{box-sizing:border-box;border:1px solid var(--demo-border-strong);width:32px;height:32px;color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.calendar-nav:hover{background:var(--demo-hover)}.calendar-nav:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.calendar-nav[data-disabled]{color:var(--demo-muted);cursor:not-allowed;border-style:dashed}.calendar-nav[data-disabled]:hover{background:0 0}.calendar[dir=rtl] .calendar-nav{transform:scaleX(-1)}.calendar-grid{border-collapse:collapse;table-layout:fixed}.calendar-weekday{width:36px;height:28px;color:var(--demo-muted);text-align:center;padding:0;font-size:12px;font-weight:500}.calendar-cell{box-sizing:border-box;text-align:center;cursor:pointer;outline:0;width:36px;height:36px;padding:1px}.calendar-cell:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-1px}.calendar-cell[data-disabled],.calendar-cell[data-unavailable]{cursor:not-allowed}.calendar-day{box-sizing:border-box;font-variant-numeric:tabular-nums;border:1px solid #0000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.calendar-day[hidden]{display:none}.calendar-cell:hover .calendar-day:not([data-disabled],[data-selected]){background:var(--demo-hover)}.calendar-day[data-outside-month]{color:var(--demo-muted);font-size:12px}.calendar-day[data-today]:after{content:"";background:currentColor;width:12px;height:2px;margin-left:-6px;position:absolute;bottom:4px;left:50%}.calendar-day[data-unavailable]{color:var(--demo-muted);text-decoration:line-through}.calendar-day[data-disabled]{opacity:.35}.calendar-day[data-in-range]{border-block-color:var(--demo-border-strong);background:var(--demo-surface)}.calendar-day[data-preview]{border-block:1px dashed var(--demo-thumb)}.calendar-day[data-preview-start],.calendar-day[data-preview-end]{border:1px dashed var(--demo-accent)}.calendar-day[data-selected]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent);font-weight:600}.calendar-months{flex-wrap:wrap;gap:16px;display:flex}.calendar-month{flex-direction:column;gap:8px;display:flex}.calendar-locales{flex-wrap:wrap;gap:4px;display:flex}.calendar-chip{border:1px solid var(--demo-border-strong);min-width:32px;min-height:32px;color:var(--demo-text);font:12px var(--demo-mono);cursor:pointer;background:0 0;border-radius:0;padding:0 10px}.calendar-chip[aria-pressed=true]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.calendar-chip:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.date-field{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:max-content;max-width:100%;min-height:44px;color:var(--demo-text);border-radius:0;align-items:center;gap:2px;padding-block:4px;padding-inline:6px 4px;display:inline-flex}.date-field[data-focused]{border-color:var(--demo-accent)}.date-field[data-invalid]{border-style:dashed;border-color:var(--demo-error)}.date-field[data-disabled]{opacity:.5}.date-field-input{flex-wrap:wrap;align-items:center;display:flex}.date-field-input input{box-sizing:border-box;border:0;width:calc(2ch + 10px);min-width:24px;min-height:32px;color:inherit;font:16px var(--demo-mono);font-variant-numeric:tabular-nums;text-align:center;caret-color:#0000;background:0 0;border-block-end:2px solid #0000;border-radius:0;outline:0;margin:0;padding-block:0;padding-inline:4px}.date-field-input input[data-type=year]{width:calc(4ch + 10px)}.date-field-input input[data-type=millisecond],.date-field-input input[data-type=dayPeriod]{width:calc(3ch + 10px)}.date-field-input input::placeholder{color:var(--demo-muted);opacity:1}.date-field-input input[data-placeholder]{color:var(--demo-muted)}.date-field-input input::selection{background:0 0}.date-field-input input:focus-visible,.date-field-input input[data-focused]{background:var(--demo-accent);color:var(--demo-on-accent);outline:2px solid var(--demo-ring);outline-offset:1px}.date-field-input input:focus-visible::placeholder,.date-field-input input[data-focused]::placeholder{color:var(--demo-on-accent)}.date-field-input input[data-invalid]{border-block-end:2px dashed var(--demo-error)}.date-field-input [data-type=literal]{color:var(--demo-muted);font:16px var(--demo-mono);white-space:pre;padding-inline:1px}.date-field-clear{box-sizing:border-box;width:32px;height:32px;color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin-inline-start:4px;padding:0;font-size:18px;line-height:1;display:inline-flex}.date-field-clear:hover{background:var(--demo-hover);color:var(--demo-text)}.date-field-clear[data-empty]{visibility:hidden}.date-field-locales{flex-wrap:wrap;gap:24px;display:flex}.date-picker-control{flex-wrap:wrap}.date-range-picker-input,.date-range-picker-input>div{align-items:center;display:flex}.date-range-picker-separator{color:var(--demo-muted);font:16px var(--demo-mono);padding-inline:2px}.date-picker-trigger{box-sizing:border-box;border:1px solid var(--demo-border-strong);width:32px;height:32px;color:var(--demo-text);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;margin-inline-start:4px;padding:0;display:inline-flex}.date-picker-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px}.date-picker-trigger:hover{background:var(--demo-hover)}.date-picker-trigger:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.date-picker-trigger[data-popup-open]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.date-picker-trigger[data-disabled]{color:var(--demo-muted);cursor:not-allowed;border-style:dashed}.date-picker-popup{flex-direction:column;gap:12px;width:max-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;overflow:auto}.date-picker-with-presets{flex-flow:wrap;align-items:flex-start}.date-picker-close{align-self:flex-end;height:32px}.date-picker-presets{flex-direction:column;gap:4px;display:flex}.date-picker-preset{box-sizing:border-box;border:1px solid var(--demo-border-strong);min-height:32px;color:var(--demo-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:6px;padding-inline:10px;font-size:14px;display:inline-flex}.date-picker-preset:hover{background:var(--demo-hover)}.date-picker-preset:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.date-picker-preset[data-selected]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.date-picker-preset[data-selected]:before{content:"✓"}.date-picker-preset[data-disabled]{color:var(--demo-muted);cursor:not-allowed}@media (width<=480px){.date-picker-popup .calendar-months{flex-wrap:nowrap;overflow-x:auto}}.pagination{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.pagination-list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pagination-control,.pagination-item{box-sizing:border-box;border:1px solid var(--demo-border-strong);min-width:40px;height:40px;color:var(--demo-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;transition:background .15s;display:inline-flex}.pagination-control:hover,.pagination-item:hover{background:var(--demo-hover)}.pagination-control:focus-visible,.pagination-item:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.pagination-item[data-active]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent);font-weight:600}.pagination-control[data-disabled],.pagination-item[data-disabled]{color:var(--demo-muted);cursor:not-allowed;background:0 0;border-style:dashed}.pagination-ellipsis{min-width:24px;height:40px;color:var(--demo-muted);justify-content:center;align-items:center;display:inline-flex}.pagination-compact{flex-wrap:nowrap}.pagination-value{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 8px}.pagination-page-size-label{color:var(--demo-muted);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.pagination-page-size{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);min-width:64px;height:40px;color:var(--demo-text);font:inherit;border-radius:0;padding:0 8px;font-size:16px}.pagination-page-size:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.pagination-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.pagination-table th,.pagination-table td{border-bottom:1px solid var(--demo-border);text-align:start;height:36px;padding:0 12px}.pagination-table th{color:var(--demo-muted);font-weight:500}@media (width<=480px){.pagination-compact{flex-wrap:wrap}}.rating-label{font-size:14px;font-weight:500}.rating{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:4px;font-size:14px;display:inline-flex}.rating-item{box-sizing:border-box;width:32px;height:32px;color:var(--demo-text);cursor:pointer;flex:none;position:relative}.rating-item:before,.rating-item:after{content:"";-webkit-mask:var(--rating-star) center / contain no-repeat;-webkit-mask:var(--rating-star) center / contain no-repeat;mask:var(--rating-star) center / contain no-repeat;background:currentColor;position:absolute;inset:3px}.rating-item:before{--rating-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.85 5.78 6.38.93-4.62 4.5 1.09 6.35L12 17.36l-5.7 3 1.09-6.35-4.62-4.5 6.38-.93z' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.rating-item:after{--rating-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.85 5.78 6.38.93-4.62 4.5 1.09 6.35L12 17.36l-5.7 3 1.09-6.35-4.62-4.5 6.38-.93z' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");clip-path:inset(0 calc(100% - var(--rating-item-fill,0%)) 0 0)}[dir=rtl] .rating-item:after{clip-path:inset(0 0 0 calc(100% - var(--rating-item-fill,0%)))}.rating-item:focus-visible{outline:2px solid var(--demo-ring);outline-offset:0}.rating[data-readonly] .rating-item,.rating-summary .rating-item{cursor:default}.rating[data-disabled]{border:1px dashed var(--demo-border-strong);opacity:.55;padding:4px}.rating[data-disabled] .rating-item{cursor:not-allowed}.rating[data-invalid] .rating-item{color:var(--demo-error)}.rating-value{min-width:80px;color:var(--demo-muted);font-variant-numeric:tabular-nums;padding-inline-start:8px}.rating-value[data-previewing]{color:var(--demo-text);font-style:italic}.rating-clear{margin-inline-start:4px}.rating-clear[data-disabled]{opacity:.55;cursor:not-allowed;border-style:dashed}.rating-faces{flex-direction:column;align-items:stretch;min-width:200px}.rating-face{box-sizing:border-box;border:1px solid var(--demo-border-strong);min-height:40px;color:var(--demo-text);cursor:pointer;align-items:center;gap:10px;padding:0 12px;display:flex}.rating-face svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none}.rating-face .rating-face-eye{fill:currentColor;stroke:none}.rating-face:hover{background:var(--demo-hover)}.rating-face:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.rating-face[data-checked]{border-width:3px;border-color:var(--demo-accent);font-weight:600}.rating-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-upload{flex-direction:column;gap:12px;width:min(100%,420px);display:flex}.file-upload-label{font-size:14px;font-weight:500}.file-upload-dropzone{box-sizing:border-box;border:1px dashed var(--demo-border-strong);min-height:112px;color:var(--demo-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.file-upload-dropzone[role=button]{cursor:pointer}.file-upload-dropzone[role=button]:hover{background:var(--demo-hover);color:var(--demo-text)}.file-upload-dropzone:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.file-upload-dropzone[data-dragging]{border-style:solid;border-color:var(--demo-accent);background:var(--demo-hover);color:var(--demo-text)}.file-upload-dropzone[data-drag-reject]{border-style:dashed;border-width:2px;border-color:var(--demo-danger);color:var(--demo-error)}.file-upload-dropzone[data-drag-reject]:after{content:"Not accepted here";flex-basis:100%;font-size:13px}.file-upload-dropzone[data-disabled]{cursor:not-allowed;opacity:.5}.file-upload-dropzone[data-invalid]{border-color:var(--demo-error)}.file-upload-list,.file-upload-grid,.file-upload-inline{margin:0;padding:0;list-style:none}.file-upload-list{flex-direction:column;gap:8px;display:flex}.file-upload-list[data-empty],.file-upload-grid[data-empty],.file-upload-inline[data-empty]{display:none}.file-upload-item{border:1px solid var(--demo-border-strong);background:var(--demo-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:8px 8px 8px 12px;display:grid}.file-upload-item[data-rejected]{border-style:dashed;border-color:var(--demo-danger)}.file-upload-name{color:var(--demo-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.file-upload-size{color:var(--demo-muted);font-family:var(--demo-mono);grid-column:1;font-size:12px}.file-upload-error{color:var(--demo-error);grid-column:1;font-size:12px}.file-upload-remove{width:32px;height:32px;color:var(--demo-muted);cursor:pointer;background:0 0;border:1px solid #0000;grid-area:1/2/span 2;justify-content:center;align-items:center;padding:0;display:inline-flex}.file-upload-remove svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.file-upload-remove:hover{background:var(--demo-hover);color:var(--demo-text)}.file-upload-remove:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.file-upload-clear{align-self:flex-end}.file-upload-clear[data-disabled]{cursor:not-allowed;opacity:.5}.file-upload-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.file-upload-tile{border:1px solid var(--demo-border-strong);background:var(--demo-surface);flex-direction:column;gap:6px;padding:6px;display:flex;position:relative}.file-upload-preview{aspect-ratio:1;object-fit:cover;background:var(--demo-track);width:100%;display:block}.file-upload-tile .file-upload-name{font-size:12px}.file-upload-tile .file-upload-remove{background:var(--demo-surface);width:28px;height:28px;color:var(--demo-text);position:absolute;top:10px;right:10px}.file-upload-compact{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-upload-inline{flex-wrap:wrap;gap:8px;display:flex}.file-upload-chip{border:1px solid var(--demo-border-strong);align-items:center;gap:8px;padding:0 0 0 10px;display:flex}.file-upload-chip[data-rejected]{border-style:dashed;border-color:var(--demo-danger)}.file-upload-chip .file-upload-remove{grid-row:auto}.color-picker{flex-direction:column;gap:12px;width:min(100%,256px);display:flex}.color-picker-row{align-items:center;gap:8px;display:flex}.color-picker-popup{flex-direction:column;gap:12px;width:256px;display:flex}.color-picker-trigger{gap:10px;padding:0 8px}.color-picker-trigger[data-disabled]{opacity:.5;cursor:not-allowed}.color-picker-area{aspect-ratio:4/3;background:var(--area-background);cursor:crosshair;width:100%;box-shadow:inset 0 0 0 1px #ffffff24}.color-picker-slider{background:var(--channel-gradient);cursor:pointer;width:100%;height:20px;box-shadow:inset 0 0 0 1px #ffffff24}.color-picker-alpha{background:var(--channel-gradient), repeating-conic-gradient(#8a8a90 0 25%, #f2f2ee 0 50%) 0 0 / 8px 8px}.color-picker-area[data-disabled],.color-picker-slider[data-disabled],.color-picker-wheel[data-disabled]{opacity:.5;cursor:not-allowed}.color-picker-thumb{box-sizing:border-box;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c}.color-picker-thumb[data-focused]{outline:2px solid var(--demo-ring);outline-offset:3px}.color-picker-thumb[data-out-of-gamut]{border-style:dashed}.color-picker-wheel{cursor:pointer;border-radius:50%;width:168px;height:168px;margin:14px auto}.color-picker-wheel:before{content:"";background:var(--wheel-gradient);border-radius:50%;position:absolute;inset:-14px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 28px),#000 calc(100% - 27px));mask:radial-gradient(farthest-side,#0000 calc(100% - 28px),#000 calc(100% - 27px))}.color-picker-wheel-thumb{background:hsl(var(--wheel-angle) 100% 50%)}.color-picker-input{min-width:0;font-family:var(--demo-mono)}.color-picker-row .color-picker-input{flex:1}.color-picker-input[data-invalid]{border-style:dashed}.color-picker-eye-dropper{flex:none;width:40px;padding:0}.color-picker-eye-dropper svg,.color-picker-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round}.color-picker-eye-dropper[data-unsupported],.color-picker-eye-dropper[data-disabled]{opacity:.5;cursor:not-allowed;border-style:dashed}.color-picker-eye-dropper[data-active]{background:var(--demo-hover)}.color-picker-value{font:13px/1.4 var(--demo-mono);overflow-wrap:anywhere}.color-picker-values{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.color-picker-values dt{color:var(--demo-muted);font-size:13px}.color-picker-values dd{margin:0}.color-picker-channels{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.color-picker-channel{color:var(--demo-muted);font:13px var(--demo-mono);align-items:center;gap:6px;display:flex}.color-picker-channel .input{min-width:0;font-family:var(--demo-mono);text-align:right;padding:0 8px}.color-swatch{box-sizing:border-box;background:linear-gradient(var(--color), var(--color)), repeating-conic-gradient(#8a8a90 0 25%, #f2f2ee 0 50%) 0 0 / 8px 8px;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #fff3}.color-swatch[data-empty]{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--demo-error) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), var(--demo-surface);box-shadow:inset 0 0 0 1px var(--demo-border-strong)}.color-swatch-large{width:48px;height:48px}.color-swatch-list{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.color-swatch-list li{flex-direction:column;align-items:center;gap:6px;display:flex}.color-swatch-picker-label{font-size:14px;font-weight:500}.color-swatch-picker{flex-wrap:wrap;gap:6px;display:flex}.color-swatch-picker-item{box-sizing:border-box;background:linear-gradient(var(--color), var(--color)), repeating-conic-gradient(#8a8a90 0 25%, #f2f2ee 0 50%) 0 0 / 8px 8px;cursor:pointer;outline:0;width:32px;height:32px;box-shadow:inset 0 0 0 1px #fff3}.color-swatch-picker-item[data-checked]{box-shadow:0 0 0 2px var(--demo-surface), 0 0 0 4px var(--demo-accent)}.color-swatch-picker-item:focus-visible{outline:2px dashed var(--demo-ring);outline-offset:6px}.color-swatch-picker-item[data-disabled]{opacity:.4;cursor:not-allowed}.color-swatch-picker[data-readonly] .color-swatch-picker-item{cursor:default}.tree{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:260px;max-width:100%;color:var(--demo-text);outline:0;padding:5px}.tree-label{cursor:default;font-size:14px;font-weight:500}.tree-item{outline:0}.tree-item[data-moving]{opacity:.5}.tree-row{box-sizing:border-box;min-height:32px;padding:0 10px 0 calc((var(--tree-item-level,1) - 1) * 20px + 4px);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex;position:relative}.tree-row:hover:not([data-disabled]),.tree-row[data-highlighted]{background:var(--demo-hover)}.tree-row[data-selected]:not([data-multiple] *){background:var(--demo-accent);color:var(--demo-on-accent)}.tree-item:focus-visible>.tree-row{outline:2px solid var(--demo-ring);outline-offset:-2px}.tree-row[data-disabled]{color:var(--demo-muted)}.tree-row[data-loading]{cursor:progress}.tree-row[data-load-error]{color:var(--demo-error)}.tree-row[data-match]{font-weight:600}.tree-row[data-drop-target=inside]{outline:2px solid var(--demo-accent);outline-offset:-2px}.tree-row[data-drop-target=before]:before,.tree-row[data-drop-target=after]:after{content:"";right:0;left:calc((var(--tree-item-level,1) - 1) * 20px + 4px);background:var(--demo-accent);height:2px;position:absolute}.tree-row[data-drop-target=before]:before{top:-1px}.tree-row[data-drop-target=after]:after{bottom:-1px}.tree-toggle{width:24px;height:24px;color:var(--demo-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.tree-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.tree-toggle[data-expanded] svg{transform:rotate(90deg)}.tree-toggle[data-leaf]{visibility:hidden}.tree-toggle[data-loading] svg{animation:.8s ease-in-out infinite alternate tree-pulse}@keyframes tree-pulse{to{opacity:.3}}[dir=rtl] .tree-toggle svg{transform:scaleX(-1)}[dir=rtl] .tree-toggle[data-expanded] svg{transform:scaleX(-1)rotate(90deg)}.tree-check{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:16px;height:16px;color:var(--demo-on-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.tree-check[data-checked],.tree-check[data-indeterminate],.tree-check[data-selected]{border-color:var(--demo-accent);background:var(--demo-accent)}.tree-check svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tree-check-mark,.tree-check-dash{display:none}.tree-check[data-checked] .tree-check-mark,.tree-check[data-selected] .tree-check-mark,.tree-check[data-indeterminate] .tree-check-dash{display:inline}.tree-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-group{height:var(--tree-group-height);transition:height .15s ease-out;overflow:hidden}.tree-group[data-starting-style],.tree-group[data-ending-style]{height:0}.tree-scroller{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);overscroll-behavior:contain;width:260px;max-width:100%;height:260px;overflow-y:auto}.tree-virtual{border:0;width:100%;padding:0;position:relative}.tree-virtual .tree-item{box-sizing:border-box;width:100%;height:32px;position:absolute;top:0;left:0}.tree-select-popup{max-height:min(var(--available-height), 320px);min-width:max(var(--anchor-width), 240px);flex-direction:column;display:flex}.tree-select-tree{border:0;width:auto;min-height:0;overflow-y:auto}.tree-select-input{flex:none;width:auto;height:36px;margin:5px 5px 0}.tree-select-empty:not(:empty){color:var(--demo-muted);padding:7px 10px;font-size:14px}.tree-select-status:not(:empty){color:var(--demo-muted);padding:4px 10px 6px;font-size:12px}.tree-select-row{align-items:center;gap:4px;display:flex}.tree-select-clear{width:32px;height:32px;color:var(--demo-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-select-clear:hover{background:var(--demo-hover);color:var(--demo-text)}.tree-select-clear:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.tree-select-clear svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.carousel{flex-direction:column;gap:12px;width:340px;max-width:100%;display:flex}.carousel-bar{align-items:center;gap:8px;display:flex}.carousel-value{color:var(--demo-muted);font:12px/1 var(--demo-mono);margin-right:auto}.carousel-viewport{contain:inline-size;scrollbar-color:var(--demo-border-strong) transparent;scrollbar-width:thin;outline:0;gap:8px;display:flex}.carousel-viewport:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.carousel-slide{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);flex-direction:column;flex:0 0 100%;gap:4px;height:176px;padding:12px;display:flex}.carousel-slide:before,.carousel-thumb:before{content:"";background:repeating-linear-gradient(var(--carousel-angle,135deg), var(--demo-hover) 0 10px, var(--demo-surface) 10px 20px);flex:1;margin-bottom:8px}.carousel-slide:nth-child(5n+2),.carousel-thumb:nth-child(5n+2){--carousel-angle:45deg}.carousel-slide:nth-child(5n+3),.carousel-thumb:nth-child(5n+3){--carousel-angle:90deg}.carousel-slide:nth-child(5n+4),.carousel-thumb:nth-child(5n+4){--carousel-angle:0deg}.carousel-slide:nth-child(5n+5),.carousel-thumb:nth-child(5n+5){--carousel-angle:160deg}.carousel-slide-title{margin:0;font-size:15px;font-weight:600}.carousel-arrow:before{content:"";border-top:1.5px solid;border-right:1.5px solid;width:8px;height:8px;transform:translate(-2px)rotate(45deg)}.carousel-prev:before{transform:translate(2px)rotate(-135deg)}.carousel[data-orientation=vertical] .carousel-prev:before{transform:translateY(2px)rotate(-45deg)}.carousel[data-orientation=vertical] .carousel-next:before{transform:translateY(-2px)rotate(135deg)}.carousel-play:before{content:"";border-block:6px solid #0000;border-left:10px solid;transform:translate(1px)}.carousel-play[data-playing]:before{border:0;border-inline:3px solid;width:3px;height:12px;transform:none}.carousel-tabs{justify-content:center;display:flex}.carousel-tabs[data-orientation=vertical]{flex-direction:column}.carousel-tab{cursor:pointer;background:0 0;border:0;outline:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.carousel-tab:before{content:"";background:var(--demo-thumb);border-radius:4px;width:8px;height:8px;transition:width .2s,height .2s}.carousel-tab[data-active]:before{background:var(--demo-text);width:20px}.carousel-tabs[data-orientation=vertical] .carousel-tab[data-active]:before{width:8px;height:20px}.carousel-tab:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.carousel-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.carousel-thumb{border:1px solid var(--demo-border-strong);background:var(--demo-surface);height:56px;color:var(--demo-muted);font:inherit;cursor:pointer;outline:0;flex-direction:column;padding:4px;font-size:11px;display:flex}.carousel-thumb:before{margin-bottom:4px}.carousel-thumb[data-active]{border-color:var(--demo-text);box-shadow:inset 0 -2px 0 var(--demo-text);color:var(--demo-text)}.carousel-thumb:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.carousel-multiple .carousel-slide{flex-basis:29%;height:128px}.carousel-vertical{flex-direction:row;align-items:center}.carousel-vertical .carousel-side{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.carousel-vertical .carousel-viewport{flex-direction:column;flex:1;height:200px}.carousel-vertical .carousel-slide{height:auto}.carousel-cards .carousel-viewport{cursor:grab}.carousel-cards .carousel-viewport[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-cards .carousel-slide{flex-basis:45%;height:152px;padding:0}.carousel-cards .carousel-slide:before{display:none}.carousel-card{color:var(--demo-text);outline:0;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;padding:12px;text-decoration:none;display:flex}.carousel-card:hover .carousel-slide-title{text-decoration:underline}.carousel-card:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.carousel-tab:before{transition:none}}.grid-list{box-sizing:border-box;width:380px;max-width:100%;color:var(--demo-text);outline:0;flex-direction:column;gap:4px;display:flex}.grid-list-label{cursor:default;font-size:14px;font-weight:500}.grid-list-item{outline:0}.grid-list-item[data-dragging],.grid-list-item[data-moving]{opacity:.5}.grid-list-cell{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);cursor:default;align-items:center;gap:10px;min-height:48px;padding:8px 10px;font-size:14px;display:flex;position:relative}.grid-list-cell:hover:not([data-disabled]),.grid-list-cell[data-highlighted]{background:var(--demo-hover)}.grid-list-cell[data-selected]{border-color:var(--demo-accent)}.grid-list-item:focus-visible>.grid-list-cell{outline:2px solid var(--demo-ring);outline-offset:1px}.grid-list-cell[data-disabled]{color:var(--demo-muted)}.grid-list-cell[data-drop-target]:before{content:"";background:var(--demo-accent);height:2px;position:absolute;left:0;right:0}.grid-list-cell[data-drop-target=before]:before{top:-4px}.grid-list-cell[data-drop-target=after]:before{bottom:-4px}.grid-list-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grid-list-text{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.grid-list-description{color:var(--demo-muted);font-size:13px}.grid-list-cell[data-disabled] .grid-list-description{color:inherit}.grid-list-action{border:1px solid var(--demo-border-strong);height:28px;color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;border-radius:0;flex:none;padding:0 10px;font-size:13px}.grid-list-action:hover{background:var(--demo-surface)}.grid-list-action:focus-visible{outline:2px solid var(--demo-ring);outline-offset:1px}.grid-list-empty{border:1px dashed var(--demo-border-strong);color:var(--demo-muted);text-align:center;padding:16px;font-size:14px}.grid-list-check{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:16px;height:16px;color:var(--demo-on-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.grid-list-check[data-selected]{border-color:var(--demo-accent);background:var(--demo-accent)}.grid-list-check svg{visibility:hidden;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.grid-list-check[data-selected] svg{visibility:visible}.grid-list-handle{width:24px;height:24px;color:var(--demo-muted);cursor:grab;flex:none;justify-content:center;align-items:center;display:inline-flex}.grid-list-handle[data-dragging]{cursor:grabbing}.grid-list-handle svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round}.grid-list-number{width:16px;color:var(--demo-muted);font-variant-numeric:tabular-nums;text-align:right}.grid-list-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;width:420px;display:grid}.grid-list-card{flex-direction:column;align-items:stretch;gap:4px;height:100%;padding:8px}.grid-list-cover{background:linear-gradient(135deg,#3b3b42,#1f1f24);height:64px;margin-bottom:4px;display:block}.grid-list-cards .grid-list-item:nth-child(4n+2) .grid-list-cover{background:linear-gradient(135deg,#2f4250,#1c242b)}.grid-list-cards .grid-list-item:nth-child(4n+3) .grid-list-cover{background:linear-gradient(135deg,#3a4a35,#1e261c)}.grid-list-cards .grid-list-item:nth-child(4n+4) .grid-list-cover{background:linear-gradient(135deg,#4d3f2e,#28211a)}.grid-list-scroller{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);overscroll-behavior:contain;width:280px;max-width:100%;height:280px;overflow-y:auto}.grid-list-virtual{width:100%;display:block;position:relative}.grid-list-virtual .grid-list-item{box-sizing:border-box;width:100%;height:40px;position:absolute;top:0;left:0}.grid-list-virtual .grid-list-cell{border-color:#0000;height:100%;min-height:0;padding-block:0}.grid-list-virtual .grid-list-item:focus-visible>.grid-list-cell{outline-offset:-2px}.splitter{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:360px;max-width:100%;height:200px}.splitter-tall{height:260px}.splitter-example{width:360px;max-width:100%}.splitter-inner{height:100%}.splitter-panel{overflow:hidden}.splitter-pane{height:100%;padding:12px}.splitter-pane-title{margin:0;font-size:14px;font-weight:600}.splitter-separator{background:var(--demo-border-strong);cursor:col-resize;outline:0;flex:0 0 1px;position:relative}.splitter-separator[data-orientation=horizontal]{cursor:row-resize}.splitter-separator:before{content:"";z-index:1;position:absolute;inset:0 -4px}.splitter-separator[data-orientation=horizontal]:before{inset:-4px 0}@media (pointer:coarse){.splitter-separator:before{inset:0 -12px}.splitter-separator[data-orientation=horizontal]:before{inset:-12px 0}}.splitter-separator:after{content:"";z-index:1;box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);border-radius:4px;width:7px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter-separator[data-orientation=horizontal]:after{width:24px;height:7px}.splitter-separator:hover,.splitter-separator[data-dragging]{background:var(--demo-muted)}.splitter-separator:focus-visible{background:var(--demo-ring)}.splitter-separator:focus-visible:after{border-color:var(--demo-ring);outline:2px solid var(--demo-ring);outline-offset:1px}.splitter[data-dragging]{cursor:col-resize}.splitter[data-dragging][data-orientation=vertical]{cursor:row-resize}.splitter[data-dragging] iframe{pointer-events:none}.splitter-toolbar{flex-wrap:wrap;gap:8px;display:flex}.splitter-resizable{resize:horizontal;min-width:260px;overflow:hidden}.splitter-nav{flex-direction:column;gap:2px;padding:8px 6px;display:flex}.splitter-nav-item{min-height:32px;color:var(--demo-text);white-space:nowrap;border-radius:6px;outline:0;align-items:center;gap:10px;padding:0 8px;font-size:13px;text-decoration:none;display:flex}.splitter-nav-item:hover{background:var(--demo-hover)}.splitter-nav-item:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.splitter-nav-icon{border:1.5px solid;border-radius:3px;flex:none;width:14px;height:14px}.splitter-panel[data-collapsed] .splitter-nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.splitter-collapsible>.splitter-panel{transition:flex-grow .2s}.splitter-collapsible[data-dragging]>.splitter-panel{transition:none}}.data-table{box-sizing:border-box;border-collapse:collapse;width:440px;max-width:100%;color:var(--demo-text);font-size:14px}.data-table-caption{text-align:left;padding-bottom:8px;font-weight:500}.data-table-head{border-bottom:1px solid var(--demo-border-strong);height:36px;color:var(--demo-muted);text-align:left;white-space:nowrap;padding:0 10px;font-size:13px;font-weight:500}.data-table-row{border-bottom:1px solid var(--demo-border);outline:0}.data-table-row:hover:not([data-disabled]),.data-table-row[data-highlighted]{background:var(--demo-hover)}.data-table-row[data-selected]{background:var(--demo-surface)}.data-table-row[data-disabled]{color:var(--demo-muted)}.data-table-cell{text-align:left;outline:0;height:40px;padding:0 10px;font-weight:400}.data-table-row:focus-visible,.data-table-cell:focus-visible,.data-table-head:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.data-table-number{font-variant-numeric:tabular-nums;text-align:right}.data-table-link{color:inherit;text-underline-offset:3px}.data-table-link:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.data-table-sort{height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 -6px;padding:0 6px;display:inline-flex}.data-table-sort:hover{color:var(--demo-text)}.data-table-sort:focus-visible{outline:2px solid var(--demo-ring);outline-offset:0}.data-table-sort-indicator{opacity:.35;border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;display:inline-block;transform:translateY(-2px)rotate(45deg)}.data-table-sort-indicator[data-sort-direction]{opacity:1}.data-table-sort-indicator[data-sort-direction=ascending]{transform:translateY(2px)rotate(-135deg)}.data-table-check-column{width:36px;padding-right:0}.data-table-checkbox{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:16px;height:16px;color:var(--demo-on-accent);vertical-align:middle;cursor:pointer;outline:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.data-table-checkbox:before{content:"";position:absolute;inset:-4px}.data-table-checkbox[data-checked],.data-table-checkbox[data-indeterminate]{border-color:var(--demo-accent);background:var(--demo-accent)}.data-table-checkbox[data-disabled]{opacity:.5;cursor:default}.data-table-checkbox:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.data-table-check{display:inline-flex}.data-table-check svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.data-table-check-dash,.data-table-check[data-indeterminate] .data-table-check-mark{display:none}.data-table-check[data-indeterminate] .data-table-check-dash{display:inline}.data-table-action{border:1px solid var(--demo-border-strong);height:28px;color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:0 10px;font-size:13px}.data-table-action:hover{background:var(--demo-surface)}.data-table-action:focus-visible{outline:2px solid var(--demo-ring);outline-offset:1px}.data-table-actions{gap:6px;display:inline-flex}.data-table-empty{height:64px;color:var(--demo-muted);text-align:center}.data-table-scroller{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);overscroll-behavior:contain;width:440px;max-width:100%;height:288px;overflow-y:auto}.data-table-virtual{width:100%;display:block}.data-table-virtual-head{z-index:1;background:var(--demo-surface);display:block;position:sticky;top:0}.data-table-virtual-body{display:block;position:relative}.data-table-virtual-row{box-sizing:border-box;grid-template-columns:1.2fr 1fr .8fr;align-items:center;width:100%;height:36px;display:grid}.data-table-virtual-body .data-table-virtual-row{position:absolute;top:0;left:0}.data-table-virtual .data-table-head,.data-table-virtual .data-table-cell{align-items:center;height:36px;display:flex}.data-table-virtual .data-table-number{justify-content:flex-end}@media (prefers-reduced-motion:no-preference){.data-table-check{transition:opacity .1s}.data-table-check[data-starting-style],.data-table-check[data-ending-style]{opacity:0}}.stepper{flex-direction:column;gap:16px;width:440px;max-width:100%;display:flex}.stepper-list{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper-item{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.stepper-item:last-child{flex:none}.stepper-trigger{all:unset;box-sizing:border-box;min-height:32px;color:var(--demo-muted);cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:8px;padding:4px;font-size:14px;display:inline-flex}.stepper-trigger:hover,.stepper-trigger[data-current],.stepper-trigger[data-completed]{color:var(--demo-text)}.stepper-trigger[data-invalid]{color:var(--demo-error)}.stepper-trigger[aria-disabled=true]{color:var(--demo-muted);cursor:not-allowed}.stepper-trigger:focus-visible{outline:2px solid var(--demo-ring);outline-offset:0}.stepper-indicator{box-sizing:border-box;border:1px solid var(--demo-border-strong);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex;position:relative}.stepper-indicator[data-current]{border-color:var(--demo-accent);box-shadow:0 0 0 2px var(--demo-surface), 0 0 0 3px var(--demo-border-strong)}.stepper-indicator[data-completed],.stepper-indicator[data-invalid]{font-size:0}.stepper-indicator[data-completed]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.stepper-indicator[data-completed]:after{content:"";border-bottom:2px solid;border-right:2px solid;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.stepper-indicator[data-invalid]{border-color:var(--demo-danger);background:var(--demo-danger);color:var(--demo-on-danger)}.stepper-indicator[data-invalid]:before,.stepper-indicator[data-invalid]:after{content:"";background:currentColor;border:0;width:11px;height:2px;position:absolute;transform:rotate(45deg)}.stepper-indicator[data-invalid]:after{transform:rotate(-45deg)}.stepper-title{font-weight:500}.stepper-text{flex-direction:column;gap:2px;display:flex}.stepper-description{color:var(--demo-muted);font-size:12px}.stepper-separator{background:var(--demo-border-strong);flex:1;min-width:12px;height:1px}.stepper-separator[data-completed]{background:var(--demo-accent)}.stepper-panel{outline:0;padding:8px 0;font-size:14px}.stepper-panel:focus-visible{outline:2px solid var(--demo-ring);outline-offset:4px}.stepper-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper-value{color:var(--demo-muted);font-variant-numeric:tabular-nums;font-size:13px}.stepper-note{color:var(--demo-muted);margin:0;font-size:14px}.stepper[data-orientation=vertical] .stepper-list{flex-direction:column;align-items:stretch;gap:0}.stepper-item[data-orientation=vertical]{flex-direction:column;align-items:flex-start;padding-bottom:16px;position:relative}.stepper-item[data-orientation=vertical]:last-child{padding-bottom:0}.stepper-separator[data-orientation=vertical]{top:36px;bottom:4px;width:1px;min-width:0;height:auto;position:absolute;inset-inline-start:15px}.stepper-item[data-orientation=vertical] .stepper-panel{box-sizing:border-box;padding:4px 0 0;width:100%;padding-inline-start:36px}.stepper-item[data-orientation=vertical] .stepper-nav{justify-content:flex-start;margin-top:12px}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.breadcrumb-item{align-items:center;display:inline-flex}.breadcrumb-link{min-height:24px;color:var(--demo-muted);align-items:center;text-decoration:none;display:inline-flex}.breadcrumb-link:hover{color:var(--demo-text);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.breadcrumb-link[data-active],.breadcrumb-page{color:var(--demo-text);font-weight:500}.breadcrumb-separator{color:var(--demo-muted);align-items:center;display:inline-flex}.breadcrumb-icon{width:14px;height:14px}.breadcrumb-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.breadcrumb-ellipsis-trigger{min-width:24px;height:24px;color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.breadcrumb-ellipsis-trigger:hover,.breadcrumb-ellipsis-trigger[data-popup-open]{background:var(--demo-hover);color:var(--demo-text)}.breadcrumb-ellipsis-trigger:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.breadcrumb-menu-link{color:inherit;text-decoration:none}.password-input{align-items:center;width:100%;display:flex;position:relative}.password-input-input{padding-inline-end:40px}.password-input-input::-ms-reveal{display:none}.password-input-toggle{width:24px;height:24px;color:var(--demo-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:8px}.password-input-toggle:hover{background:var(--demo-hover);color:var(--demo-text)}.password-input-toggle:focus-visible{outline:2px solid var(--demo-ring);outline-offset:0}.password-input-toggle[data-disabled]{opacity:.5;cursor:not-allowed}.password-input-indicator{display:inline-flex}.password-input-icon{width:16px;height:16px}.password-input-indicator[data-visible] .password-input-eye,.password-input-indicator:not([data-visible]) .password-input-eye-off{display:none}.password-input-meter{max-width:none}.tags-input{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;min-height:40px;color:var(--demo-text);cursor:text;flex-wrap:wrap;align-items:center;gap:4px;padding:5px;font-size:14px;display:flex}.tags-input:has(.tags-input-input:focus-visible){border-color:var(--demo-accent)}.tags-input[data-invalid]{border-color:var(--demo-error)}.tags-input:has(.tags-input-input[data-rejected]){border-color:var(--demo-error)}.tags-input[data-disabled]{opacity:.5;cursor:not-allowed}.tags-input-list{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.tags-input-list[data-empty]{display:none}.tags-input-tag,.tag-group-tag{cursor:default;outline:0;min-width:0;max-width:100%;display:flex}.tags-input-chip,.tag-group-chip{box-sizing:border-box;background:var(--demo-hover);min-width:0;max-width:100%;height:28px;color:var(--demo-text);white-space:nowrap;border:1px solid #0000;align-items:center;gap:2px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.tags-input-chip[data-removable],.tag-group-chip[data-removable]{padding-inline-end:1px}.tags-input-chip[data-disabled],.tag-group-chip[data-disabled]{border:1px dashed var(--demo-border-strong);color:var(--demo-muted);background:0 0}.tags-input-chip[data-editing]{border-color:var(--demo-accent);background:var(--demo-surface)}.tags-input-tag:focus-visible>.tags-input-chip,.tag-group-tag:focus-visible>.tag-group-chip{outline:2px solid var(--demo-ring);outline-offset:1px}.tags-input-text,.tag-group-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.tags-input-remove,.tag-group-remove,.tags-input-clear{width:24px;height:24px;color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tags-input-remove:hover,.tag-group-remove:hover,.tags-input-clear:hover{background:var(--demo-surface);color:var(--demo-text)}.tags-input-remove:focus-visible,.tag-group-remove:focus-visible,.tags-input-clear:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.tags-input-remove[aria-disabled=true],.tag-group-remove[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tags-input-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:12px;height:12px}.tags-input-edit{box-sizing:content-box;min-width:32px;max-width:160px;height:100%;color:inherit;font:inherit;field-sizing:content;background:0 0;border:0;outline:0;padding:0}.tags-input-input{min-width:64px;height:28px;color:var(--demo-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 6px}.tags-input-input::placeholder{color:var(--demo-muted)}.tags-input-clear{margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.tags-input-clear{transition:opacity .15s}}.tags-input-clear[data-starting-style],.tags-input-clear[data-ending-style]{opacity:0}.tag-group{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.tag-group-tag[aria-selected]{cursor:pointer}.tag-group-chip[data-selected]{border-color:var(--demo-accent);background:var(--demo-surface)}.tag-group-chip[data-selected]:before{content:"✓" / "";color:var(--demo-accent);margin-inline-end:2px}.tag-group-empty{color:var(--demo-muted);font-size:14px}.tour-page{flex-direction:column;gap:12px;width:min(420px,100%);display:flex}.tour-toolbar{align-items:center;gap:8px;display:flex}.tour-search{flex:1;min-width:0}.tour-settings{border:1px solid var(--demo-border);background:var(--demo-surface);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tour-spotlight{z-index:50;box-shadow:0 0 0 2px var(--demo-accent);transition:left .2s,top .2s,width .2s,height .2s}.tour-spotlight[data-instant]{transition:none}.tour-positioner{z-index:50}.tour-popup{width:min(320px,100vw - 32px)}.tour-popup[data-resolving]{opacity:.6}.tour-head{justify-content:space-between;align-items:center;margin:-6px -8px 4px 0;display:flex}.tour-progress{color:var(--demo-muted);font-variant-numeric:tabular-nums;font-size:12px}.tour-close{width:28px;height:28px;color:var(--demo-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tour-close:hover{color:var(--demo-text)}.tour-close:focus-visible,.tour-skip:focus-visible,.tour-step:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.tour-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px}.tour-footer{align-items:center;gap:8px;margin-top:14px;display:flex}.tour-skip{color:var(--demo-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-inline-end:auto;padding:0;font-size:13px;text-decoration:underline}.tour-footer .button{height:32px;padding:0 12px}.tour-footer>.button:first-child{margin-inline-start:auto}.tour-steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tour-step{border:1px solid var(--demo-border-strong);height:32px;color:var(--demo-text);font:inherit;cursor:pointer;background:0 0;padding:0 12px;font-size:13px}.tour-step[aria-current=step]{border-color:var(--demo-accent);background:var(--demo-hover);font-weight:600}.tour-chart{border:1px solid var(--demo-border);background:var(--demo-surface);align-items:flex-end;gap:6px;height:72px;padding:12px 16px;display:flex}.tour-bar{background:var(--demo-muted);flex:1}.editable{align-items:center;gap:4px;width:100%;font-size:14px;display:flex}.editable:has(textarea){align-items:flex-start}.editable-preview,.editable-input{box-sizing:border-box;min-width:24px;min-height:40px;color:var(--demo-text);font:inherit;border:1px solid #0000;flex:1;padding:9px 12px;font-size:14px;line-height:20px}.editable-preview{white-space:pre-wrap;overflow-wrap:anywhere}.editable-preview[role=button]:not([aria-disabled=true]){cursor:text}.editable-preview[role=button]:not([aria-disabled=true]):hover{border-color:var(--demo-border-strong);background:var(--demo-surface)}.editable-preview:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.editable-preview[data-empty]{color:var(--demo-muted)}.editable-preview[data-invalid]{border-color:var(--demo-error)}.editable-input{border-color:var(--demo-border-strong);background:var(--demo-surface);outline:0;width:100%}textarea.editable-input{resize:vertical;min-height:64px}textarea.editable-input[data-autoresize]{resize:none}.editable-input::placeholder{color:var(--demo-muted)}.editable-input:focus-visible{border-color:var(--demo-accent)}.editable-input[aria-invalid=true]{border-color:var(--demo-error)}.editable-trigger{width:24px;height:24px;color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.editable:has(textarea) .editable-trigger{margin-top:8px}.editable-trigger:hover{background:var(--demo-surface);color:var(--demo-text)}.editable-trigger:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.editable-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.search-field{align-items:center;width:100%;display:flex;position:relative}.search-field-icon{color:var(--demo-muted);pointer-events:none;display:inline-flex;position:absolute;inset-inline-start:12px}.search-field-input{padding-inline:36px}.search-field-clear{width:24px;height:24px;color:var(--demo-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:8px}.search-field-clear:hover{background:var(--demo-hover);color:var(--demo-text)}.search-field-clear:focus-visible{outline:2px solid var(--demo-ring);outline-offset:0}.search-field-clear[data-disabled]{opacity:.5;cursor:not-allowed}.search-field-svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.search-field-list{flex-direction:column;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.search-field-list li{border-bottom:1px solid var(--demo-border);padding:8px 12px}.cascader-control{align-items:center;gap:4px;display:inline-flex}.cascader-value{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.cascader-clear{width:32px;height:32px;color:var(--demo-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.cascader-clear:hover{background:var(--demo-hover);color:var(--demo-text)}.cascader-clear:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.cascader-popup{max-width:var(--available-width);max-height:min(var(--available-height), 320px);flex-direction:column;display:flex}.cascader-input{flex:none;width:auto;height:36px;margin:5px 5px 0}.cascader-columns{outline:0;max-width:100%;min-height:0;display:flex;overflow-x:auto}.cascader-columns.inline{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:fit-content}.cascader-column{box-sizing:border-box;flex-direction:column;flex:none;width:168px;max-height:260px;padding:5px;display:flex;overflow-y:auto}.cascader-column+.cascader-column{border-inline-start:1px solid var(--demo-border)}.cascader-column[data-results]{width:280px}.cascader-column[data-loading]{color:var(--demo-muted);justify-content:center;align-items:center;font-size:13px}.cascader-column[data-loading]:after{content:"Loading…"}.cascader-item{cursor:default;-webkit-user-select:none;user-select:none;outline:0;flex:none;align-items:center;gap:8px;min-height:32px;padding:0 6px 0 8px;font-size:14px;display:flex}.cascader-item[data-expanded]{background:var(--demo-hover)}.cascader-item:hover:not([data-disabled]),.cascader-item[data-highlighted]{background:var(--demo-hover);color:var(--demo-text)}.cascader-item:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.cascader-item[data-selected]{font-weight:600}.cascader-item[data-disabled]{color:var(--demo-muted)}.cascader-item[data-loading]{cursor:progress}.cascader-item[data-load-error]{color:var(--demo-error)}.cascader-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cascader-item-indicator,.cascader-item-icon{color:var(--demo-muted);flex:none;display:inline-flex}.cascader-item-indicator{color:var(--demo-accent)}.cascader-clear svg,.cascader-item-indicator svg,.cascader-item-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.cascader-item-icon[data-loading] svg{animation:.8s ease-in-out infinite alternate tree-pulse}[dir=rtl] .cascader-item-icon svg{transform:scaleX(-1)}.cascader-empty:not(:empty){color:var(--demo-muted);padding:7px 10px;font-size:14px}.image-cropper{width:480px;max-width:100%}.image-cropper-viewport{box-sizing:border-box;background:var(--demo-hover);height:320px;padding:12px}.image-cropper-area{box-sizing:border-box;cursor:move;border:1px solid #ffffffe6;outline:0;box-shadow:0 0 0 9999px #0000008c}.image-cropper-area[data-shape=circle]{border-radius:50%}.image-cropper-area[data-focus-visible]{outline:2px solid var(--demo-ring);outline-offset:2px}.image-cropper-grid{background-image:linear-gradient(90deg,#ffffff59 1px,#0000 1px),linear-gradient(#ffffff59 1px,#0000 1px);background-size:calc(100% / var(--grid-columns)) 100%, 100% calc(100% / var(--grid-rows))}.image-cropper-handle{box-sizing:border-box;background:#fff;border:1px solid #0009;width:10px;height:10px}.image-cropper-handle:before{content:"";position:absolute;inset:-7px}.image-cropper-handle:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.image-cropper-handle[data-position=top],.image-cropper-handle[data-position=bottom]{cursor:ns-resize}.image-cropper-handle[data-position=left],.image-cropper-handle[data-position=right]{cursor:ew-resize}.image-cropper-handle[data-position=top-left],.image-cropper-handle[data-position=bottom-right]{cursor:nwse-resize}.image-cropper-handle[data-position=top-right],.image-cropper-handle[data-position=bottom-left]{cursor:nesw-resize}.image-cropper-toolbar{flex-wrap:wrap}.image-cropper-result{align-self:flex-start;max-width:100%;max-height:160px}.signature-pad{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%;display:flex}.signature-pad-control{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;height:180px;color:var(--demo-text);cursor:crosshair;outline:0;transition:border-color .15s;overflow:hidden}.signature-pad-control:focus-visible{border-color:var(--demo-accent);box-shadow:0 0 0 1px var(--demo-accent)}.signature-pad-control[data-invalid]{border-color:var(--demo-error)}.signature-pad-control[data-readonly]{cursor:default}.signature-pad-control[data-disabled]{opacity:.5;cursor:not-allowed}.signature-pad-guide{border-bottom:1px dashed var(--demo-muted);color:var(--demo-muted);pointer-events:none;padding-bottom:4px;font-size:16px;line-height:1;position:absolute;bottom:40px;left:24px;right:24px}.signature-pad-button{height:32px;padding:0 12px}.signature-pad-image{border:1px dashed var(--demo-border);align-self:flex-start;max-width:100%;max-height:120px}.signature-pad-svg{max-height:160px;overflow:auto}.composite-list{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:220px;max-width:100%;color:var(--demo-text);padding:5px}.composite-option{cursor:default;-webkit-user-select:none;user-select:none;outline:0;grid-template-columns:16px 1fr;align-items:center;gap:8px;padding:7px 10px 7px 8px;font-size:14px;display:grid}.composite-option:before{content:"";font-size:12px}.composite-option[aria-selected=true]:before{content:"✓"}.composite-option:hover,.composite-radio:hover{background:var(--demo-hover)}.composite-option:focus-visible,.composite-cell:focus-visible,.composite-radio:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.composite-grid{border:1px solid var(--demo-border-strong);background:var(--demo-surface);flex-direction:column;align-self:flex-start;gap:4px;padding:4px;display:flex}.composite-row{gap:4px;display:flex}.composite-cell{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.composite-cell:before{content:"";border:1px solid var(--demo-muted);width:8px;height:8px}.composite-cell:hover{background:var(--demo-hover)}.composite-cell[aria-selected=true]:before{border-color:var(--demo-accent);background:var(--demo-accent)}.composite-radios{border:1px solid var(--demo-border-strong);background:var(--demo-surface);flex-wrap:wrap;align-self:flex-start;gap:4px;max-width:100%;padding:4px;display:flex}.composite-radio{height:32px;color:var(--demo-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}.composite-radio:before{content:"";box-sizing:border-box;border:1px solid var(--demo-border-strong);border-radius:50%;width:14px;height:14px}.composite-radio[aria-checked=true]:before{border:4px solid var(--demo-accent)}.focus-trap-panel{z-index:50;box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-surface);width:min(420px,100vw - 32px);color:var(--demo-text);box-shadow:var(--demo-shadow);outline:0;flex-direction:column;gap:12px;padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-trap-panel .dialog-title,.focus-trap-region .dialog-title{margin:0}.focus-trap-panel .actions,.focus-trap-region .actions{margin-top:4px}.focus-trap-region{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;color:var(--demo-text);outline:0;flex-direction:column;gap:12px;padding:16px;display:flex}.focus-trap-region[hidden]{display:none}.focus-trap-region[data-active]{border-color:var(--demo-accent)}.focus-trap-region .focus-trap-region{border-style:dashed}.focus-trap-summary{cursor:default;flex-wrap:wrap;justify-content:space-between}.focus-trap-editor{flex-direction:column;gap:8px;width:100%;display:flex}.focus-trap-textarea{resize:vertical;height:96px;padding:8px 12px}.range-group-track{display:flex}.range-group-fill{box-sizing:border-box;background:color-mix(in oklab, var(--demo-accent) 30%, var(--demo-surface));flex-shrink:0;height:100%;transition:width .2s}.range-group-fill:not(:last-child):not([data-empty]){border-inline-end:2px solid var(--demo-surface)}.range-group-fill[data-index="0"],.range-group-item[data-index="0"]:before{background:var(--demo-accent)}.range-group-fill[data-index="1"],.range-group-item[data-index="1"]:before{background:color-mix(in oklab, var(--demo-accent) 60%, var(--demo-surface))}.range-group-legend{flex-wrap:wrap;gap:4px 16px;font-size:14px;display:flex}.range-group-item{align-items:center;gap:6px;display:flex}.range-group-item:before{background:color-mix(in oklab, var(--demo-accent) 30%, var(--demo-surface));content:"";border-radius:50%;width:8px;height:8px}.range-group-value[data-overflow]{color:var(--demo-error)}.range-group-track[data-indeterminate]{background:repeating-linear-gradient(-45deg, var(--demo-border-strong) 0 8px, color-mix(in oklab, var(--demo-accent) 40%, var(--demo-surface)) 8px 16px);background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.range-group-track[data-indeterminate]{animation:1.2s linear infinite range-group-stripes}}@keyframes range-group-stripes{to{background-position:-45px 0}}@media (forced-colors:active){.range-group-fill:not([data-empty]),.range-group-item:before{border:1px solid canvastext}}.angle-slider{flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.angle-slider-control{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;width:144px;height:144px;margin:9px}.angle-slider-control:before{background:conic-gradient(var(--demo-accent) var(--angle-slider-angle), var(--demo-track) 0);content:"";border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px))}.angle-slider-control[data-disabled]{opacity:.5;cursor:not-allowed}.angle-slider-marker{background:var(--demo-border-strong);width:2px;height:8px;rotate:var(--angle-slider-marker-angle);transform:translateY(18px)}.angle-slider-marker[data-filled]{background:var(--demo-muted)}.angle-slider-indicator:before{background:var(--demo-accent);content:"";width:2px;height:14px;position:absolute;top:30px;left:50%;translate:-50%}.angle-slider-value{font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.angle-slider-thumb{z-index:1}.angle-slider-field{align-items:flex-start}@media (forced-colors:active){.angle-slider-control:before,.angle-slider-marker,.angle-slider-indicator:before{border:1px solid canvastext}}.clipboard{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.clipboard-command{border:1px solid var(--demo-border-strong);background:var(--demo-surface);min-width:0;height:40px;font-family:var(--demo-mono);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;padding:0 12px;font-size:13px;display:flex;overflow:hidden}.clipboard-command:before{color:var(--demo-muted);content:"$";margin-right:8px}.clipboard-label{flex-basis:100%;font-size:14px;font-weight:500}.clipboard-input{text-overflow:ellipsis;flex:1;min-width:0}.clipboard-indicator{display:inline-flex}.clipboard-indicator-start{margin-right:8px}.clipboard-indicator svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:none}.clipboard-indicator:not([data-copied],[data-failed]) .clipboard-icon-copy,.clipboard-indicator[data-copied] .clipboard-icon-copied,.clipboard-indicator[data-failed] .clipboard-icon-failed{display:block}.clipboard-indicator[data-failed]{color:var(--demo-danger)}.virtualizer-list{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);width:100%;color:var(--demo-text);overscroll-behavior:contain}.virtualizer-list:focus-visible,.virtualizer-chat:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.virtualizer-row{box-sizing:border-box;border-bottom:1px solid var(--demo-border);flex-direction:column;gap:2px;padding:8px 12px;font-size:14px;line-height:20px;display:flex}.virtualizer-row-meta{color:var(--demo-muted);font-family:var(--demo-mono);font-size:12px;line-height:16px}.virtualizer-listbox{padding:0}.virtualizer-listbox-scroller{overscroll-behavior:contain}.virtualizer-listbox .listbox-item{box-sizing:border-box;height:32px}.virtualizer-table-scroller{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);overscroll-behavior:contain;width:440px;max-width:100%;overflow:auto}.virtualizer-table{table-layout:fixed;max-width:none}.virtualizer-table-head,.virtualizer-table-cell{box-sizing:border-box;white-space:nowrap;width:96px;height:36px;overflow:hidden}.virtualizer-table-head{z-index:1;background:var(--demo-surface);position:sticky;top:0}.virtualizer-table-cell{transform:translateX(var(--column-offset))}.virtualizer-chat-log{flex-direction:column;display:flex}.virtualizer-chat{box-sizing:border-box;border:1px solid var(--demo-border-strong);background:var(--demo-surface);color:var(--demo-text);overscroll-behavior:contain}.virtualizer-message{box-sizing:border-box;border:1px solid var(--demo-border);background:var(--demo-hover);flex-direction:column;gap:2px;width:fit-content;max-width:80%;height:56px;margin:6px 10px;padding:8px 10px;font-size:14px;line-height:20px;display:flex;overflow:hidden}.virtualizer-message>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.virtualizer-message[data-author=Grace]{background:0 0;margin-left:auto}.virtualizer-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.virtualizer-controls .input{width:96px}.qr-code{justify-items:center;gap:12px;display:inline-grid}.qr-code-frame{border:1px solid var(--demo-border-strong);color:#000;background:#fff;grid-area:1/1;width:160px;height:160px}.qr-code-frame[data-overflow]{background:0 0;border-style:dashed}.qr-code-overlay{box-sizing:border-box;color:#000;background:#fff;grid-area:1/1;justify-content:center;align-self:center;align-items:center;width:40px;height:40px;padding:4px;display:flex}.qr-code-overlay svg{fill:currentColor;width:100%;height:100%}.qr-code-overlay[data-overflow]{display:none}.qr-code-actions{gap:8px;display:flex}.qr-code-note{display:none}.qr-code[data-overflow] .qr-code-note{display:block}.timer{justify-items:start;gap:8px;min-width:200px;display:inline-grid}.timer-label{color:var(--demo-muted);font-size:14px}.timer-value{font-family:var(--demo-mono);font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.timer-value[data-completed]{color:var(--demo-muted)}.timer-fraction{font-size:24px}.timer-units>[aria-hidden]{align-items:baseline;gap:4px;display:inline-flex}.timer-unit{color:var(--demo-muted);font-family:var(--demo-font);margin-right:8px;font-size:14px}.timer-bar{background:var(--demo-track);justify-self:stretch;height:4px}.timer-bar:before{width:calc(var(--timer-progress,0) * 100%);background:var(--demo-accent);content:"";height:100%;display:block}.timer-controls{gap:8px;display:flex}.timer-controls svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.timer-toggle[data-running] .timer-icon-play,.timer-toggle:not([data-running]) .timer-icon-pause{display:none}.timer-laps{font-variant-numeric:tabular-nums;margin:0;padding-left:20px}.floating-panel{z-index:calc(50 + var(--panel-index,0));border:1px solid var(--demo-border);background:var(--demo-surface);width:320px;color:var(--demo-text);box-shadow:var(--demo-shadow);border-radius:0;outline:0;flex-direction:column;transition:opacity .2s;display:flex;overflow:hidden}.floating-panel[data-starting-style],.floating-panel[data-ending-style]{opacity:0}.floating-panel:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.floating-panel-bar{cursor:grab;flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 8px 0 12px;display:flex}.floating-panel-bar[data-dragging]{cursor:grabbing}.floating-panel-bar[data-disabled]{cursor:default}.floating-panel-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;overflow:hidden}.floating-panel-button{width:24px;height:24px;color:var(--demo-muted);cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.floating-panel-button:hover,.floating-panel-button[data-pressed]{background:var(--demo-hover);color:var(--demo-text)}.floating-panel-button:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.floating-panel-button svg,.floating-panel-resize svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.floating-panel-button[data-pressed] .floating-panel-icon-maximize,.floating-panel-button:not([data-pressed]) .floating-panel-icon-restore{display:none}.floating-panel-body{border-top:1px solid var(--demo-border);flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow:auto}.floating-panel-list{margin:0;padding:0;font-size:14px;list-style:none}.floating-panel-list li{border-bottom:1px solid var(--demo-border);padding:6px 0}.floating-panel-resize{width:16px;height:16px;color:var(--demo-muted);cursor:nwse-resize;place-items:center;display:grid;position:absolute;bottom:0;right:0}.floating-panel-resize[data-disabled]{display:none}.floating-panel-resize svg{width:12px;height:12px}.floating-panel-readout{font-family:var(--demo-mono);font-variant-numeric:tabular-nums;font-size:14px}.floating-panel-grid,.floating-panel-nudge{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.floating-panel-nudge{grid-template-columns:repeat(4,1fr)}.floating-panel-grid .button,.floating-panel-nudge .button{height:32px;padding:0 8px}.marquee{align-items:center;gap:12px;display:flex}.marquee-vertical{align-items:flex-start}.marquee-heading{color:var(--demo-muted);margin:0 0 8px;font-size:14px;font-weight:500}.marquee-viewport{flex:1;gap:32px;padding-block:4px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.marquee-vertical .marquee-viewport{gap:12px;padding-block:0;-webkit-mask-image:linear-gradient(#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(#0000,#000 16px calc(100% - 16px),#0000)}.marquee-content{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.marquee-vertical .marquee-content{flex-direction:column;align-items:flex-start;gap:12px}.marquee-logo{color:var(--demo-text);letter-spacing:-.02em;font-size:20px;font-weight:600;text-decoration:none}.marquee-headline{color:var(--demo-text);font-size:14px;line-height:20px;text-decoration:none}.marquee-logo:hover,.marquee-headline:hover{text-decoration:underline}.marquee-logo:focus-visible,.marquee-headline:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.marquee-departure{font-family:var(--demo-mono);white-space:nowrap;font-size:14px}.marquee-title{white-space:nowrap;font-size:15px}.marquee-control{flex:none}.marquee-control svg{fill:currentColor}.marquee-control[data-playing] .marquee-icon-play,.marquee-control:not([data-playing]) .marquee-icon-pause{display:none}.marquee-control[aria-disabled=true]{opacity:.5;cursor:default}.scheduler{width:min(640px,100%);color:var(--demo-text);flex-direction:column;gap:12px;font-size:13px;display:flex}.scheduler-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scheduler-toolbar .button,.scheduler-toolbar .toggle{height:32px;padding:0 10px;font-size:13px}.scheduler-toolbar .button-square{width:32px;padding:0}.scheduler-toolbar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.scheduler-heading{flex:1;min-width:0;margin:0;font-size:15px;font-weight:600}.scheduler-grid{border-block-end:1px solid var(--demo-border);border-inline-end:1px solid var(--demo-border);-webkit-user-select:none;user-select:none}.scheduler-row{grid-template-columns:44px repeat(var(--scheduler-day-count,7), minmax(0, 1fr));display:grid}.scheduler[data-view=month] .scheduler-row{grid-template-columns:repeat(7,minmax(0,1fr))}.scheduler-header-cell{color:var(--demo-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:6px 18px;font-size:12px;overflow:hidden}.scheduler-header-cell[data-today]{color:var(--demo-text);font-weight:600}.scheduler-row-header{color:var(--demo-muted);text-align:end;white-space:nowrap;padding-inline-end:6px;font-size:11px;line-height:1}.scheduler-slot,.scheduler-cell{box-sizing:border-box;box-shadow:inset 1px 1px 0 var(--demo-border);outline:0;position:relative}.scheduler-slot{height:24px}.scheduler-all-day{height:auto;min-height:24px;padding:2px 0}.scheduler-cell{flex-direction:column;gap:2px;min-height:72px;padding:2px;display:flex}.scheduler-cell-day{color:var(--demo-muted);padding:2px 4px;font-size:12px}.scheduler-cell[data-today] .scheduler-cell-day{color:var(--demo-text);font-weight:600}.scheduler-cell[data-outside-month]{background:var(--demo-surface)}.scheduler-slot:focus-visible,.scheduler-cell:focus-visible{outline:2px solid var(--demo-ring);outline-offset:-2px}.scheduler-slot[data-selected]{background:var(--demo-hover)}.scheduler-slot[data-unavailable]{background:repeating-linear-gradient(-45deg, transparent 0 4px, var(--demo-border) 4px 5px);cursor:not-allowed}.scheduler-event{z-index:1;box-sizing:border-box;inline-size:calc(100% / var(--scheduler-event-columns));block-size:calc(var(--scheduler-event-span) * 100%);border:1px solid var(--demo-surface);background:var(--demo-accent);color:var(--demo-on-accent);cursor:default;outline:0;padding:2px 4px;font-size:11px;line-height:1.3;position:absolute;inset-block-start:calc(var(--scheduler-event-offset) * 100%);inset-inline-start:calc(var(--scheduler-event-column) / var(--scheduler-event-columns) * 100%);overflow:hidden}.scheduler-event:focus-visible{outline:2px solid var(--demo-ring);outline-offset:1px}.scheduler-event[data-past]{opacity:.6}.scheduler-event[data-moving],.scheduler-event[data-resizing]{opacity:.4}.scheduler-all-day .scheduler-event,.scheduler-cell .scheduler-event,.scheduler-agenda .scheduler-event{block-size:auto;inline-size:auto;position:static}.scheduler-cell .scheduler-event{white-space:nowrap;text-overflow:ellipsis}.scheduler-handle{z-index:2;box-sizing:border-box;inline-size:calc(100% / var(--scheduler-event-columns));opacity:0;background:0 0;border:0;margin:0;padding:0;position:absolute;inset-inline-start:calc(var(--scheduler-event-column) / var(--scheduler-event-columns) * 100%)}.scheduler-handle[data-hovered],.scheduler-handle[data-focused],.scheduler-handle[data-grabbed]{opacity:1}.scheduler-handle:focus-visible{outline:2px solid var(--demo-ring);outline-offset:1px}.scheduler-move{block-size:14px;inline-size:14px;background:var(--demo-on-accent);cursor:grab;margin-inline-start:calc(100% / var(--scheduler-event-columns) - 16px);inset-block-start:calc(var(--scheduler-event-offset) * 100% + 2px)}.scheduler-resize{cursor:ns-resize;block-size:6px}.scheduler-resize[data-edge=start]{inset-block-start:calc(var(--scheduler-event-offset) * 100%)}.scheduler-resize[data-edge=end]{inset-block-start:calc((var(--scheduler-event-offset) + var(--scheduler-event-span)) * 100% - 6px)}.scheduler-resize:after{content:"";background:var(--demo-on-accent);position:absolute;inset:2px 30%}.scheduler-placeholder{z-index:1;block-size:calc(var(--scheduler-event-span) * 100%);box-sizing:border-box;border:1px dashed var(--demo-accent);pointer-events:none;position:absolute;inset-block-start:calc(var(--scheduler-event-offset) * 100%);inset-inline:0}.scheduler-placeholder[data-invalid]{border-color:var(--demo-error)}.scheduler-now{z-index:3;background:var(--demo-error);pointer-events:none;block-size:2px;position:absolute;inset-block-start:calc(var(--scheduler-now-offset) * var(--scheduler-slot-count) * 100%);inset-inline:0}.scheduler-more{color:var(--demo-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:11px}.scheduler-more:focus-visible{outline:2px solid var(--demo-ring)}.scheduler-agenda{flex-direction:column;gap:12px;display:flex}.scheduler-agenda-day{flex-direction:column;gap:4px;display:flex}.scheduler-agenda-heading{margin:0;font-size:13px;font-weight:600}.scheduler-agenda .scheduler-event{gap:12px;padding:6px 8px;font-size:13px;display:flex}.scheduler-event-time{font-variant-numeric:tabular-nums;min-width:96px}.segment-group{isolation:isolate;border:1px solid var(--demo-border-strong);background:var(--demo-surface);align-items:center;width:fit-content;max-width:100%;padding:3px;display:inline-flex;position:relative}.segment-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.segment-group-heading{color:var(--demo-muted);margin:0 0 8px;font-size:14px;font-weight:500}.segment-group-label{font-size:14px;font-weight:500}.segment-group-indicator{z-index:-1;width:var(--active-segment-width);height:var(--active-segment-height);translate:var(--active-segment-left) var(--active-segment-top);background:var(--demo-accent);pointer-events:none;transition:translate .2s ease-out,width .2s ease-out,height .2s ease-out;position:absolute;top:0;left:0}.segment-group-indicator[data-resizing]{transition:none}@media (prefers-reduced-motion:reduce){.segment-group-indicator{transition:none}}.segment-group-item{min-width:24px;min-height:24px;color:var(--demo-muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.segment-group[data-orientation=vertical] .segment-group-item{justify-content:flex-start}.segment-group-item:hover{color:var(--demo-text)}.segment-group-item[data-checked]{color:var(--demo-on-accent)}.segment-group-item:focus-visible{outline:2px solid var(--demo-ring);outline-offset:2px}.segment-group-item[data-disabled]{opacity:.5;cursor:not-allowed}.segment-group-icon{padding:6px 10px}.segment-group-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.segment-group-preview{width:280px;max-width:100%;margin:0;font-size:14px;line-height:1.5}@media (forced-colors:active){.segment-group-indicator{background:highlight}.segment-group-item[data-checked]{color:highlighttext}}@font-face{font-family:Paper Mono;src:url(/fonts/paper-mono.woff2)format("woff2");font-weight:400 600;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f8f8f6)var(--lightningcss-dark,#161616);--fg:var(--lightningcss-light,#1c1c1a)var(--lightningcss-dark,#dcdcd8);--fg2:var(--lightningcss-light,#30302d)var(--lightningcss-dark,#c9c9c5);--muted:var(--lightningcss-light,#4c4c48)var(--lightningcss-dark,#a3a3a0);--muted2:var(--lightningcss-light,#62625e)var(--lightningcss-dark,#8f8f8c);--line-strong:var(--lightningcss-light,#d3d3ce)var(--lightningcss-dark,#3a3a3a);--line:var(--lightningcss-light,#e2e2dd)var(--lightningcss-dark,#2c2c2c);--line-soft:var(--lightningcss-light,#eaeae5)var(--lightningcss-dark,#242424);--subtle:var(--lightningcss-light,#f1f1ee)var(--lightningcss-dark,#1c1c1c);--raise:var(--lightningcss-light,#eaeae6)var(--lightningcss-dark,#242424);--code:var(--lightningcss-light,#f2f2ee)var(--lightningcss-dark,#101010);--seg:var(--lightningcss-light,#e9e9e5)var(--lightningcss-dark,#202020);--live:#1a9e55;--danger:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff8c7e);--shadow-pop:0 10px 30px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0006);--scrim-bg:var(--lightningcss-light,#0000003d)var(--lightningcss-dark,#00000080);--font-sans:"Inter Variable", Inter, system-ui, sans-serif;--font-mono:"Paper Mono", ui-monospace, monospace;--demo-text:var(--fg);--demo-muted:var(--muted);--demo-border:var(--line);--demo-border-strong:var(--line-strong);--demo-surface:var(--bg);--demo-hover:var(--raise);--demo-accent:var(--fg);--demo-on-accent:var(--bg);--demo-track:var(--line);--demo-thumb:var(--muted2);--demo-ring:var(--fg);--demo-font:var(--font-sans);--demo-mono:var(--font-mono);--demo-danger:var(--lightningcss-light,#c0342a)var(--lightningcss-dark,#ff5a4e);--demo-on-danger:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0b0b0c);--demo-error:var(--lightningcss-light,#c7382d)var(--lightningcss-dark,#ff7a70);--demo-shadow:0 24px 48px -16px var(--lightningcss-light,#0b0b0c47)var(--lightningcss-dark,#000000b3)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg);margin:0}:is(.ds,.ds-sheet,.ds-menu,.ds-pick){font-family:var(--font-sans);font-optical-sizing:auto;color:var(--fg)}.ds{background:var(--bg);min-height:100vh;overflow-x:clip}:is(.ds,.ds-sheet) a{color:var(--fg);text-underline-offset:4px}:is(.ds,.ds-sheet,.ds-menu,.ds-pick) button{cursor:pointer}:is(.ds,.ds-sheet,.ds-menu,.ds-pick) :focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:4px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ds-grow{flex:1}.ds-dot,.ds-live{border-radius:50%;flex:none;width:8px;height:8px}.ds-live{background:var(--live);box-shadow:0 0 0 3px #1a9e5526}.ds-skip{z-index:100;background:var(--fg);border-radius:6px;padding:8px 12px;position:absolute;top:8px;left:8px;transform:translateY(-200%);color:var(--bg)!important}.ds-skip:focus{transform:none}.ds-accent{background:var(--accent);height:2px}.ds-preview{--preview-fg:var(--lightningcss-light,#6b4400)var(--lightningcss-dark,#f2c463);color:var(--preview-fg);text-align:center;background:var(--lightningcss-light,#fcf1d8)var(--lightningcss-dark,#221c0f);border-bottom:1px solid var(--lightningcss-light,#efd9a6)var(--lightningcss-dark,#3b3017);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:0;padding:8px 16px;font-size:13px;line-height:1.45;display:flex}.ds-preview-tag{font:500 11px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:1px 7px}.ds .ds-preview a{color:var(--preview-fg);font-weight:500;text-decoration:underline}:is(.ds-search,.ds-icon,.ds-fw,.ds-menu-item,.ds-pick-item,.ds-pick-search),:is(.ds-pick-foot,.ds-rail-row,.ds-sponsor,.ds-become,.ds-sheet-head),.ds-topbar,.ds-side-controls,:is(.ds-toc,.ds-rail-links) a{align-items:center;gap:8px;display:flex}.ds-frame{max-width:1440px;margin:0 auto;display:flex}.ds-side,.ds-rail{box-sizing:border-box;flex-direction:column;display:flex}.ds-side{border-right:1px solid var(--line-soft);flex:0 0 240px;gap:14px;padding:16px 12px 32px 16px}.ds-main{box-sizing:border-box;flex:999 560px;min-width:0;padding:24px 24px 48px 28px}.ds-rail{flex:0 0 260px;gap:18px;padding:16px 20px 32px 12px}.ds-logo{width:fit-content;font:500 15px var(--font-mono);letter-spacing:-.01em;align-items:center;gap:8px;padding:4px 10px;text-decoration:none;display:flex}.ds-logo svg{flex:none}.ds-search,.ds-icon,.ds-fw{box-sizing:border-box;border:1px solid var(--line);height:36px;color:var(--fg);font:13px var(--font-sans);background:0 0;border-radius:6px;padding:0 12px}.ds-search{background:var(--subtle);width:100%;color:var(--muted);padding-right:10px;font-size:14px}.ds-search:hover{background:var(--raise)}.ds-search-label{text-align:left;flex:1}.ds-icon{border:0;flex:none;justify-content:center;width:36px;padding:0}.ds-fw{border-radius:8px}.ds-icon:hover,.ds-fw:hover,.ds-fw[data-popup-open]{background:var(--line-soft)}.ds-kbd{border:1px solid var(--line-strong);background:var(--bg);font:11px/16px var(--font-mono);color:var(--muted);border-radius:4px;padding:0 5px}.ds-layer{z-index:60}.ds-menu,.ds-pick,.ds-sheet{box-sizing:border-box;background:var(--bg);outline:none;flex-direction:column;display:flex}.ds-menu,.ds-pick{border:1px solid var(--line);box-shadow:var(--shadow-pop);border-radius:10px}.ds-menu{gap:2px;width:180px;padding:6px}.ds-pick{width:min(380px,100vw - 32px);overflow:hidden}.ds-menu-item,.ds-pick-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;gap:10px;height:36px;padding:0 10px;font-size:14px}.ds-menu-item[data-highlighted],.ds-pick-item[data-highlighted]{background:var(--line-soft)}.ds-menu-item[data-checked]{background:var(--raise);font-weight:500}.ds-menu-check,.ds-pick-check{display:flex}.ds-pick-search{border-bottom:1px solid var(--line);height:44px;color:var(--muted);padding:0 12px;font-size:14px}.ds-pick-list{overscroll-behavior:contain;max-height:min(420px,60vh);padding:6px;overflow-y:auto}.ds-pick-group+.ds-pick-group{margin-top:6px}.ds-pick-glabel{font:500 12px var(--font-sans);color:var(--muted2);justify-content:space-between;padding:6px 10px 4px;display:flex}.ds-pick-item{gap:8px;height:34px}.ds-pick-item[data-selected]{font-weight:600}.ds-pick-check{margin-left:auto}.ds-pick-empty:not(:empty){color:var(--muted);padding:16px 10px;font-size:14px}.ds-pick-foot{border-top:1px solid var(--line);color:var(--muted);gap:12px;padding:8px 12px;font-size:12px}.ds-switch{border:1px solid var(--line);background:var(--seg);border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.ds-switch-tab{border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;text-decoration:none;display:flex}:is(.ds,.ds-sheet) .ds-switch-tab:hover{background:var(--line-soft)}:is(.ds,.ds-sheet) .ds-switch-tab[aria-current]{border-color:var(--line);background:var(--bg);box-shadow:0 1px 2px #0000000f}.ds-switch-label{font:500 14px/18px var(--font-sans)}.ds-switch-sub{font:11px/14px var(--font-sans);color:var(--muted)}.ds-cross{border:1px solid var(--line);width:fit-content;font:13px/20px var(--font-sans);color:var(--fg2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:14px 0 0;padding:6px 10px;display:flex}.ds .ds-cross a{font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.ds-nav{flex-direction:column;gap:16px;display:flex}.ds-nav ul,.ds-toc ul,.ds-rail-links,.ds-sponsors{margin:0;padding:0;list-style:none}.ds-soon{margin-left:4px;font-size:11px}.ds-new{color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:500;line-height:16px}.ds-group-title{font:500 12px var(--font-sans);color:var(--muted2);margin:0;padding:0 8px 4px}.ds-toc .ds-group-title,.ds-rail .ds-group-title{padding:0 0 6px}.ds-link,.ds-toc a,.ds-rail-links a,.ds-become{width:fit-content;font:13px/20px var(--font-sans);padding:3px 0;text-decoration:none;text-decoration-thickness:1px}.ds-link{padding:3px 8px;font-size:14px;display:block}.ds :is(.ds-toc a,.ds-rail-links a,.ds-become),:is(.ds,.ds-sheet) .ds-link{color:var(--fg2)}:is(a.ds-link,.ds-toc a,.ds-rail-links a,.ds-become):hover,a.ds-link[aria-current=page]{text-decoration-line:underline}a.ds-link[aria-current=page]{font-weight:600}:is(.ds,.ds-sheet) .ds-link[aria-disabled=true]{color:var(--muted2);cursor:default}.ds-rail-row,.ds-side-controls{gap:4px}.ds-rail-sec{border-top:1px solid var(--line-soft);padding-top:14px}.ds-toc a[data-depth="1"]{padding-left:12px}.ds .ds-toc a[aria-current]{color:var(--fg);box-shadow:inset 2px 0 0 var(--accent);margin-left:-10px;padding-left:10px;font-weight:500}.ds-sponsors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ds-sponsor{box-sizing:border-box;border:1px solid var(--line);border-radius:8px;justify-content:center;height:44px;padding:0 10px;font-size:12px;text-decoration:none}.ds .ds-sponsor{color:var(--muted);text-underline-offset:3px}a.ds-sponsor:hover span{text-decoration:underline}.ds-sponsor span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ds-sponsor img{border-radius:50%;flex:none}.ds-become{gap:6px;margin-top:12px;padding:0}.ds-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;font-size:13px;display:flex}.ds-footer-links{gap:16px;display:flex}.ds .ds-footer a{color:var(--fg2)}.ds-topbar{z-index:20;border-bottom:1px solid var(--line-soft);background:var(--bg);gap:4px;height:52px;padding:0 16px;position:sticky;top:0}.ds-topbar,.ds-narrow,.ds-side-controls{display:none}@media (width<=1059.98px){.ds-rail{display:none}}@media (width>=820px) and (width<=1059.98px){.ds-side-controls{display:flex}}@media (width<=819.98px){.ds-topbar{display:flex}.ds-side{display:none}.ds-narrow{display:inline-flex}.ds-topbar>.ds-fw{margin-left:auto}.ds-main{padding:20px 16px 40px}}@media (width<=420px){.ds-topbar a[aria-label=GitHub]{display:none}}.ds-scrim{z-index:80;background:var(--scrim-bg);transition:opacity .15s;position:fixed;inset:0}.ds-scrim[data-starting-style],.ds-scrim[data-ending-style]{opacity:0}.ds-sheet{z-index:81;overscroll-behavior:contain;border-right:1px solid var(--line);gap:20px;width:min(320px,100vw - 48px);padding:12px 16px 48px;transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto}.ds-sheet[data-starting-style],.ds-sheet[data-ending-style]{transform:translate(-100%)}.ds-sheet-head{justify-content:space-between}@media (prefers-reduced-motion:reduce){:is(.ds-scrim,.ds-sheet,.cp-toast,.cp-pm-v,.cx-switch,.cx-thumb){transition:none}}.u-row{align-items:center;gap:8px;display:flex}.u-list{margin:0;padding:0;list-style:none}.u-mt{margin-top:16px}.u-meta{font:11px var(--font-mono);color:var(--muted)}.u-eyebrow{font:12px/16px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;margin:0 0 12px}.u-eyebrow [aria-hidden],.u-sep{color:var(--line-strong)}.u-eyebrow b{color:var(--fg);font-weight:400}.u-h1{font:600 36px/44px var(--font-sans);letter-spacing:-.02em;margin:0}.u-h1[data-size=big]{letter-spacing:-.03em;font-size:40px;line-height:46px}.u-lead{font:18px/28px var(--font-sans);color:var(--muted);margin:10px 0 0}.u-lead[data-wide]{max-width:660px;margin-top:14px;line-height:29px}.ds .u-more a{color:var(--fg2)}.u-h2{font:600 22px/30px var(--font-sans);letter-spacing:-.01em;margin:48px 0 10px;scroll-margin-top:16px}.u-h3{font:600 15px/24px var(--font-sans);margin:0}.u-p{font:15px/24px var(--font-sans);color:var(--muted);margin:0 0 12px}.u-note{font:13px/20px var(--font-sans);color:var(--muted);margin:10px 0 0}.u-p code,.u-note code,.u-tbl code,.u-mono{font:13px var(--font-mono)}.u-more{margin:12px 0 0;font-size:13px}.u-actions{flex-wrap:wrap;gap:10px;margin:20px 0 0}.u-eyebrow :is(.ds-dot,.ds-live),.u-tab .ds-dot,.u-tbl .ds-dot,.u-rendered .ds-live{width:7px;height:7px;box-shadow:none}.u-btn,.u-input,.u-field{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--bg);height:36px;color:var(--fg);border-radius:6px}.u-btn{font:500 14px var(--font-sans);flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.u-btn:not([data-variant]):is(:hover,[data-popup-open]){background:var(--raise)}.u-btn[data-size=lg]{height:44px;padding:0 18px}.u-btn[data-variant=primary]{border-color:var(--fg);background:var(--fg);height:44px;color:var(--bg);border-radius:8px;padding:0 20px;font-size:15px}.u-btn[aria-disabled=true]{opacity:.7;cursor:progress}.u-btn[data-variant=ghost]{height:28px;color:var(--fg2);font:13px var(--font-sans);background:0 0;border:0;padding:0 10px}.u-btn[data-variant=ghost]:hover{background:var(--line-soft);color:var(--fg)}.u-btn[data-variant=ghost]:disabled{color:var(--muted2);cursor:default;background:0 0}.u-btn[data-variant=link]{height:auto;color:inherit;font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px;display:inline}.u-btn[data-variant=link]:hover{color:var(--muted)}.u-tabs{background:var(--bg);height:49px;box-shadow:inset 0 -1px var(--line);scrollbar-width:none;gap:22px;padding:0 16px;display:flex;position:relative;overflow-x:auto}.u-tab{color:var(--fg2);font:500 14px var(--font-sans);white-space:nowrap;background:0 0;border:0;flex:none;padding:0 2px}.ds .u-tab:focus-visible{outline-offset:-2px}.u-tab[data-active]{color:var(--fg);font-weight:600}.u-tabs-indicator{left:var(--active-tab-left);width:var(--active-tab-width);background:var(--fg);height:3px;position:absolute;bottom:0}.u-card,.u-box{border:1px solid var(--line);border-radius:10px;overflow:hidden}.u-box{border-radius:8px}.u-scroll{overflow-x:auto}.u-box>li+li{border-top:1px solid var(--line-soft)}.u-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.u-stat{flex-direction:column;min-width:0;padding:16px 18px;display:flex}.u-stat+.u-stat{border-left:1px solid var(--line-soft)}.u-stat-v{font:600 26px/32px var(--font-sans);letter-spacing:-.02em}.u-stat-v[data-mono]{font:15px/32px var(--font-mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.u-stat-k{font:12px/18px var(--font-sans);color:var(--muted);margin-top:2px}@media (width<=640px){.u-stats[data-stack]{grid-template-columns:1fr}.u-stats[data-stack] .u-stat+.u-stat{border-left:0;border-top:1px solid var(--line-soft)}}.u-defs{border-top:1px solid var(--line-soft);margin:0}.u-defs>div{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:6px 24px;padding:18px 0;display:flex}.u-defs>div>:first-child{font:600 15px var(--font-sans);flex:0 0 210px;margin:0}.u-defs>div>:last-child{font:15px/24px var(--font-sans);color:var(--muted);flex:320px;margin:0}.u-callout{border:1px solid var(--line);background:var(--subtle);font:14px/21px var(--font-sans);color:var(--fg2);border-radius:10px;gap:12px;padding:12px 14px;display:flex}.u-callout p{flex:280px;margin:0}.u-callout b{color:var(--fg);font-weight:600}.u-input,.u-field{font:14px var(--font-sans);padding:0 12px}.u-input{flex:1;width:100%;min-width:0}.u-input[data-size=lg],.u-field{border-radius:8px;height:44px;padding:0 14px}.u-field{color:var(--muted);gap:10px}.u-field[data-affix]{font:13px var(--font-mono);gap:2px}.u-field[data-variant=sunk]{border-color:var(--line);background:var(--subtle)}.u-field:focus-within{outline:2px solid var(--fg);outline-offset:2px}.u-field input,.ds-pick-search input{min-width:0;height:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.ds .u-field input:focus-visible{outline:none}.u-input::placeholder,.u-field input::placeholder,.ds-pick-search input::placeholder{color:var(--muted2)}.u-input[aria-invalid=true]{border-color:var(--danger)}.u-field:has([aria-invalid=true]){border-color:var(--danger)}.u-install{box-sizing:border-box;border:1px solid var(--line);background:var(--subtle);border-radius:8px;gap:12px;max-width:100%;height:46px;padding:0 8px 0 16px}.u-install code{min-width:0;font:13px var(--font-mono);white-space:nowrap;overflow-x:auto}.u-stage{background:var(--subtle) radial-gradient(var(--line-strong) 1px, transparent 1px) 0 0 / 18px 18px;justify-content:center;align-items:center;display:flex;position:relative}.ds :is(.u-stage,.u-code):focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.u-rendered{font:12px var(--font-sans);color:var(--muted);gap:7px;margin:0;position:absolute;bottom:12px;left:14px}.u-rendered b{color:var(--fg);font-weight:600}.u-code{background:var(--code)}.u-code pre{font:13px/21px var(--font-mono);color:var(--fg);tab-size:2;margin:0;padding:16px 20px;overflow-x:auto;background:0 0!important}.u-code pre code{font-family:inherit}.u-code .shiki span{color:var(--lightningcss-light,var(--shiki-light,var(--fg)))var(--lightningcss-dark,var(--shiki-dark,var(--fg)))}.u-code .shiki span:is([style*=\#444444 i],[style*=\#555555 i],[style*=\#666666 i]){color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,#8a8a8a)}.u-code .shiki span[style*=\#758575 i]{color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,#8f9f8f)}.u-tbl{border-collapse:collapse;width:100%;font-size:14px}.u-tbl th,.u-tbl td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;color:var(--fg);padding:10px 12px}.u-tbl thead th{border-bottom-color:var(--line);font:500 13px var(--font-sans);color:var(--muted)}.u-tbl th{white-space:nowrap;font-weight:500}.u-tbl tbody tr:last-child>*{border-bottom:0}.u-tbl tr[data-current]>*{background:var(--subtle);font-weight:600}.u-pager{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:28px;padding-top:24px;display:flex}.ds .u-pager a{font:500 15px var(--font-sans);flex-direction:column;gap:2px;text-decoration:none;display:flex}.ds .u-pager a:hover{text-decoration:underline}.u-pager span{font:13px var(--font-sans);color:var(--muted2)}.ds .u-pager [rel=next]{text-align:right;align-items:flex-end}@media (width<=819.98px){.u-h1,.u-h1[data-size=big]{font-size:30px;line-height:38px}}