.demo-stage .date-picker-demo{--date-picker-radius:var(--demo-radius,10px);width:min(100%,370px);color:var(--demo-text);position:relative}.demo-stage .date-picker-label{color:var(--demo-muted);margin-bottom:7px;font-size:12px;font-weight:650;display:block}.demo-stage .date-picker-field-shell{border:1px solid var(--demo-line-strong);border-radius:var(--date-picker-radius);background:var(--demo-panel);transition:border-color var(--demo-motion-normal,.18s) ease, box-shadow var(--demo-motion-normal,.18s) ease;grid-template-columns:minmax(0,1fr) 44px;display:grid;overflow:hidden}.demo-stage .date-picker-field-shell:focus-within{border-color:var(--demo-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--demo-blue) 18%, transparent)}.demo-stage .date-picker-field-shell input{width:100%;min-width:0;min-height:44px;color:var(--demo-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0;padding:0 12px}.demo-stage .date-picker-field-shell input::-webkit-calendar-picker-indicator{display:none}.demo-stage .date-picker-trigger{border:0;border-left:1px solid var(--demo-line);background:0 0;border-radius:0;width:44px;min-width:44px;min-height:44px;padding:0;position:relative}.demo-stage .date-picker-trigger-icon{width:17px;height:16px;color:var(--demo-muted);border:1.5px solid;border-radius:3px;margin:auto;display:block;position:relative}.demo-stage .date-picker-trigger-icon:before{content:"";border-top:1.5px solid;position:absolute;top:3px;left:-1.5px;right:-1.5px}.demo-stage .date-picker-trigger-icon:after{content:"";border-left:1.5px solid;border-right:1.5px solid;width:7px;height:4px;position:absolute;top:-3px;left:3px}.demo-stage .date-picker-popover{border:1px solid var(--demo-line);border-radius:calc(var(--date-picker-radius) + 2px);background:var(--demo-panel);transform-origin:top;animation:date-picker-enter var(--demo-motion-normal,.18s) ease-out both;margin-top:8px;padding:12px;box-shadow:0 18px 42px #0000004d}.demo-stage .date-picker-month-bar,.demo-stage .date-picker-month-bar>div{align-items:center;display:flex}.demo-stage .date-picker-month-bar{justify-content:space-between;gap:12px;min-height:38px;margin-bottom:5px}.demo-stage .date-picker-month-bar strong{font-size:14px}.demo-stage .date-picker-month-bar>div{gap:2px}.demo-stage .date-picker-month-button{background:0 0;border-color:#0000;width:36px;min-width:36px;min-height:36px;padding:0;font-size:22px;line-height:1}.demo-stage .date-picker-grid-wrap{scrollbar-width:thin;overflow-x:auto}.demo-stage .date-picker-grid{border-spacing:2px;table-layout:fixed;width:100%}.demo-stage .date-picker-grid th,.demo-stage .date-picker-grid td{width:var(--date-picker-cell-size);min-width:var(--date-picker-cell-size);height:var(--date-picker-cell-size);text-align:center;padding:0}.demo-stage .date-picker-grid thead th{height:28px;color:var(--demo-muted);font-size:11px;font-weight:650}.demo-stage .date-picker-week-number{color:color-mix(in srgb, var(--demo-muted) 64%, transparent);font-size:10px;font-weight:500}.demo-stage .date-picker-day{width:var(--date-picker-cell-size);min-width:var(--date-picker-cell-size);height:var(--date-picker-cell-size);min-height:var(--date-picker-cell-size);border-radius:calc(var(--date-picker-radius) - 3px);transition:color var(--demo-motion-normal,.18s) ease, border-color var(--demo-motion-normal,.18s) ease, background var(--demo-motion-normal,.18s) ease, transform var(--demo-motion-normal,.18s) ease;background:0 0;border-color:#0000;padding:0;position:relative}.demo-stage .date-picker-day.is-outside{color:color-mix(in srgb, var(--demo-muted) 45%, transparent)}.demo-stage .date-picker-day.is-today:not(.is-selected){border-color:color-mix(in srgb, var(--demo-blue) 72%, transparent);color:var(--demo-blue-bright)}.demo-stage .date-picker-day.is-today:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;right:50%;translate:50%}.demo-stage .date-picker-day.is-selected,.demo-stage .date-picker-day.is-selected:hover:not(:disabled){border-color:var(--demo-blue);background:var(--demo-blue);color:#fff;box-shadow:0 5px 16px color-mix(in srgb, var(--demo-blue) 28%, transparent)}.demo-stage .date-picker-help{color:var(--demo-muted);text-align:center;margin-top:8px;font-size:10px}.demo-stage .date-picker-demo--card{width:min(100%,285px)}.demo-stage .date-picker-demo--card .date-picker-label{display:none}.demo-stage .date-picker-demo--card .date-picker-popover{z-index:4;width:100%;position:absolute}@container (width<=420px){.demo-stage .date-picker-popover{padding:9px}.demo-stage .date-picker-grid{min-width:calc(var(--date-picker-cell-size) * 7 + 12px)}.demo-stage .date-picker-grid:has(.date-picker-week-number){min-width:calc(var(--date-picker-cell-size) * 8 + 14px)}}@keyframes date-picker-enter{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-stage{--demo-bg:#1b1b1d;--demo-panel:#232428;--demo-panel-strong:#2a2a2d;--demo-line:#ffffff1a;--demo-line-strong:#ffffff2e;--demo-text:#f3f3f4;--demo-muted:#b8b8bd;--demo-blue:#0a6cff;--demo-blue-bright:#69a5ff;--demo-green:#39c793;--demo-red:#f06b78;--demo-amber:#e9ad58;--demo-radius:8px;--demo-control-size:44px;--demo-motion-fast:.16s;--demo-motion-normal:.22s;--demo-motion-slow:.34s;--demo-marquee-duration:12s;isolation:isolate;width:100%;min-width:0;color:var(--demo-text);background-color:#171719;background-image:radial-gradient(circle,#ffffff13 1px,#0000 1px);background-size:15px 15px;font:500 13px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.demo-stage--card{border-radius:12px;height:232px}.demo-stage--detail{border:1px solid var(--demo-line);border-radius:14px;min-height:390px;font-size:14px}.demo-stage,.demo-stage *{box-sizing:border-box}.demo-stage button,.demo-stage input,.demo-stage textarea,.demo-stage select{font:inherit;outline:none}.demo-stage button:focus-visible,.demo-stage a:focus-visible,.demo-stage input:focus-visible,.demo-stage textarea:focus-visible,.demo-stage select:focus-visible,.demo-stage [tabindex]:focus-visible{box-shadow:0 0 0 2px #171719, 0 0 0 4px var(--demo-blue)}@media (forced-colors:active){.demo-stage button:focus-visible,.demo-stage a:focus-visible,.demo-stage input:focus-visible,.demo-stage textarea:focus-visible,.demo-stage select:focus-visible,.demo-stage [tabindex]:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.demo-stage button{min-width:44px;min-height:var(--demo-control-size);color:inherit;cursor:pointer;border:1px solid var(--demo-line);border-radius:var(--demo-radius);background:var(--demo-panel);transition:color var(--demo-motion-fast) ease, border-color var(--demo-motion-fast) ease, background var(--demo-motion-fast) ease, transform var(--demo-motion-fast) ease;padding:0 13px}.demo-stage button:hover:not(:disabled){color:#fff;border-color:var(--demo-line-strong);background:#0a6cff21}.demo-stage button:active:not(:disabled){transform:translateY(1px)}.demo-stage button:disabled{cursor:not-allowed;opacity:.38}.demo-stage strong,.demo-stage small,.demo-stage span{min-width:0}.demo-stage small{color:var(--demo-muted)}.demo-stage p{margin:0}.demo-stage .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}.demo-stage .demo-canvas{width:100%;height:100%;min-height:inherit;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.demo-stage--detail .demo-canvas{padding:clamp(28px,5vw,58px)}.demo-stage:is([data-demo-slug=navigation-drawer],[data-demo-slug=command-palette],[data-demo-slug=toast],[data-demo-slug=snackbar],[data-demo-slug=dialog],[data-demo-slug=alert-dialog],[data-demo-slug=side-sheet],[data-demo-slug=lightbox],[data-demo-slug=scrim]) .demo-canvas{padding:0}.demo-stage .demo-primary{color:#fff;background:var(--demo-blue);box-shadow:none;border-color:#0a6cffb8}.demo-stage .demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--demo-blue) 82%, white)}.demo-stage .demo-secondary{background:#2a2a2d}.demo-stage .demo-danger{color:#fff;background:#c94d60;border-color:#ff6f8380}.demo-stage .demo-centered{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.demo-stage .demo-status{min-height:24px;color:var(--demo-muted);white-space:nowrap;align-items:center;font-size:12.5px;display:inline-flex}.demo-stage .demo-icon{flex:none;place-items:center;width:22px;height:22px;font-weight:800;display:inline-grid}.demo-stage .demo-icon-button{border-radius:9px;place-items:center;width:46px;min-width:46px;height:46px;padding:0;font-size:22px;display:inline-grid}.demo-stage .demo-icon-button.is-active{color:#ff8da0;background:#ff6f831f;border-color:#ff6f8373}.demo-stage .demo-navbar{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;align-items:center;width:min(100%,650px);padding:8px;display:flex;box-shadow:0 2px 8px #00000047}.demo-stage .demo-navbar>strong{letter-spacing:.08em;align-items:center;gap:8px;margin:0 14px 0 5px;display:flex}.demo-stage .demo-navbar .demo-status{margin-left:8px;padding-right:8px}.demo-stage .demo-navbar-actions{gap:3px;margin-left:auto;display:flex}.demo-stage .demo-navbar-actions button{background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}.demo-stage .demo-navbar-avatar{background:#35373d;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.demo-stage .demo-logo-dot{background:var(--demo-blue);width:9px;height:9px;box-shadow:none;border-radius:50%}.demo-stage .demo-nav-list{gap:3px;display:flex}.demo-stage .demo-nav-list button{background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:4px;min-height:44px;display:inline-flex}.demo-stage .demo-nav-list button.is-active{color:#fff;background:#0a6cff29}.demo-stage .demo-nav-list.is-vertical{flex-direction:column;width:100%;margin-top:12px}.demo-stage .demo-nav-list.is-vertical button{justify-content:flex-start}.demo-stage .demo-sidebar-layout{border:1px solid var(--demo-line);background:#202023;border-radius:10px;grid-template-columns:160px 1fr;width:min(100%,580px);height:180px;display:grid;overflow:hidden}.demo-stage .demo-sidebar-layout>nav{border-right:1px solid var(--demo-line);background:var(--demo-panel);padding:15px 10px}.demo-stage .demo-sidebar-layout>nav>strong{padding-left:10px}.demo-stage .demo-page-placeholder{flex-direction:column;gap:12px;padding:24px;display:flex}.demo-stage .demo-page-placeholder span{font-size:18px;font-weight:700}.demo-stage .demo-page-placeholder i{background:#ffffff1a;border-radius:10px;width:90%;height:10px}.demo-stage .demo-page-placeholder i:nth-of-type(2){width:62%}.demo-stage .demo-page-placeholder i:nth-of-type(3){width:74%}.demo-stage .demo-drawer-scene,.demo-stage .demo-overlay-scene,.demo-stage .demo-notification-scene{place-items:center;width:100%;height:100%;display:grid;position:relative}.demo-stage .demo-drawer{z-index:3;border-right:1px solid var(--demo-line-strong);background:var(--demo-panel);width:min(75%,270px);transition:transform var(--demo-motion-normal) ease;padding:20px 15px;position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:4px 0 12px #00000052}.demo-stage .demo-drawer-scrim{z-index:2;background:#02060d94;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.demo-stage .demo-drawer-scrim:hover:not(:disabled){background:#02060d94;border:0}.demo-stage .demo-drawer-scrim:active:not(:disabled){transform:none}.demo-stage .demo-drawer.is-open{animation:demo-drawer-enter var(--demo-motion-normal) ease-out;transform:translate(0)}.demo-stage .demo-drawer .demo-close{background:0 0;border-color:#0000;padding:0;font-size:22px;position:absolute;top:8px;right:8px}.demo-stage .demo-phone-surface{border:1px solid var(--demo-line);background:#202023;border-radius:10px;width:min(100%,410px);height:186px;position:relative;overflow:hidden}.demo-stage .demo-phone-content{flex-direction:column;gap:12px;padding:22px;font-size:18px;font-weight:700;display:flex}.demo-stage .demo-phone-content i{background:var(--demo-line);border-radius:8px;width:70%;height:9px}.demo-stage .demo-bottom-nav{border-top:1px solid var(--demo-line);background:var(--demo-panel);padding:5px 7px;position:absolute;bottom:0;left:0;right:0}.demo-stage .demo-bottom-nav .demo-nav-list{justify-content:space-around}.demo-stage .demo-bottom-nav .demo-nav-list button{flex-direction:column;gap:0;min-width:76px;padding:2px 8px;font-size:12.5px}.demo-stage .demo-tabs{width:min(100%,520px)}.demo-stage .demo-tabs [role=tablist]{border-bottom:1px solid var(--demo-line);gap:2px;display:flex}.demo-stage .demo-tabs [role=tab]{background:0 0;border:0;position:relative}.demo-stage .demo-tabs [role=tab].is-active:after{content:"";background:var(--demo-blue);height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.demo-stage .demo-tab-panel{border:1px solid var(--demo-line);background:#202023;border-top:0;border-radius:0 0 10px 10px;flex-direction:column;gap:6px;min-height:100px;padding:20px;display:flex}.demo-stage .demo-tab-panel span{color:var(--demo-muted)}.demo-stage .demo-breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.demo-stage .demo-breadcrumb span{align-items:center;display:inline-flex}.demo-stage .demo-breadcrumb i{color:#647793;font-style:normal}.demo-stage .demo-breadcrumb a{min-height:44px;color:inherit;border-radius:8px;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.demo-stage .demo-breadcrumb a:hover{background:#0a6cff21}.demo-stage .demo-breadcrumb a[aria-current=page]{color:var(--demo-blue-bright)}.demo-stage .demo-breadcrumb .demo-status{flex-basis:100%;justify-content:center}.demo-stage .demo-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.demo-stage .demo-pagination button{padding:0}.demo-stage .demo-pagination button.is-active{color:#fff;border-color:var(--demo-blue);background:var(--demo-blue)}.demo-stage .demo-pagination .demo-status{flex-basis:100%;justify-content:center}.demo-stage .demo-stepper{flex-direction:column;align-items:center;gap:24px;width:min(100%,540px);display:flex}.demo-stage .demo-stepper ol{width:100%;margin:0;padding:0;list-style:none;display:flex}.demo-stage .demo-stepper li{flex:1;position:relative}.demo-stage .demo-stepper-connector{background:var(--demo-line);width:76%;height:2px;position:absolute;top:21px;left:62%}.demo-stage .demo-stepper li.is-active .demo-stepper-connector{background:var(--demo-blue)}.demo-stage .demo-stepper li button{z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:100%;padding:0;font-size:13px;display:flex;position:relative}.demo-stage .demo-stepper li button>span{width:42px;height:42px;color:var(--demo-muted);border:1px solid var(--demo-line);background:var(--demo-bg);border-radius:50%;place-items:center;display:grid}.demo-stage .demo-stepper li button>strong{font:inherit}.demo-stage .demo-stepper li.is-active button>span{color:#fff;border-color:var(--demo-blue);background:var(--demo-blue)}.demo-stage .demo-anchor-layout{border:1px solid var(--demo-line);border-radius:10px;grid-template-columns:130px 1fr;width:min(100%,500px);min-height:150px;display:grid;overflow:hidden}.demo-stage .demo-anchor-layout nav{border-right:1px solid var(--demo-line);flex-direction:column;padding:9px;display:flex}.demo-stage .demo-anchor-layout nav a{text-align:left;min-height:44px;color:inherit;border-left:2px solid #0000;border-radius:7px;align-items:center;padding:0 13px;text-decoration:none;display:flex}.demo-stage .demo-anchor-layout nav a.is-active{color:var(--demo-blue-bright);border-left:2px solid var(--demo-blue);background:#0a6cff1a;border-radius:0}.demo-stage .demo-anchor-content{overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y proximity;height:150px;position:relative;overflow-y:auto}.demo-stage .demo-anchor-content section{scroll-snap-align:start;flex-direction:column;justify-content:center;gap:6px;min-height:150px;padding:20px;display:flex}.demo-stage .demo-anchor-content strong{font-size:20px}.demo-stage .demo-anchor-content p{color:var(--demo-muted)}.demo-stage .demo-split-view{border:1px solid var(--demo-line);background:#202023;border-radius:10px;width:min(100%,540px);height:180px;display:grid;overflow:hidden}.demo-stage .demo-split-view>nav{background:var(--demo-panel);flex-direction:column;gap:2px;min-width:0;padding:10px 8px;display:flex}.demo-stage .demo-split-view>nav>strong{padding:4px 8px 6px}.demo-stage .demo-split-view>nav>button{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-color:#0000;justify-content:flex-start;width:100%;min-width:0;padding-inline:8px;overflow:hidden}.demo-stage .demo-split-view>nav>button.is-active{color:#fff;background:#0a6cff29}.demo-stage .demo-split-divider{z-index:2;cursor:col-resize;touch-action:none;width:44px;min-width:44px;margin-inline:-16px;position:relative}.demo-stage .demo-split-divider:before,.demo-stage .demo-split-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-stage .demo-split-divider:before{background:var(--demo-line-strong);width:1px;height:100%}.demo-stage .demo-split-divider:after{background:#727278;border-radius:8px;width:5px;height:32px}.demo-stage .demo-split-divider:focus-visible:after{background:var(--demo-blue-bright)}.demo-stage .demo-split-view>section{flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:22px;display:flex}.demo-stage .demo-split-view>section i{background:var(--demo-line);border-radius:8px;width:88%;height:8px}.demo-stage .demo-split-view>section i:last-child{width:58%}.demo-stage .demo-button-group,.demo-stage .demo-segments,.demo-stage .demo-split-button{display:inline-flex}.demo-stage .demo-button-group button,.demo-stage .demo-segments button,.demo-stage .demo-split-button button{border-radius:0}.demo-stage .demo-button-group button:first-child,.demo-stage .demo-segments button:first-child,.demo-stage .demo-split-button button:first-child{border-radius:10px 0 0 10px}.demo-stage .demo-button-group button:last-child,.demo-stage .demo-segments button:last-child,.demo-stage .demo-split-button button:last-child{border-radius:0 10px 10px 0}.demo-stage .demo-button-group button+button,.demo-stage .demo-segments button+button,.demo-stage .demo-split-button button+button{margin-left:-1px}.demo-stage .demo-button-group button{width:48px;padding:0;font-size:21px}.demo-stage .demo-button-group button:first-child{text-align:left}.demo-stage .demo-button-group button:nth-child(3){text-align:right}.demo-stage .demo-button-group button.is-active,.demo-stage .demo-segments button.is-active{color:#fff;border-color:var(--demo-blue);background:#0a6cff2e}.demo-stage .demo-split-button button:first-child{color:#fff;border-color:var(--demo-blue);background:var(--demo-blue)}.demo-stage .demo-split-button button:last-child{background:#075dcc;border-color:#3c87ff;padding:0}.demo-stage .demo-popup-wrap{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-width:210px;min-height:184px;display:flex;position:relative}.demo-stage .demo-menu{z-index:10;border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:9px;flex-direction:column;width:190px;padding:6px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000052}.demo-stage .demo-menu button{text-align:left;background:0 0;border:0;justify-content:flex-start}.demo-stage .demo-context-wrap{width:min(100%,420px)}.demo-stage .demo-context-wrap .demo-menu{top:78px}.demo-stage .demo-popup-wrap>.demo-status{justify-content:center;position:absolute;bottom:0;left:0;right:0}.demo-stage .demo-context-target{border-style:dashed;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:78px;padding:14px 16px;display:flex}.demo-stage .demo-context-target small{font-size:12.5px}.demo-stage .demo-record-row{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;grid-template-columns:42px 1fr 46px;align-items:center;gap:10px;width:min(100%,420px);padding:12px;display:grid}.demo-stage .demo-record-row>span:nth-child(2),.demo-stage .demo-loaded-card>span:nth-child(2){flex-direction:column;display:flex}.demo-stage .demo-record-row .demo-icon-button{font-size:14px}.demo-stage .demo-avatar-small{color:#cfe1ff;background:#303034;border:1px solid #ffffff1f;border-radius:9px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:inline-grid}.demo-stage .demo-toolbar{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:9px;align-items:center;gap:5px;padding:7px;display:flex}.demo-stage .demo-toolbar button{border-color:#0000;padding:0;font-weight:800}.demo-stage .demo-toolbar button:nth-child(2){font-style:italic}.demo-stage .demo-toolbar button.is-active{background:#0a6cff2b}.demo-stage .demo-toolbar>span:not(.demo-status){background:var(--demo-line);width:1px;height:28px}.demo-stage .demo-command-scene{place-items:center;width:100%;height:100%;display:grid;position:relative}.demo-stage .demo-command-scene>button{align-items:center;gap:10px;display:inline-flex}.demo-stage .demo-command-scene kbd{color:var(--demo-muted);border:1px solid var(--demo-line-strong);background:#171719;border-radius:5px;padding:2px 6px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-stage .demo-command-backdrop{z-index:20;background:#02060dad;place-items:center;padding:10px;display:grid;position:absolute;inset:0}.demo-stage .demo-command-dialog{border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:11px;flex-direction:column;gap:7px;width:min(100%,430px);padding:11px;display:flex;box-shadow:0 8px 28px #0000006b}.demo-stage .demo-command-dialog>strong{padding:1px 4px}.demo-stage .demo-command-input{border:1px solid var(--demo-line-strong);background:#202023;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:0 10px;display:flex}.demo-stage .demo-command-input input{width:100%;min-width:0;height:42px;color:var(--demo-text);background:0 0;border:0;padding:0}.demo-stage .demo-command-dialog [role=listbox]{flex-direction:column;gap:2px;display:flex}.demo-stage .demo-command-dialog [role=option]{text-align:left;background:0 0;border-color:#0000;grid-template-columns:28px 1fr;align-items:center;display:grid}.demo-stage .demo-command-dialog [role=option][aria-selected=true]{background:#0a6cff2b}.demo-stage .demo-command-dialog [role=listbox] p{color:var(--demo-muted);padding:12px 8px}.demo-stage .demo-command-dialog>small{padding:1px 4px}.demo-stage .demo-form{flex-direction:column;align-items:stretch;gap:12px;width:min(100%,430px);display:flex}.demo-stage .demo-field{flex-direction:column;gap:7px;width:min(100%,430px);display:flex;position:relative}.demo-stage .demo-field>span:first-child,.demo-stage .demo-field>label,.demo-stage .demo-range>span:first-child,.demo-stage .demo-otp legend{color:#d9e8fb;font-size:13px;font-weight:700}.demo-stage .demo-field input,.demo-stage .demo-field textarea,.demo-stage .demo-field select,.demo-stage .demo-search-box input,.demo-stage .demo-tags-box input,.demo-stage .demo-otp input,.demo-stage .demo-spinbutton input{width:100%;min-height:46px;color:var(--demo-text);border:1px solid var(--demo-line);background:#202023;border-radius:8px;padding:10px 13px}.demo-stage .demo-field textarea{resize:vertical}.demo-stage .demo-field select{appearance:auto}.demo-stage .demo-field small{font-size:12.5px}.demo-stage .demo-input-action{display:block;position:relative}.demo-stage .demo-input-action input{padding-right:70px}.demo-stage .demo-input-action button{background:0 0;border:0;min-width:60px;position:absolute;top:1px;right:1px}.demo-stage .demo-strength{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.demo-stage .demo-strength i{background:var(--demo-line);border-radius:4px;height:4px}.demo-stage .demo-strength i.is-on{background:var(--demo-green)}.demo-stage .demo-search-demo{width:min(100%,440px);position:relative}.demo-stage .demo-search-box{border:1px solid var(--demo-line-strong);background:#202023;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.demo-stage .demo-search-box input{background:0 0;border:0;padding-left:0}.demo-stage .demo-search-box>button{background:0 0;border:0;flex:none;width:36px;min-height:36px;padding:0}.demo-stage .demo-suggestions{flex-direction:column;margin-top:7px;display:flex}.demo-stage .demo-suggestions button{min-height:var(--demo-control-size);text-align:left;background:0 0;border:0;justify-content:flex-start}.demo-stage .demo-spinbutton{grid-template-columns:46px 1fr 46px;display:grid}.demo-stage .demo-spinbutton input{z-index:1;text-align:center;border-radius:0}.demo-stage .demo-spinbutton button{padding:0}.demo-stage .demo-spinbutton button:first-child{border-radius:10px 0 0 10px}.demo-stage .demo-spinbutton button:last-child{border-radius:0 10px 10px 0}.demo-stage .demo-otp{border:0;flex-direction:column;gap:10px;width:min(100%,360px);padding:0;display:flex}.demo-stage .demo-otp>div{gap:8px;display:flex}.demo-stage .demo-otp input{text-align:center;width:54px;height:58px;padding:0;font-size:22px}.demo-stage .demo-tags-box{border:1px solid var(--demo-line);border-radius:var(--demo-radius);background:#202023;flex-wrap:wrap;gap:5px;min-height:50px;padding:5px;display:flex}.demo-stage .demo-tag{color:#cfe1ff;border-radius:var(--demo-radius);background:#0a6cff24;align-items:center;gap:4px;min-height:44px;padding-left:10px;display:inline-flex}.demo-stage .demo-tag>button{background:0 0;border-color:#0000;width:36px;min-height:36px;padding:0}.demo-stage .demo-tags-box input{background:0 0;border:0;flex:1;min-width:90px;min-height:44px;padding:0 8px}.demo-stage .demo-dropzone{text-align:center;border:1px dashed var(--demo-line-strong);background:var(--demo-panel);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(100%,440px);min-height:165px;padding:18px;display:flex}.demo-stage .demo-dropzone>.demo-icon{width:38px;height:38px;color:var(--demo-blue-bright);background:#0a6cff24;border-radius:9px;margin-bottom:2px}.demo-stage .demo-dropzone button{margin-top:6px}.demo-stage .demo-dropzone.is-ready{border-color:#3ed7a18c}.demo-stage .demo-dropzone small.is-error{color:#ff97a6}.demo-stage .demo-check,.demo-stage .demo-setting-row{align-items:center;gap:12px;display:flex}.demo-stage .demo-check{position:relative}.demo-stage .demo-check input:not(.demo-check-native){width:20px;height:20px;accent-color:var(--demo-blue)}.demo-stage .demo-check-native{clip-path:inset(50%);opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.demo-stage .demo-check-box{border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:grid}.demo-stage .demo-check:has(.demo-check-native:checked) .demo-check-box{border-color:var(--demo-blue);background:var(--demo-blue)}.demo-stage .demo-check:has(.demo-check-native:focus-visible) .demo-check-box{outline:3px solid var(--demo-focus);outline-offset:3px}.demo-stage .demo-check-mark{color:#fff;pointer-events:none;place-items:center;width:11px;height:13px;font-size:12px;font-weight:800;display:grid}.demo-stage .demo-check .demo-status{margin-left:8px}.demo-stage .demo-radio{border:0;align-items:center;gap:8px;padding:0;display:flex}.demo-stage .demo-radio legend{width:100%;margin-bottom:8px;font-weight:700}.demo-stage .demo-radio label{border:1px solid var(--demo-line);border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:0 12px;display:flex}.demo-stage .demo-radio input{accent-color:var(--demo-blue)}.demo-stage .demo-setting-row{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;justify-content:space-between;width:min(100%,440px);padding:15px}.demo-stage .demo-setting-row>span{flex-direction:column;display:flex}.demo-stage .demo-switch{border-radius:99px;width:58px;min-width:58px;height:44px;min-height:44px;padding:0;position:relative}.demo-stage .demo-switch>span{width:22px;height:22px;transition:transform var(--demo-motion-normal) ease, background var(--demo-motion-normal) ease;background:#b8c8dc;border-radius:50%;position:absolute;top:10px;left:6px}.demo-stage .demo-switch.is-on{border-color:var(--demo-blue);background:var(--demo-blue)}.demo-stage .demo-switch.is-on>span{background:#fff;transform:translate(24px)}.demo-stage .demo-combobox{width:min(100%,430px);position:relative}.demo-stage .demo-combobox-trigger{z-index:4;background:0 0;border:0;width:38px;min-height:38px;padding:0;position:absolute;top:25px;right:3px}.demo-stage .demo-combobox [role=listbox]{z-index:5;border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:9px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 4px 14px #00000052}.demo-stage .demo-combobox [role=option]{text-align:left;background:0 0;border:0}.demo-stage .demo-combobox [role=option][aria-selected=true]{color:#fff;background:#0a6cff2b}.demo-stage .demo-combobox [role=listbox] p{color:var(--demo-muted);padding:12px 14px}.demo-stage .demo-range{flex-direction:column;gap:13px;width:min(100%,480px);display:flex}.demo-stage .demo-range>span{justify-content:space-between;display:flex}.demo-stage .demo-range output{color:var(--demo-blue-bright);font-variant-numeric:tabular-nums}.demo-stage .demo-range input[type=range],.demo-stage .demo-parallax input[type=range]{width:100%;height:44px;accent-color:var(--demo-blue);cursor:ew-resize}.demo-stage .demo-slider-control{height:44px;display:block;position:relative}.demo-stage .demo-slider-control>input[type=range]{z-index:2;opacity:0;margin:0;position:absolute;inset:0}.demo-stage .demo-slider-track,.demo-stage .demo-slider-fill{border-radius:999px;height:6px;position:absolute;top:19px;left:0}.demo-stage .demo-slider-track{background:var(--demo-line-strong);right:0}.demo-stage .demo-slider-fill{background:var(--demo-blue)}.demo-stage .demo-slider-thumb{z-index:1;background:var(--demo-blue);border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:12px;box-shadow:0 2px 8px #00000059}.demo-stage .demo-slider-control:has(input:focus-visible) .demo-slider-thumb{outline:3px solid var(--demo-focus);outline-offset:3px}.demo-stage .demo-range-scale{color:var(--demo-muted);justify-content:space-between;font-size:12.5px;display:flex}.demo-stage .demo-dual-range{cursor:ew-resize;height:44px;position:relative}.demo-stage .demo-dual-range-track{background:var(--demo-line-strong);pointer-events:none;border-radius:999px;height:6px;position:absolute;top:19px;left:0;right:0}.demo-stage .demo-dual-range-fill{background:var(--demo-blue);pointer-events:none;border-radius:999px;height:6px;position:absolute;top:19px}.demo-stage .demo-dual-range-thumb{z-index:1;background:var(--demo-blue);pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:12px;box-shadow:0 2px 8px #00000059}.demo-stage .demo-dual-range input{pointer-events:none;opacity:0;background:0 0;width:100%;height:44px;margin:0;position:absolute;inset:0}.demo-stage .demo-dual-range input::-webkit-slider-thumb{pointer-events:auto}.demo-stage .demo-dual-range input::-moz-range-thumb{pointer-events:auto}:is(.demo-stage .demo-dual-range:has(input[aria-label=最低价格]:focus-visible) .demo-dual-range-thumb.is-low,.demo-stage .demo-dual-range:has(input[aria-label=最高价格]:focus-visible) .demo-dual-range-thumb.is-high){outline:3px solid var(--demo-focus);outline-offset:3px}.demo-stage .demo-color-picker{border:1px solid var(--demo-line);border-radius:10px;align-items:center;gap:15px;padding:14px;display:flex}.demo-stage .demo-color-picker input[type=color]{border:1px solid var(--demo-line);background:0 0;border-radius:9px;width:54px;height:54px;padding:3px}.demo-stage .demo-color-picker>div:first-of-type{align-items:center;gap:8px;display:flex}.demo-stage .demo-color-swatch{border-radius:50%;width:18px;height:18px}.demo-stage .demo-color-presets{gap:4px;display:flex}.demo-stage .demo-color-presets button{border-radius:50%;width:44px;padding:0}.demo-stage .demo-alert{color:#d8e7ff;background:#24282f;border:1px solid #0a6cff6b;border-radius:9px;grid-template-columns:36px 1fr 44px;align-items:center;gap:10px;width:min(100%,500px);padding:12px;display:grid}.demo-stage .demo-alert .demo-icon{background:#0a6cff2e;border-radius:50%;width:34px;height:34px}.demo-stage .demo-alert>span:nth-child(2){flex-direction:column;display:flex}.demo-stage .demo-alert button{background:0 0;border:0;padding:0}.demo-stage .demo-toast,.demo-stage .demo-snackbar{z-index:3;border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:9px;align-items:center;gap:9px;min-width:210px;min-height:54px;padding:7px 8px 7px 14px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 14px #00000052}.demo-stage .demo-toast .demo-icon{color:var(--demo-green)}.demo-stage .demo-toast button{background:0 0;border:0;margin-left:auto;padding:0}.demo-stage .demo-snackbar{right:50%;transform:translate(50%)}.demo-stage .demo-snackbar button{color:var(--demo-blue-bright);background:0 0;border:0;margin-left:auto}.demo-stage .demo-field.has-error input{border-color:var(--demo-red)}.demo-stage .demo-field.has-error small{color:#ff97a6}.demo-stage .demo-progress-demo{flex-direction:column;gap:12px;width:min(100%,460px);display:flex}.demo-stage .demo-progress-demo>div:first-child{justify-content:space-between;display:flex}.demo-stage .demo-progress-demo output{color:var(--demo-blue-bright)}.demo-stage .demo-progress-demo button{align-self:center}.demo-stage .demo-progress-demo>.demo-progress-track{background:var(--demo-line-strong);border-radius:999px;width:100%;height:9px;display:block;overflow:hidden}.demo-stage .demo-progress-fill{border-radius:inherit;background:var(--demo-blue);height:100%;display:block}.demo-stage .demo-spinner{border:3px solid var(--demo-line);border-top-color:var(--demo-blue);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite demo-spin}.demo-stage .demo-skeleton-wrap{flex-direction:column;gap:12px;width:min(100%,430px);display:flex}.demo-stage .demo-skeleton-wrap>button{align-self:flex-end}.demo-stage .demo-skeleton{border:1px solid var(--demo-line);border-radius:10px;grid-template-columns:54px 1fr;gap:12px;padding:14px;display:grid}.demo-stage .demo-skeleton>i{background:#343438;border-radius:9px;width:54px;height:54px;animation:1.4s ease-in-out infinite alternate demo-pulse}.demo-stage .demo-skeleton>span{flex-direction:column;justify-content:center;gap:7px;display:flex}.demo-stage .demo-skeleton>span i{background:#343438;border-radius:8px;width:95%;height:8px}.demo-stage .demo-skeleton>span i:nth-child(2){width:72%}.demo-stage .demo-skeleton>span i:nth-child(3){width:42%}.demo-stage .demo-loaded-card{border:1px solid var(--demo-line);border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.demo-stage .demo-loaded-card>button{background:0 0;border:0;padding:0}.demo-stage .demo-bell{width:56px;height:56px;padding:0;font-size:27px;position:relative}.demo-stage .demo-badge{color:#fff;background:#ed526c;border:2px solid #171719;border-radius:20px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12.5px;display:grid;position:absolute;top:-7px;right:-7px}.demo-stage .demo-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.demo-stage .demo-empty>span{width:54px;height:54px;color:var(--demo-blue-bright);border:1px dashed var(--demo-line-strong);border-radius:10px;place-items:center;margin-bottom:3px;font-size:25px;display:grid}.demo-stage .demo-empty button{margin-top:8px}.demo-stage .demo-focus-ring{flex-direction:column;align-items:center;gap:13px;width:min(100%,430px);display:flex}.demo-stage .demo-focus-surface{background:var(--demo-bg);border-radius:10px;flex-wrap:wrap;justify-content:center;gap:10px;padding:9px;display:flex}.demo-stage .demo-focus-target{display:inline-flex;position:relative}.demo-stage .demo-focus-target.is-focus-preview button{color:#fff;border-color:var(--demo-blue-bright)}.demo-stage .demo-focus-outline{pointer-events:none;border:2px solid var(--demo-blue);border-radius:9px;position:absolute;inset:-4px;box-shadow:0 0 0 2px #171719}.demo-stage .demo-progress-ring-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.demo-stage .demo-progress-ring{place-items:center;width:112px;height:112px;display:grid;position:relative}.demo-stage .demo-progress-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.demo-stage .demo-progress-ring circle{fill:none;stroke:var(--demo-line-strong);stroke-width:4px}.demo-stage .demo-progress-ring circle:last-child{stroke:var(--demo-blue);stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset var(--demo-motion-normal) ease}.demo-stage .demo-progress-ring output{color:#fff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.demo-stage .demo-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02060db8;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.demo-stage .demo-scrim-layer{z-index:20;background:#02060db8;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.demo-stage .demo-scrim-card{border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:10px;flex-direction:column;gap:10px;width:min(100%,310px);padding:18px;display:flex;box-shadow:0 5px 18px #00000061}.demo-stage .demo-scrim-card>button{align-self:flex-end}.demo-stage .demo-dialog{border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:10px;flex-direction:column;gap:14px;width:min(100%,360px);padding:20px;display:flex;box-shadow:0 5px 18px #00000061}.demo-stage .demo-dialog>strong{font-size:17px}.demo-stage .demo-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.demo-stage .demo-dialog.is-alert{text-align:center;align-items:center}.demo-stage .demo-dialog.is-alert .demo-dialog-actions{justify-content:center;width:100%}.demo-stage .demo-warning{width:42px;height:42px;color:var(--demo-amber);background:#ffbf6921;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.demo-stage .demo-popover,.demo-stage .demo-hover-card{z-index:8;border:1px solid var(--demo-line-strong);background:var(--demo-panel-strong);border-radius:9px;width:240px;padding:15px;position:absolute;top:calc(50% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000057}.demo-stage .demo-popover p{color:var(--demo-muted);margin:6px 0 12px}.demo-stage .demo-popover button{min-height:44px}.demo-stage .demo-overlay-scene.demo-popup-wrap{justify-content:center}.demo-stage .demo-overlay-scene.demo-popup-wrap>.demo-popover{width:min(100%,240px);position:relative;top:auto;left:auto;transform:none}.demo-stage .demo-hover-region{justify-content:center;align-items:center;display:inline-flex;position:relative}.demo-stage .demo-hover-region>.demo-tooltip,.demo-stage .demo-hover-region>.demo-hover-card{top:calc(100% - 1px)}.demo-stage .demo-tooltip{z-index:8;color:#fff;white-space:nowrap;background:#313135;border-radius:7px;padding:7px 10px;font-size:13px;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0000004d}.demo-stage .demo-tooltip-arrow{background:#313135;width:8px;height:8px;position:absolute;top:-4px;left:calc(50% - 4px);transform:rotate(45deg)}.demo-stage .demo-text-link{min-height:44px;color:var(--demo-blue-bright);text-underline-offset:4px;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.demo-stage .demo-hover-card{grid-template-columns:42px 1fr;align-items:center;gap:10px;display:grid;top:calc(50% + 8px)}.demo-stage .demo-hover-card>span:last-child{flex-direction:column;display:flex}.demo-stage .demo-side-sheet-layer{z-index:12;background:#02060d94;justify-content:flex-end;display:flex;position:absolute;inset:0}.demo-stage .demo-side-sheet{border-left:1px solid var(--demo-line-strong);background:var(--demo-panel);width:min(78%,320px);height:100%;animation:demo-side-sheet-enter var(--demo-motion-normal) ease-out;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;box-shadow:-4px 0 14px #00000052}.demo-stage .demo-side-sheet>div{justify-content:space-between;align-items:center;display:flex}.demo-stage .demo-side-sheet>div button{background:0 0;border:0;padding:0}.demo-stage .demo-side-sheet>.demo-primary{margin-top:auto}.demo-stage .demo-accordion,.demo-stage .demo-disclosure{border:1px solid var(--demo-line);border-radius:10px;width:min(100%,500px);overflow:hidden}.demo-stage .demo-accordion>div+div{border-top:1px solid var(--demo-line)}.demo-stage .demo-accordion h3{margin:0}.demo-stage .demo-accordion h3>button,.demo-stage .demo-disclosure>button{text-align:left;background:#ffffff06;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:0 15px;display:flex}.demo-stage .demo-accordion-panel,.demo-stage .demo-disclosure>div{color:var(--demo-muted);border-top:1px solid var(--demo-line);padding:14px 15px}.demo-stage .demo-accordion-panel{animation:demo-accordion-reveal var(--demo-motion-fast) ease-out}.demo-stage--card .demo-accordion-panel{padding-block:6px}.demo-stage .demo-disclosure .demo-chevron{transition:transform var(--demo-motion-fast) ease;margin-right:9px;display:inline-block}.demo-stage .demo-disclosure .demo-chevron.is-open{transform:rotate(90deg)}.demo-stage .demo-disclosure>button{justify-content:flex-start}.demo-stage .demo-disclosure>div{flex-direction:column;gap:10px;display:flex}.demo-stage .demo-photo-thumb{border:1px solid var(--demo-line-strong);background:#2a2a2d;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:min(100%,270px);height:140px;padding:15px;display:flex}.demo-stage .demo-photo-thumb span{font-size:26px;font-weight:900}.demo-stage .demo-lightbox{z-index:20;background:#02060ce6;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:18px;display:grid;position:absolute;inset:0}.demo-stage .demo-lightbox-close{padding:0;font-size:22px;position:absolute;top:10px;right:10px}.demo-stage .demo-lightbox-nav{background:#232428eb;border-radius:50%;padding:0;font-size:24px}.demo-stage .demo-lightbox figure{width:min(100%,440px);margin:0}.demo-stage .demo-lightbox figure>div{aspect-ratio:16/10;background:#2f3034;border-radius:10px;align-items:flex-end;padding:22px;display:flex}.demo-stage .demo-lightbox figure>div span{font-size:34px;font-weight:900}.demo-stage .demo-lightbox figcaption{justify-content:space-between;gap:10px;padding-top:8px;display:flex}.demo-stage .demo-lightbox figcaption>span{color:var(--demo-muted);font-variant-numeric:tabular-nums}.demo-stage .demo-content-card{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;grid-template-columns:105px 1fr;width:min(100%,460px);display:grid;position:relative;overflow:hidden}.demo-stage .demo-card-art{background:#303136;place-items:center;min-height:140px;display:grid}.demo-stage .demo-card-art span{font-size:25px;font-weight:900}.demo-stage .demo-content-card>div:nth-child(2){flex-direction:column;gap:5px;padding:18px;display:flex}.demo-stage .demo-content-card p{color:var(--demo-muted);font-size:13px}.demo-stage .demo-content-card>button{background:#232428eb;border:0;padding:0;font-size:19px;position:absolute;top:7px;right:7px}.demo-stage .demo-list{flex-direction:column;gap:6px;width:min(100%,460px);margin:0;padding:0;list-style:none;display:flex}.demo-stage .demo-list>li>button{text-align:left;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;width:100%;padding:9px;display:grid}.demo-stage .demo-list>li>button>span:nth-child(2){flex-direction:column;display:flex}.demo-stage .demo-list>li>button.is-active{border-color:var(--demo-blue);background:#0a6cff1f}.demo-stage .demo-avatar-large{color:#fff;background:#35373d;border:0;border-radius:50%;width:76px;height:76px;padding:0;font-size:22px;font-weight:800;position:relative}.demo-stage .demo-avatar-status{background:var(--demo-green);border:3px solid #171719;border-radius:50%;width:17px;height:17px;position:absolute;bottom:4px;right:3px}.demo-stage .demo-avatar-large.is-away>.demo-avatar-status{background:var(--demo-amber)}.demo-stage .demo-avatar-initials{position:static}.demo-stage .demo-chip{border-radius:99px;align-items:center;gap:7px;min-height:44px;padding:0 15px;display:inline-flex}.demo-stage .demo-chip-icon{color:var(--demo-green);font-size:9px}.demo-stage .demo-chip-label{color:inherit;font-size:inherit}.demo-stage .demo-chip.is-active{border-color:var(--demo-blue);background:#0a6cff29}.demo-stage .demo-carousel{width:min(100%,470px);height:180px;position:relative}.demo-stage .demo-slide{border:1px solid var(--demo-line);background:#2e2f33;border-radius:10px;flex-direction:column;justify-content:flex-end;height:128px;padding:22px 55px;display:flex}.demo-stage .demo-slide strong{font-size:25px}.demo-stage .tone-1{background:#323236}.demo-stage .tone-2{background:#292f2d}.demo-stage .demo-carousel>button{background:#040a128c;border-radius:50%;padding:0;position:absolute;top:42px}.demo-stage .demo-carousel>button:first-of-type{left:7px}.demo-stage .demo-carousel>button:nth-of-type(2){right:7px}.demo-stage .demo-dots{justify-content:center;gap:4px;padding-top:8px;display:flex}.demo-stage .demo-dots button{background:0 0;border:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.demo-stage .demo-dots button:after{content:"";background:#50617a;border-radius:50%;width:7px;height:7px;margin:auto;display:block}.demo-stage .demo-dots button.is-active:after{background:var(--demo-blue)}.demo-stage .demo-gallery{grid-template-columns:1fr 70px;gap:8px;width:min(100%,440px);height:180px;display:grid}.demo-stage .demo-gallery-main,.demo-stage .demo-gallery>div:nth-child(2)>button{background:#2e2f33;border-radius:9px;place-items:center;display:grid}.demo-stage .demo-gallery-main{grid-template-rows:1fr auto;margin:0;overflow:hidden}.demo-stage .demo-gallery-main>span{align-self:center;font-size:28px;font-weight:900}.demo-stage .demo-gallery-caption{width:100%;color:var(--demo-muted);text-align:center;background:#02060d94;place-self:end stretch;padding:7px 10px;font-size:12px}.demo-stage .demo-gallery>div:nth-child(2){grid-template-rows:repeat(3,1fr);gap:6px;display:grid}.demo-stage .demo-gallery>div:nth-child(2)>button{width:100%;min-height:0;padding:0}.demo-stage .demo-gallery>div:nth-child(2)>button.is-active{border-color:var(--demo-blue);box-shadow:inset 0 0 0 1px var(--demo-blue)}.demo-stage .demo-truncated{border:1px solid var(--demo-line);border-radius:10px;width:min(100%,490px);padding:18px}.demo-stage .demo-truncated p{color:#c5d3e5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-stage .demo-truncated p.is-expanded{display:block}.demo-stage .demo-truncation-cue{color:var(--demo-blue-bright);font-weight:800}.demo-stage .demo-divider-wrap{flex-direction:column;align-items:center;gap:13px;width:min(100%,450px);display:flex}.demo-stage .demo-divider-example{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;flex-direction:column;justify-content:center;width:100%;min-height:118px;padding:15px;display:flex}.demo-stage .demo-divider-example>span{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:8px 10px;display:flex}.demo-stage .demo-divider-rule{background:var(--demo-line-strong);flex:none;width:100%;height:1px}.demo-stage .demo-divider-example.is-vertical{flex-direction:row}.demo-stage .demo-divider-example.is-vertical .demo-divider-rule{width:1px;height:76px}.demo-stage .demo-table-scroll{border:1px solid var(--demo-line);border-radius:9px;width:min(100%,550px);overflow-x:auto}.demo-stage .demo-table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:420px}.demo-stage .demo-table-title{color:#d9e8fb;text-align:left;padding:10px 14px;font-weight:800}.demo-stage .demo-table-scroll th,.demo-stage .demo-table-scroll td{border-bottom:1px solid var(--demo-line);height:46px;padding:0 14px}.demo-stage .demo-table-scroll th{color:var(--demo-muted);text-transform:uppercase;font-size:12.5px}.demo-stage .demo-table-scroll th button{background:0 0;border:0;min-height:44px;padding:0}.demo-stage .demo-table-scroll tbody tr:last-child td{border-bottom:0}.demo-stage .demo-data-grid-shell{flex-direction:column;gap:8px;width:min(100%,510px);display:flex}.demo-stage .demo-data-grid-title{font-size:14px}.demo-stage .demo-data-grid{border:1px solid var(--demo-line);border-radius:9px;width:100%;overflow:hidden}.demo-stage .demo-data-grid-row{grid-template-columns:1.3fr .7fr 1fr;display:grid}.demo-stage .demo-data-grid-row>*{border:0;border-right:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);background:0 0;border-radius:0;min-height:46px;padding:0 12px}.demo-stage .demo-data-grid-row>:last-child{border-right:0}.demo-stage .demo-data-grid-row:last-child>*{border-bottom:0}.demo-stage .demo-data-grid .is-heading{color:var(--demo-muted);background:#2a2a2d;align-items:center;font-size:12.5px;font-weight:700;display:flex}.demo-stage .demo-data-grid button{text-align:left}.demo-stage .demo-data-grid button.is-active{box-shadow:inset 0 0 0 1px var(--demo-blue);background:#0a6cff2b}.demo-stage .demo-tree{border:1px solid var(--demo-line);border-radius:9px;flex-direction:column;width:min(100%,360px);padding:10px;display:flex}.demo-stage .demo-tree button{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:8px;display:flex}.demo-stage .demo-tree [role=group]{flex-direction:column;padding-left:28px;display:flex}.demo-stage .demo-tree button.is-active{color:var(--demo-blue-bright);background:#0a6cff1a}.demo-stage .demo-timeline{flex-direction:column;width:min(100%,460px);display:flex}.demo-stage .demo-timeline button{text-align:left;background:0 0;border:0;grid-template-columns:38px 1fr;gap:12px;padding:7px 10px;display:grid;position:relative}.demo-stage .demo-timeline-connector{background:var(--demo-line);width:2px;position:absolute;top:38px;bottom:-7px;left:28px}.demo-stage .demo-timeline-marker{border:1px solid var(--demo-line);background:var(--demo-bg);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.demo-stage .demo-timeline-content{flex-direction:column;display:flex}.demo-stage .demo-timeline button.is-active>.demo-timeline-marker{color:#fff;border-color:var(--demo-blue);background:var(--demo-blue)}.demo-stage .demo-timeline button.is-active>.demo-timeline-connector{background:var(--demo-blue)}.demo-stage .demo-calendar{width:min(100%,420px)}.demo-stage .demo-calendar>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.demo-stage .demo-calendar>div:first-child button{background:0 0;border:0;padding:0}.demo-stage .demo-calendar-grid{gap:3px;display:grid;overflow-x:auto}.demo-stage .demo-calendar-row{grid-template-columns:repeat(7,minmax(44px,1fr));gap:3px;min-width:326px;display:grid}.demo-stage .demo-calendar-grid button{background:0 0;border-color:#0000;min-width:44px;padding:0}.demo-stage .demo-calendar-grid button.is-active{color:#fff;background:var(--demo-blue)}.demo-stage .demo-calendar-grid button.has-event{position:relative}.demo-stage .demo-calendar-event-dot{background:var(--demo-blue-bright);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;right:50%;transform:translate(50%)}.demo-stage .demo-calendar-grid button.is-active .demo-calendar-event-dot{background:#fff}.demo-stage .demo-calendar .demo-status{justify-content:center;margin-top:6px;display:flex}.demo-stage .demo-chart{flex-direction:column;width:min(100%,480px);height:190px;display:flex}.demo-stage .demo-chart-heading{justify-content:space-between;display:flex}.demo-stage .demo-chart-heading>span{flex-direction:column;display:flex}.demo-stage .demo-bars{border-bottom:1px solid var(--demo-line);flex:1;justify-content:center;align-items:flex-end;gap:18px;padding:20px 20px 0;display:flex}.demo-stage .demo-bars button{background:#0a6cff57;border:0;border-radius:8px 8px 0 0;width:54px;min-width:44px;min-height:44px;padding:0;position:relative}.demo-stage .demo-bars button.is-active{background:var(--demo-blue)}.demo-stage .demo-bars button span{color:var(--demo-muted);font-size:12.5px;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.demo-stage .demo-sortable{flex-direction:column;gap:6px;width:min(100%,440px);display:flex}.demo-stage .demo-sortable>small{margin-bottom:3px}.demo-stage .demo-sortable>div{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;min-height:50px;padding:4px 5px 4px 13px;display:grid}.demo-stage .demo-sortable>div.is-active{border-color:var(--demo-blue)}.demo-stage .demo-sortable>div>span:first-child{color:var(--demo-muted);cursor:grab;font-size:18px}.demo-stage .demo-sortable>div>span:last-child{gap:3px;display:flex}.demo-stage .demo-sortable button{width:44px;padding:0}.demo-stage .demo-feed{flex-direction:column;gap:10px;width:min(100%,430px);max-height:270px;display:flex}.demo-stage .demo-feed>div{overscroll-behavior:contain;max-height:92px;overflow-y:auto}.demo-stage--detail .demo-feed>div{max-height:160px}.demo-stage .demo-feed article{border-bottom:1px solid var(--demo-line);grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:7px 0;display:grid}.demo-stage .demo-feed article>span:last-child{flex-direction:column;display:flex}.demo-stage .demo-feed>button{align-self:center}.demo-stage .demo-lazy{flex-direction:column;align-items:center;gap:12px;width:min(100%,430px);display:flex}.demo-stage .demo-lazy-slot{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:10px;flex-direction:column;justify-content:flex-end;gap:5px;width:100%;height:120px;padding:18px;display:flex;overflow:hidden}.demo-stage .demo-lazy-slot i{background:var(--demo-line);border-radius:8px;width:70%;height:9px}.demo-stage .demo-lazy-slot i:nth-child(2){width:48%}.demo-stage .demo-lazy-slot.is-loaded{background:#2e2f33}.demo-stage .demo-lazy-slot.is-loaded .demo-lazy-content{font-size:25px;font-weight:900}.demo-stage .demo-motion-control{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.demo-stage .demo-marquee{border-top:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);background:#ffffff06;width:100%;padding:13px 0;overflow:hidden}.demo-stage .demo-marquee>div{width:max-content;animation:demo-marquee var(--demo-marquee-duration) linear infinite;display:flex}.demo-stage .demo-marquee.is-paused>div{animation-play-state:paused}.demo-stage .demo-marquee span{white-space:nowrap;padding:0 14px}.demo-stage .demo-marquee i{color:var(--demo-blue);margin-left:25px;font-size:8px}.demo-stage .demo-parallax{flex-direction:column;align-items:center;gap:8px;width:min(100%,500px);display:flex}.demo-stage .demo-parallax-scroll{overscroll-behavior:contain;border:1px solid var(--demo-line);background:#242529;border-radius:10px;width:100%;height:145px;position:relative;overflow-y:auto}.demo-stage .demo-parallax-scene{z-index:1;background:linear-gradient(#242529 72%,#242529c7);flex-direction:column;justify-content:center;align-items:center;height:145px;display:flex;position:sticky;top:0;overflow:hidden}.demo-stage .demo-parallax strong{z-index:2;font-size:23px}.demo-stage .demo-parallax small{z-index:2}.demo-stage .demo-parallax .demo-orb,.demo-stage .demo-parallax strong{will-change:transform}.demo-stage .demo-orb{filter:blur(1px);border-radius:50%;position:absolute}.demo-stage .orb-one{background:#0a6cff66;width:58px;height:58px;top:18px;left:18%}.demo-stage .orb-two{background:#ffffff14;width:92px;height:92px;bottom:12px;right:12%}.demo-stage .demo-parallax-space{height:230px;color:var(--demo-muted);letter-spacing:.14em;justify-content:center;align-items:flex-end;padding-bottom:16px;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.demo-stage .demo-snap{width:min(100%,500px)}.demo-stage .demo-snap>div:first-child{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;grid-auto-columns:minmax(75%,240px);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.demo-stage .demo-snap>div:first-child>button{scroll-snap-align:center;border-color:var(--demo-line);background:#2e2f33;flex-direction:column;justify-content:space-between;align-items:flex-start;height:120px;padding:14px;display:flex}.demo-stage .demo-snap>div:first-child>button.is-active{border-color:var(--demo-blue-bright);box-shadow:inset 0 0 0 1px var(--demo-blue)}.demo-stage .demo-snap>div:first-child>button span{color:var(--demo-muted);font-size:12.5px}.demo-stage .demo-snap .demo-dots button{height:44px;min-height:44px}.demo-stage .demo-panzoom{flex-direction:column;gap:10px;width:min(100%,500px);display:flex}.demo-stage .demo-panzoom>div:first-child{border:1px solid var(--demo-line);background-image:radial-gradient(circle,#ffffff1c 1px,#0000 1px);background-size:15px 15px;border-radius:10px;place-items:center;height:130px;display:grid;overflow:hidden}.demo-stage .demo-panzoom>div:first-child span{color:#fff;width:75px;height:75px;transition:transform var(--demo-motion-normal) ease;background:#303136;border-radius:10px;place-items:center;font-size:22px;font-weight:900;display:grid}.demo-stage .demo-panzoom>div:last-child{justify-content:center;align-items:center;gap:3px;display:flex}.demo-stage .demo-panzoom>div:last-child button{padding:0}.demo-stage .demo-panzoom output{text-align:center;min-width:54px;color:var(--demo-muted)}.demo-stage .demo-before-after{border:1px solid var(--demo-line-strong);background:#303632;border-radius:10px;width:min(100%,500px);height:185px;position:relative;overflow:hidden}.demo-stage .demo-before-after .demo-after,.demo-stage .demo-before-after .demo-before{background:#343a36;align-items:flex-end;padding:15px;display:flex;position:absolute;inset:0}.demo-stage .demo-before-after .demo-before{z-index:1;background:#303136;padding:0;right:auto;overflow:hidden}.demo-stage .demo-before-after .demo-before span{min-width:90px;padding:0 0 15px 15px}.demo-stage .demo-before-after .demo-compare-control{z-index:4;position:absolute;inset:0}.demo-stage .demo-before-after .demo-compare-control input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0}.demo-stage .demo-before-after .demo-compare-line{z-index:2;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.demo-stage .demo-before-after .demo-compare-handle{z-index:3;background:#242529;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.demo-stage .demo-before-after:has(input:focus-visible) .demo-compare-handle{box-shadow:0 0 0 2px #171719, 0 0 0 4px var(--demo-blue)}.demo-stage .demo-before-after output{z-index:4;background:#040a128c;border-radius:7px;padding:3px 7px;font-size:12.5px;position:absolute;top:8px;right:9px}.demo-stage .demo-table-scroll,.demo-stage .demo-calendar-grid,.demo-stage .demo-anchor-content,.demo-stage .demo-parallax-scroll,.demo-stage .demo-feed>div,.demo-stage .demo-snap>div:first-child{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}.demo-stage .demo-table-scroll::-webkit-scrollbar{width:8px;height:8px}.demo-stage .demo-calendar-grid::-webkit-scrollbar{width:8px;height:8px}.demo-stage .demo-anchor-content::-webkit-scrollbar{width:8px;height:8px}.demo-stage .demo-parallax-scroll::-webkit-scrollbar{width:8px;height:8px}.demo-stage .demo-feed>div::-webkit-scrollbar{width:8px;height:8px}.demo-stage .demo-snap>div:first-child::-webkit-scrollbar{width:8px;height:8px}.demo-stage .demo-table-scroll::-webkit-scrollbar-track{background:0 0}.demo-stage .demo-calendar-grid::-webkit-scrollbar-track{background:0 0}.demo-stage .demo-anchor-content::-webkit-scrollbar-track{background:0 0}.demo-stage .demo-parallax-scroll::-webkit-scrollbar-track{background:0 0}.demo-stage .demo-feed>div::-webkit-scrollbar-track{background:0 0}.demo-stage .demo-snap>div:first-child::-webkit-scrollbar-track{background:0 0}.demo-stage .demo-table-scroll::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.demo-stage .demo-calendar-grid::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.demo-stage .demo-anchor-content::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.demo-stage .demo-parallax-scroll::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.demo-stage .demo-feed>div::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.demo-stage .demo-snap>div:first-child::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.demo-stage .demo-table-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff57 padding-box padding-box}.demo-stage .demo-calendar-grid::-webkit-scrollbar-thumb:hover{background:#ffffff57 padding-box padding-box}.demo-stage .demo-anchor-content::-webkit-scrollbar-thumb:hover{background:#ffffff57 padding-box padding-box}.demo-stage .demo-parallax-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff57 padding-box padding-box}.demo-stage .demo-feed>div::-webkit-scrollbar-thumb:hover{background:#ffffff57 padding-box padding-box}.demo-stage .demo-snap>div:first-child::-webkit-scrollbar-thumb:hover{background:#ffffff57 padding-box padding-box}.demo-stage .demo-unavailable{color:var(--demo-muted)}.demo-stage small{line-height:1.45;font-size:12.5px!important}.demo-stage--detail small,.demo-stage--detail .demo-status{font-size:13px!important}.demo-stage--card .demo-status{color:#a7a7ac;text-overflow:ellipsis;opacity:.74;max-width:100%;font-size:12.5px;overflow:hidden}.demo-stage--card .demo-menu{padding-block:0;top:58px}.demo-stage--card .demo-context-wrap{transform:translateY(-4px)}.demo-stage--card .demo-context-wrap .demo-menu{top:78px}.demo-stage--card .demo-command-dialog{gap:4px;padding:8px}.demo-stage--card .demo-combobox{transform:translateY(-38px)}@container (width<=360px){.demo-stage--card .demo-canvas{padding:14px}.demo-stage--card .demo-navbar>strong{margin-right:3px;font-size:0}.demo-stage--card .demo-navbar>strong .demo-logo-dot{display:block}.demo-stage--card .demo-navbar .demo-nav-list button,.demo-stage--card .demo-bottom-nav .demo-nav-list button{padding-inline:7px}.demo-stage .demo-navbar .demo-nav-list button{font-size:0}.demo-stage .demo-navbar .demo-nav-list button .demo-icon{font-size:13px}.demo-stage .demo-navbar .demo-nav-list button:nth-child(n+3),.demo-stage .demo-navbar .demo-status{display:none}.demo-stage .demo-bottom-nav .demo-nav-list button{flex:1;min-width:0}.demo-stage .demo-color-picker{flex-wrap:wrap;justify-content:center;gap:10px 12px;width:100%;padding-inline:10px}.demo-stage .demo-color-presets{flex-basis:100%;justify-content:center}.demo-stage--card .demo-sidebar-layout{grid-template-columns:124px 1fr}.demo-stage--card .demo-sidebar-layout .demo-page-placeholder{padding:16px 12px}.demo-stage--card .demo-anchor-layout{grid-template-columns:104px 1fr}.demo-stage--card .demo-content-card{grid-template-columns:88px 1fr}.demo-stage--card .demo-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-shimmer{to{background-position:-240% 0}}@keyframes demo-pulse{to{opacity:.62}}@keyframes demo-accordion-reveal{0%{opacity:0;transform:translateY(-4px)}}@keyframes demo-drawer-enter{0%{transform:translate(-100%)}}@keyframes demo-side-sheet-enter{0%{transform:translate(100%)}}@keyframes demo-marquee{to{transform:translate(-50%)}}@media (width<=560px){.demo-stage .demo-canvas{padding:16px}.demo-stage--detail .demo-canvas{padding:24px 16px}.demo-stage .demo-navbar>strong{margin-right:4px;font-size:0}.demo-stage .demo-navbar>strong .demo-logo-dot{display:block}.demo-stage .demo-navbar .demo-status{display:none}.demo-stage .demo-nav-list button{padding:0 8px}.demo-stage .demo-sidebar-layout{grid-template-columns:130px 1fr}.demo-stage .demo-sidebar-layout .demo-page-placeholder{padding:18px 14px}.demo-stage .demo-anchor-layout{grid-template-columns:110px 1fr}.demo-stage .demo-stepper li button{font-size:12.5px}.demo-stage .demo-radio{flex-wrap:wrap}.demo-stage .demo-content-card{grid-template-columns:90px 1fr}}@media (prefers-reduced-motion:reduce){.demo-stage *,.demo-stage :before,.demo-stage :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.demo-stage .demo-marquee>div{transform:none}.demo-stage .demo-parallax .demo-orb,.demo-stage .demo-parallax strong{transform:none!important}}