.demo-dock{bottom:calc(20px + var(--dock-lift, 0px));right:20px}.demo-dock-panel{border:1px solid var(--color-border-subtle);color:inherit;inset:auto 20px calc(84px + var(--dock-lift, 0px)) auto;margin:0;max-height:calc(100dvh - 104px - var(--dock-lift, 0px));padding:0;position:fixed;width:260px}.demo-dock-when-open{display:none}.demo-dock-panel:popover-open~button .demo-dock-when-open{display:inline}.demo-dock-panel:popover-open~button .demo-dock-when-closed{display:none}.demo-theme-option[aria-current=page],.demo-theme-option[aria-pressed=true]{background-color:var(--color-bg-raised);box-shadow:0 1px 2px #0000001f;color:var(--ink-primary-1,var(--color-primary-1))}:root:has(main [style*="--shell-bottom"]){--dock-lift:84px}@media (max-width:992px){:root:has(.sticky.bottom-0){--dock-lift:84px}}:root[data-embedded] .demo-dock{display:none}@media (max-width:768px){.demo-dock{bottom:calc(16px + var(--dock-lift, 0px));right:16px}.demo-dock-panel{inset:auto 16px calc(80px + var(--dock-lift, 0px)) auto;max-height:calc(100dvh - 96px - var(--dock-lift, 0px))}:root:has(.sticky.bottom-0),:root:has(main [style*="--shell-bottom"]){--dock-lift:80px}:root:has(.shell-rail-body){--dock-lift:72px}:root:has(.shell-rail-body):has(main [style*="--shell-bottom"]){--dock-lift:152px}:root:has(:focus-within>.sheet-sm) .demo-dock{display:none}}.demos-list{margin:0}.demos-kind,.demos-tile{background:color-mix(in srgb,var(--demo-ink) 14%,var(--color-bg-raised));color:var(--demo-ink)}.demos-chevron{visibility:hidden}.demos-item:focus-within .demos-row,.demos-item:hover .demos-row,.demos-list:not(:has(.demos-item:hover,.demos-item:focus-within)) .demos-item-first .demos-row{background:color-mix(in srgb,var(--demo-ink) 10%,var(--color-bg-raised))}.demos-item:focus-within .demos-chevron,.demos-item:hover .demos-chevron,.demos-list:not(:has(.demos-item:hover,.demos-item:focus-within)) .demos-item-first .demos-chevron{visibility:visible}.demos-panel{display:none}.demos-item:focus-within .demos-panel,.demos-item:hover .demos-panel,.demos-list:not(:has(.demos-item:hover,.demos-item:focus-within)) .demos-item-first .demos-panel{display:block}.demos-preview{background:color-mix(in srgb,var(--demo-ink) 12%,var(--color-bg-surface))}.demos-dot{background:var(--color-border-subtle)}.demos-open{background:light-dark(var(--demo-brand),var(--demo-brand-dark));color:light-dark(#fff,var(--color-on-primary))}.demos-open:hover{filter:brightness(1.08)}[data-demos] section[id]{scroll-margin-top:88px}.demos-theme-bar{bottom:16px;left:50%;transform:translateX(-50%)}[data-view-root].hide-classes [data-view=classes],[data-view-root].hide-code [data-view=code],[data-view-root].hide-desc [data-view=desc],[data-view-root].hide-example [data-view=example],[data-view-root].hide-example.hide-code .docs-example-box{display:none}.docs-view-bar{bottom:16px;left:50%;max-width:calc(100% - 96px);transform:translateX(-50%)}@media (max-width:768px){.demos-theme-bar,.docs-view-bar{flex-wrap:nowrap;gap:4px;height:56px;left:16px;max-width:none;right:84px;transform:none}.demos-theme-bar>button,.docs-view-bar>button{align-self:stretch;flex:1 1 auto;justify-content:center;padding-left:6px;padding-right:6px}}.docs-view-bar .docs-view-button[aria-pressed=false]{background-color:initial;border-color:var(--color-border-subtle);color:var(--color-text-muted);text-decoration:line-through}.docs-view-divider{background-color:var(--color-border-subtle)}[data-view-root] main [id]{scroll-margin-top:calc(var(--demo-header) + 24px)}.playground-play-ring{border:8px solid var(--color-primary-dark-1)}.playground-play-triangle{border-bottom:10px solid #0000;border-left:16px solid var(--color-black);border-top:10px solid #0000}:root{--demo-header:64px}.playground-pull-up{margin-top:-72px}.nojs-drawer{inset:0 auto 0 0;width:280px}.nojs-dialog::backdrop,.nojs-drawer::backdrop{background:#00000059}.nojs-menu{position-anchor:--nojs-menu;inset:auto;left:anchor(left);margin:4px 0 0;top:anchor(bottom);width:200px}.nojs-dialog{max-width:calc(100vw - 32px);width:420px}.nojs-details summary{list-style-position:inside}.playground-timeline-node-ring{box-shadow:0 0 0 2px var(--color-blue-1)}.playground-timeline-connector{background:repeating-linear-gradient(to bottom,var(--color-border-subtle),var(--color-border-subtle) 4px,#0000 4px,#0000 8px)}.playground-earnings-ring{background:conic-gradient(var(--color-green-1) 0 20%,var(--color-blue-1) 20% 30%,var(--color-light-3) 30% 100%)}.theme-builder-frame{border:0}[data-demo-panel]{--demo-accent:var(--color-primary-1);--demo-accent-dark:var(--color-primary-dark-1);--demo-accent-light:var(--color-primary-light-1)}[data-demo-panel][data-demo-color=teal]{--demo-accent:var(--color-cyan-1);--demo-accent-dark:var(--color-cyan-dark-2);--demo-accent-light:var(--color-cyan-light-1)}[data-demo-panel][data-demo-color=amber]{--demo-accent:var(--color-amber-1);--demo-accent-dark:var(--color-amber-dark-1);--demo-accent-light:var(--color-amber-light-1)}[data-demo-panel] .demo-accent-text{color:light-dark(var(--demo-accent-dark),color-mix(in srgb,var(--demo-accent-dark) 40%,#fff))}[data-demo-panel] .demo-accent-light-bg{background-color:light-dark(var(--demo-accent-light),color-mix(in srgb,var(--demo-accent-dark) 30%,var(--color-bg-raised)))}[data-demo-panel][data-demo-font=serif]{--font-family-heading:"Merriweather",serif}[data-demo-panel] [data-demo-toggle],[data-demo-panel] [data-theme-set]{background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}[data-demo-panel] [data-demo-toggle]:hover,[data-demo-panel] [data-theme-set]:hover{border-color:var(--color-border-strong)}[data-demo-panel] .demo-accent-bg,[data-demo-panel] [data-demo-toggle].is-active,[data-demo-panel] [data-theme-set][aria-pressed=true]{background-color:light-dark(var(--demo-accent-dark),color-mix(in srgb,var(--demo-accent-dark) 40%,#fff));border-color:#0000;color:light-dark(#fff,var(--color-bg-base))}.showcase-hero{background-image:radial-gradient(ellipse 60% 70% at 85% 40%,color-mix(in srgb,var(--color-primary-1) 18%,#0000),#0000 70%)}.showcase-hero:before{background-image:radial-gradient(color-mix(in srgb,var(--color-text-muted) 14%,#0000) 1px,#0000 1px);background-size:24px 24px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse 45% 65% at 80% 50%,#000,#0000 75%);mask-image:radial-gradient(ellipse 45% 65% at 80% 50%,#000,#0000 75%);pointer-events:none;position:absolute}.showcase-app-chip{border:2px solid var(--color-bg-base);box-shadow:0 0 0 1px var(--color-border-subtle);height:34px;width:34px}.showcase-app-chip+.showcase-app-chip{margin-left:-8px}.showcase-collage{height:460px}.showcase-shot:hover{transform:translateY(-6px);z-index:4}.showcase-shot-dot{background:var(--color-border-subtle)}.showcase-shot-back{right:0;top:0;width:74%;z-index:1}.showcase-shot-middle{left:0;top:90px;width:68%;z-index:2}.showcase-shot-front{bottom:0;right:4%;width:66%;z-index:3}@media (max-width:768px){.showcase-collage{display:grid;gap:12px;grid-template-columns:1fr 1fr;height:auto}.showcase-shot-back,.showcase-shot-front,.showcase-shot-middle{inset:auto;position:relative;width:auto}.showcase-shot-front{grid-column:1/-1;order:-1}}.showcase-plus{margin-top:-2px}.preview-frame{background:#18181b;border-radius:44px;box-shadow:0 0 0 1px var(--color-border-subtle),0 24px 48px -16px #00000059;margin:0 auto;padding:10px;width:max-content}.preview-frame iframe{background:var(--color-bg-base);border:0;border-radius:34px;display:block;height:760px;width:375px}[data-device=tablet] .preview-frame{border-radius:32px;margin-bottom:-210.4px;padding:14px;transform:scale(.8);transform-origin:top center}[data-device=tablet] .preview-frame iframe{border-radius:18px;height:1024px;width:768px}[data-framed] .demo-dock{display:none}