: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}.docs{--bg:#0a0a0a;--fg:#ededed;--fg2:#a1a1a1;--muted:#8a8a8a;--line:#1f1f1f;--line2:#2e2e2e;--panel:#111;--raise:#161616;--dot:#242424;--canvas:#151515;--inv:#0a0a0a;--scrim:#0009;--hl:#f5a524;--sunk:var(--bg);--hover:var(--panel);--panel2:var(--raise);--line3:#404040;--fg3:#969696;--dim:#5c5c5c;--coral:#ff5a4e;--oncoral:#0a0a0a;--shadow:0 24px 60px -20px #00000080;--mark:#ffffff0f;--zebra:#0e0e0e;--thead:var(--panel);--rowline:var(--line);--c-type:#86b6f6;--c-attr:#e8b969;--m-a:#5b8fdf;--m-b:#f0503f;--mbar:#6e6e6e;--fw-react:#149eca;--fw-vue:#42b883;--fw-svelte:#ff3e00;--fw-angular:#ff4d6a;--fw-solid:#6c8edb;--hdr-h:64px;--stick-top:calc(var(--hdr-h) + 49px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);min-height:100vh;color:var(--fg2);font-feature-settings:"cv11", "ss01";font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}:is(.docs.light,[data-docs-theme=light] .docs){--bg:#fff;--fg:#0a0a0a;--fg2:#525252;--muted:#6b6b6b;--line:#e5e5e5;--line2:#d4d4d4;--panel:#f6f6f6;--raise:#fff;--dot:#e0e0e0;--canvas:#efefef;--inv:#fff;--scrim:#0a0a0a47;--hl:#f5a524;--line3:#a3a3a3;--fg3:#616161;--dim:#a3a3a3;--coral:#c0342a;--oncoral:#fff;--shadow:0 24px 60px -20px #0a0a0a47;--mark:#0a0a0a0e;--zebra:#fafafa;--c-type:#1f5fad;--c-attr:#875800;--m-a:#2f6bc0;--m-b:#e5483c;--mbar:#8e8e8e;--fw-react:#0e7fa6;--fw-vue:#2a8a60;--fw-svelte:#e03600;--fw-angular:#d93a57;--fw-solid:#4f72c4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.docs.fw-react{--fw:var(--fw-react)}.docs.fw-vue{--fw:var(--fw-vue)}.docs.fw-svelte{--fw:var(--fw-svelte)}.docs.fw-angular{--fw:var(--fw-angular)}.docs.fw-solid{--fw:var(--fw-solid)}html[data-docs-theme=light]{--demo-text:#0b0b0c;--demo-muted:#6a6a70;--demo-border:#d4d4d4;--demo-border-strong:#a3a3a3;--demo-surface:#fff;--demo-hover:#f6f6f6;--demo-accent:#0b0b0c;--demo-on-accent:#fff;--demo-track:#d4d4d4;--demo-thumb:#737373;--demo-danger:#c0342a;--demo-on-danger:#fff;--demo-error:#c7382d;--demo-ring:#0b0b0c;--demo-shadow:0 24px 48px -16px #0b0b0c47}:where(.docs) h1,:where(.docs) h2,:where(.docs) h3,:where(.docs) p{margin:0}:where(.docs) h1,:where(.docs) h2,:where(.docs) h3{color:var(--fg);text-wrap:balance}.docs .t1{letter-spacing:-.055em;font-size:96px;font-weight:600;line-height:.88}.docs .t2{letter-spacing:-.035em;font-size:36px;font-weight:600;line-height:1.1}.docs .body{color:var(--fg2);max-width:62ch;font-size:15px;line-height:1.6}.docs .sub{color:var(--muted);font-size:13px;line-height:1.5}.docs .num{color:var(--muted);font-size:12.5px;line-height:1.2}.docs .dot{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}:where(.docs) code,:where(.docs) pre,:where(.docs) kbd{margin:0;font-family:JetBrains Mono,monospace}.docs .c{color:var(--fg);font-size:13px}.docs .chrome{font-size:13px}:where(.docs) a{color:var(--fg)}:where(.docs) button{font:inherit;color:var(--fg)}:where(.docs) button:not(:disabled){cursor:pointer}:where(.docs) :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.docs ::selection{background:var(--fg);color:var(--bg)}.docs .pad{padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}.docs .navlink{text-decoration:none}.docs .navlink:hover{color:var(--fg)}.docs .fwdot{background:var(--fw);border-radius:99px;flex:none;width:7px;height:7px;display:inline-block}.docs .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.docs .anch{color:var(--muted);opacity:0;margin-left:10px;font-size:.7em;font-weight:400;text-decoration:none}.docs .hd:hover .anch,.docs .anch:focus-visible{opacity:1}.docs .dots{background-color:var(--sunk);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:18px 18px}.docs .seg{border:1px solid var(--line2);flex-wrap:wrap;align-self:flex-start;max-width:100%;display:flex}.docs .seg>*{border:0;border-right:1px solid var(--line2);height:32px;color:var(--fg);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.docs .seg>:last-child{border-right:0}.docs .seg>[aria-pressed=true],.docs .seg>[aria-current=page]{background:var(--fg);color:var(--bg)}.docs .wrap{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:0 32px}.docs.layer{z-index:70}.docs .hdr{z-index:25;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.docs .hdrow{box-sizing:border-box;max-width:1200px;height:var(--hdr-h);color:var(--fg);white-space:nowrap;align-items:center;gap:16px;margin:0 auto;padding:0 32px;display:flex}.docs .hdrow>*{flex-shrink:0}.docs .hgrow{flex:auto}.docs .logo{background:var(--fg);border-radius:7px;place-items:center;width:24px;height:24px;text-decoration:none;display:grid}.docs .logo i{background:var(--bg);border-radius:999px;width:7px;height:7px}.docs .hsep{color:var(--line2);font-size:20px;font-weight:300}.docs .hcrumb{color:var(--fg2);font-size:14px;text-decoration:none}.docs .hcrumb:hover{color:var(--fg)}.docs .kbd{box-sizing:border-box;text-align:center;border:1px solid var(--line2);background:var(--bg);min-width:20px;color:var(--muted);border-bottom-width:2px;border-radius:5px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:17px;display:inline-block}.docs .mono{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.docs .cbtn{border:1px solid var(--line);background:var(--bg);height:34px;color:var(--fg);border-radius:8px;align-items:center;gap:8px;padding:0 8px 0 12px;font:500 14px Inter,sans-serif;display:inline-flex}.docs .cbtn:hover{border-color:var(--line2)}.docs .cbtn-icon{color:var(--muted);transition:transform .15s;display:flex}.docs .cbtn[data-popup-open] .cbtn-icon{transform:rotate(180deg)}.docs .cbtn .kbd{margin-left:4px}.docs .cmenu{border:1px solid var(--line2);background:var(--raise);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:12px;outline:none;overflow:hidden}.docs .cmenu-search{border-bottom:1px solid var(--line);height:44px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.docs .cmenu-search input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font:400 14px Inter,sans-serif}.docs .cmenu-list{overscroll-behavior:contain;max-height:min(380px,60vh);padding:6px;overflow-y:auto}.docs .cmenu-glabel{color:var(--muted);justify-content:space-between;padding:8px 10px 4px;font-size:11.5px;display:flex}.docs .cmenu-item{height:34px;color:var(--fg2);cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.docs .cmenu-item[data-highlighted]{background:var(--panel);color:var(--fg)}.docs .cmenu-item[data-selected]{color:var(--fg);font-weight:600}.docs .cmenu-check{margin-left:auto;display:flex}.docs .newtag{border:1px solid var(--line2);color:var(--fg2);border-radius:99px;padding:1px 6px;font-size:10.5px;font-weight:400;line-height:1.4}.docs .cmenu-empty:not(:empty){color:var(--muted);padding:18px 10px;font-size:13.5px}.docs .cmenu-foot{border-top:1px solid var(--line);color:var(--muted);gap:14px;padding:8px 12px;font-size:11.5px;display:flex}.docs .cmenu-foot .kbd{min-width:18px;font-size:10px;line-height:16px}.docs .fwseg{border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:flex}.docs .fwseg>button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}.docs .fwseg>button:hover{color:var(--fg)}.docs .fwseg>button[data-pressed]{background:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 65%, transparent);color:var(--fg)}.docs .fwseg>button:not([data-pressed]) .fwdot{opacity:.6}.docs .fwselect select{border-color:color-mix(in srgb, var(--fw) 65%, transparent);background-color:color-mix(in srgb, var(--fw) 14%, transparent)}.docs .nsel{align-items:center;min-width:0;display:flex;position:relative}.docs .nsel select{appearance:none;border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;height:34px;color:var(--fg);text-overflow:ellipsis;cursor:pointer;border-radius:8px;padding:0 28px 0 10px;font:500 14px Inter,sans-serif}.docs .nsel svg{pointer-events:none;color:var(--muted);position:absolute;right:9px}.docs .cselect{max-width:220px}.docs .ibtn{width:36px;height:36px;color:var(--fg2);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.docs .ibtn:hover{color:var(--fg);background:var(--panel)}.docs .ibtn:active{transform:scale(.92)}.docs .ibtn{transition:background .15s,color .15s,transform .12s}.docs .tt-core,.docs .tt-cut,.docs .tt-rays{transform-box:view-box;transform-origin:12px 12px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s}.docs .tt-cut{transform:translate(8px,-8px)}.docs .tt[data-moon] .tt-cut{transform:none}.docs .tt[data-moon] .tt-core{transform:scale(1.55)}.docs .tt[data-moon] .tt-rays{opacity:0;transform:rotate(-90deg)scale(.4)}.docs .themebtn:hover .tt:not([data-moon]) .tt-rays{transform:rotate(45deg)}.docs .themebtn:hover .tt[data-moon] .tt-core{transform:scale(1.55)rotate(-12deg)}.docs .themebtn:hover .tt[data-moon] .tt-cut{transform:rotate(-12deg)}.docs .mi path{transform-box:view-box;transform-origin:12px 12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s,d .2s}.docs .menubtn:hover .mi-b{d:path("M4 12h16")}.docs .menubtn[data-popup-open] .mi-a{transform:rotate(45deg)translateY(5px)}.docs .menubtn[data-popup-open] .mi-b{opacity:0;transform:scaleX(.2)}.docs .menubtn[data-popup-open] .mi-c{transform:rotate(-45deg)translateY(-5px)}@media (prefers-reduced-motion:reduce){.docs .tt-core,.docs .tt-cut,.docs .tt-rays,.docs .mi path{transition:none}}.docs .smenu{border:1px solid var(--line2);background:var(--raise);min-width:220px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:10px;outline:none;flex-direction:column;padding:6px;display:flex}.docs .smenu-item{height:34px;color:var(--fg2);border-radius:6px;outline:none;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;text-decoration:none;display:flex}.docs .smenu-item[data-highlighted]{background:var(--panel);color:var(--fg)}.docs .smenu-item[aria-current]{color:var(--fg);font-weight:600}.docs .smenu-tag{color:var(--muted);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.docs .tocdot{background:var(--line2);border-radius:999px;width:6px;height:6px}.docs .smenu-item[aria-current] .tocdot{background:var(--fg)}.docs .pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.docs .pagehead-main{flex-direction:column;gap:8px;min-width:0;max-width:640px;display:flex}.docs .eyebrow{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.docs .eyelink{color:var(--fg2);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line2);text-decoration-color:var(--line2);text-underline-offset:3px;background:0 0;border:0;padding:0}.docs .eyelink:hover{color:var(--fg);-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.docs .stable{align-items:center;gap:6px;display:inline-flex}.docs .stable i{background:var(--line2);border-radius:999px;width:6px;height:6px}.docs .stable i.on{background:#3fb950}.docs .h1{letter-spacing:-.04em;margin:0;font-size:44px;font-weight:600;line-height:1.05}.docs .lead{color:var(--fg2);font-size:15px;line-height:1.55}.docs .lead p{margin:0}.docs .sibs{max-width:440px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13.5px;display:flex}.docs .sibs a{color:var(--fg2);border-bottom:1px solid var(--line2);text-decoration:none}.docs .sibs a:hover{color:var(--fg);border-color:var(--fg)}.docs .tocbar{top:var(--hdr-h);z-index:20;scrollbar-width:none;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);align-items:center;gap:18px;min-width:0;margin:0 -32px;padding:0 32px;display:flex;position:sticky;overflow-x:auto}.docs .tocbar-label{color:var(--muted);white-space:nowrap;flex:none;font-size:12.5px}.docs .tocbar a{box-sizing:border-box;height:48px;color:var(--fg2);white-space:nowrap;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;margin-bottom:-1px;padding:0 2px;font-size:13.5px;text-decoration:none;display:inline-flex}.docs .tocbar a:hover{color:var(--fg)}.docs .tocbar a[aria-current]{color:var(--fg);border-bottom-color:var(--fg);font-weight:600}.docs .tocbtn{border:1px solid var(--line2);background:var(--bg);min-height:32px;color:var(--fg);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:0 10px;font-size:13px;display:inline-flex}.docs .tocbtn:hover{border-color:var(--fg2)}.docs.docpage :is(section[id],[id^=api-],[id^=ex-]){scroll-margin-top:calc(var(--stick-top) + 8px)}.docs.docpage main .pad{padding-left:0;padding-right:0}.docs .smOnly{display:none!important}@media (width<=1180px){.docs .tocbar-label{display:none}}@media (width<=920px){.docs .lgOnly{display:none!important}.docs .smOnly{display:flex!important}.docs .hdrow{gap:10px;padding:0 16px}.docs .wrap{padding:0 16px}.docs .tocbar{margin:0 -16px;padding:8px 16px}.docs .pagehead{padding-top:0}.docs .h1{font-size:36px}}.docs .avatar{border:2px solid var(--bg);color:#0b0b0c;background:#d8d8d4;flex:none;place-items:center;width:26px;height:26px;margin-right:-6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;display:grid}.docs .spk{height:34px;position:relative}.docs .spk svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.docs .spkh{grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;inset:0}.docs .spkh>span{outline:none;position:relative}.docs .spkh>span:hover,.docs .spkh>span:focus-visible{background:var(--mark);box-shadow:inset 0 0 0 1px var(--fg3)}.docs .tip{z-index:5;white-space:nowrap;background:var(--fg);color:var(--bg);pointer-events:none;box-shadow:var(--shadow);padding:6px 9px;font-family:Inter,sans-serif;font-size:12px;line-height:1.35;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.docs [data-tip]:hover>.tip,.docs [data-tip]:focus-visible>.tip{display:block}.docs .xray{z-index:60;pointer-events:none;position:absolute;inset:0}.docs .xray .xb{outline:1px dashed var(--dim);outline-offset:3px;position:absolute}.docs .xray .xb.sel{outline:2px solid var(--fw)}.docs .xray .xl{background:var(--fg);height:20px;color:var(--bg);white-space:nowrap;padding:0 7px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:20px;position:absolute;top:-12px;left:-10px}.docs .xray .xb.sel .xl{background:var(--fw);color:#0b0b0c}.docs .ppanel{background:var(--bg);flex-direction:column;display:flex}.docs .ppanel[hidden]{display:none}.docs .ppanel{box-sizing:border-box;border-left:1px solid var(--line);flex:0 0 320px;height:480px}.docs .ctabs{gap:20px;display:flex}.docs .ctabs [role=tab]{height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-family:JetBrains Mono,monospace;font-size:12px}.docs .ctabs [role=tab][aria-selected=true]{color:var(--fg);border-bottom-color:var(--fw)}.docs .code pre.shiki{margin:0;padding:20px 0;font-size:13px;line-height:1.75;overflow:auto;background:0 0!important}.docs .code .shiki span{color:var(--shiki-dark)}:is(.docs.light,[data-docs-theme=light] .docs) .code .shiki span{color:var(--shiki-light)}:not([data-docs-theme=light])>body .docs .code .shiki span:is([style*=\#444444 i],[style*=\#555555 i],[style*=\#666666 i]){color:#8a8a8a}:not([data-docs-theme=light])>body .docs .code .shiki span[style*=\#758575 i]{color:#8f9f8f}.docs .code .line{box-sizing:border-box;min-width:100%;padding:0 clamp(16px,3vw,48px);display:inline-block}.docs .code.tight .line{padding:0 20px}.docs .code .line.hl{background:var(--mark);box-shadow:inset 2px 0 0 var(--fw)}.docs .code.clip pre.shiki{max-height:247.5px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.docs .sechead{flex-direction:column;gap:10px;display:flex}.docs .md p+p,.docs .md p+ul,.docs .md ul+p{margin-top:8px}.docs .md ul,.docs .md ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.docs .md code{color:var(--fg);overflow-wrap:anywhere;font-size:.88em}.docs .md pre{margin-top:8px}.docs .apart+.apart{border-top:1px solid var(--line2)}.docs .none{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=900px){.docs .t1{font-size:min(60px,14vw)}.docs .t2{font-size:28px}.docs .ppanel{border-left:0;border-top:1px solid var(--line);flex:100%;height:auto;max-height:320px;display:flex!important}}.docs .headacts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.docs .tocompare{border:1px solid var(--line2);color:var(--fg);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:7px 12px;font-size:13.5px;text-decoration:none;display:inline-flex}.docs .tocompare:hover{border-color:var(--fg2);background:var(--raise)}.docs .tocompare-dots{gap:3px;display:inline-flex}.docs .tocompare-dots i{border-radius:50%;width:7px;height:7px}.docs .copypage{border:1px solid var(--line2);border-radius:8px;display:inline-flex}.docs .copypage-main,.docs .copypage-more{min-height:34px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;display:inline-flex}.docs .copypage-main{border-radius:7px 0 0 7px}.docs .copypage-more{border-left:1px solid var(--line2);border-radius:0 7px 7px 0;padding:0 9px}.docs .copypage-main:hover,.docs .copypage-more:hover,.docs .copypage-more[data-popup-open]{background:var(--raise)}.docs .smenu-item.copypage-item{height:auto;padding:8px 10px}.docs .copypage-item span{flex-direction:column;gap:2px;display:flex}.docs .copypage-item small{color:var(--muted);font-size:12px}.docs svg[data-i],.docs svg[data-i] *{transform-box:fill-box;transform-origin:50%}.docs svg[data-i]{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.docs :hover>svg[data-i=chevron]{transform:translateY(1.5px)}.docs :is([data-popup-open],[data-panel-open],[aria-expanded=true],[data-open])>svg[data-i=chevron]{transform:rotate(180deg)}.docs :is(:hover,:focus-within)>svg[data-i=search]{transform:rotate(-14deg)scale(1.12)}.docs svg[data-i=check] path{stroke-dasharray:24;animation:.4s ease-out both i-draw}@keyframes i-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.docs :hover>svg[data-i=reload]{transform:rotate(-60deg)}.docs :active>svg[data-i=reload]{transition-duration:.5s;transform:rotate(-360deg)}.docs :hover>svg[data-i=code]{transform:scaleX(1.25)}.docs :hover>svg[data-i=prev]{transform:translate(-3px)}.docs :hover>svg[data-i=next]{transform:translate(3px)}.docs :hover>svg[data-i=copy]{transform:rotate(-8deg)scale(1.08)}.docs :active>svg[data-i=copy]{transform:scale(.85)}.docs :hover>svg[data-i=grid]{transform:rotate(90deg)}.docs :hover>svg:is([data-i=list],[data-i=toc]){transform:translate(2px)scaleX(1.08)}.docs :hover>svg[data-i=cols]{transform:scaleY(1.15)}.docs :hover>svg[data-i=close]{transform:rotate(90deg)}.docs svg[data-i=alert]{animation:.5s ease-in-out .1s i-shake}@keyframes i-shake{20%,60%{transform:rotate(-12deg)}40%,80%{transform:rotate(12deg)}}.docs .i-arrow{transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:inline-block}.docs :is(a,button,[role=menuitem]):is(:hover,:focus-visible) .i-arrow[data-dir=next]{transform:translate(3px)}.docs :is(a,button,[role=menuitem]):is(:hover,:focus-visible) .i-arrow[data-dir=prev]{transform:translate(-3px)}.docs :is(a,button,[role=menuitem]):is(:hover,:focus-visible) .i-arrow[data-dir=out]{transform:translate(2px,-2px)}.docs .logo i{transition:width .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.docs .logo:hover i{width:13px}.docs .logo:active i{transform:scale(.7)}.docs .fwdot{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.docs :is(button,a,label):hover>.fwdot,.docs .cv-fw:hover i{transform:scale(1.35)}@media (prefers-reduced-motion:reduce){.docs .i-arrow,.docs .logo i,.docs .fwdot,.docs svg[data-i],.docs svg[data-i] *{transition:none;animation:none}}.docs .ghlink{height:36px;color:var(--fg2);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:12.5px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.docs .ghlink:hover{background:var(--panel);color:var(--fg)}.docs .ghlink svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.docs .ghlink:hover svg{transform:rotate(-12deg)scale(1.1)}@media (width<=920px){.docs .ghlink{justify-content:center;width:36px;padding:0}}@media (width<=520px){.docs .ghlink{display:none}}.docs .ann{background:var(--panel);border-bottom:1px solid var(--line)}.docs .ann-row{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:1200px;min-height:44px;margin:0 auto;padding:6px 32px;font-size:14px;line-height:1.4;display:flex}.docs .ann-dots{gap:4px;display:inline-flex}.docs .ann-dots>span{border-radius:3px;width:8px;height:8px}.docs .ann-text{color:var(--fg2)}.docs .ann-text strong{color:var(--fg);font-weight:600}.docs .ann-cta{background:var(--fg);height:30px;color:var(--bg);border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.docs .ann-cta:hover svg{transform:translate(2px)}.docs .ann-cta svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.docs .ann-cta:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (width<=640px){.docs .ann-row{gap:10px;padding:6px 16px}.docs .ann-more{display:none}}@media (prefers-reduced-motion:reduce){.docs .ann-cta svg{transition:none}}html,body{background:#0a0a0a;margin:0}html[data-docs-theme=light],html[data-docs-theme=light] body{background:#fff}.stage-host{place-items:center;padding:56px 16px 40px;display:grid;position:absolute;inset:0;overflow:auto}.docs.layer{background:0 0;min-height:0}.docs .ui-tip{z-index:60;background:var(--fg);max-width:260px;color:var(--bg);padding:6px 10px;font-size:12px;line-height:1.4}.docs.ui-toasts{z-index:70;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.docs .ui-toast{border:1px solid var(--line2);background:var(--panel);color:var(--fg);box-shadow:var(--shadow);padding:10px 14px;font-size:13px}.docs .ui-toast-title{font:inherit;margin:0}.docs .pv{padding-top:clamp(48px,6vw,96px)}.docs .pv-title{margin:16px 0 32px;font-size:clamp(48px,9vw,96px)}.docs .pv-sec{border-top:1px solid var(--line);gap:16px;padding:40px 0;display:grid}@media (width>=768px){.docs .pv-sec{grid-template-columns:200px minmax(0,1fr);gap:32px}}.docs .pv-text{flex-direction:column;gap:16px;max-width:680px;display:flex}.docs .pv-text .body{max-width:none;font-size:16px}.docs .pv-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.docs .pv-list li{border-bottom:1px solid var(--line);padding:12px 0;font-size:16px;line-height:1.6}.docs .pv strong{color:var(--fg)}.docs .nf{flex-direction:column;justify-content:center;gap:32px;min-height:70vh;display:flex}.docs .nf .t1{font-size:clamp(56px,11vw,176px)}