.demo-wrapper[data-astro-cid-nqmb3q7x]{top:var(--nav-height);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.demo-container[data-astro-cid-nqmb3q7x]{width:100%;max-width:80rem;margin:0 auto;padding:2rem 1rem}@media (width>=640px){.demo-container[data-astro-cid-nqmb3q7x]{padding:2rem}}.demo-header[data-astro-cid-nqmb3q7x]{text-align:center;margin-bottom:3rem}.demo-header[data-astro-cid-nqmb3q7x] h1[data-astro-cid-nqmb3q7x]{color:var(--color-slate-900);margin:0 0 .75rem;font-size:2rem;font-weight:700}[data-theme=dark] .demo-header[data-astro-cid-nqmb3q7x] h1[data-astro-cid-nqmb3q7x]{color:var(--color-slate-100)}.demo-subtitle[data-astro-cid-nqmb3q7x]{color:var(--color-slate-600);max-width:40rem;margin:0 auto;font-size:1rem}[data-theme=dark] .demo-subtitle[data-astro-cid-nqmb3q7x]{color:var(--color-slate-400)}.variant-section[data-astro-cid-nqmb3q7x]{border-bottom:1px solid var(--color-slate-200);margin-bottom:3rem;padding-bottom:3rem}[data-theme=dark] .variant-section[data-astro-cid-nqmb3q7x]{border-bottom-color:var(--color-slate-700)}.variant-section[data-astro-cid-nqmb3q7x]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.variant-header[data-astro-cid-nqmb3q7x]{margin-bottom:1.5rem}.variant-title[data-astro-cid-nqmb3q7x]{color:var(--color-slate-800);text-transform:capitalize;margin:0 0 .375rem;font-size:1.25rem;font-weight:600}[data-theme=dark] .variant-title[data-astro-cid-nqmb3q7x]{color:var(--color-slate-200)}.variant-desc[data-astro-cid-nqmb3q7x]{color:var(--color-slate-500);margin:0;font-size:.875rem}[data-theme=dark] .variant-desc[data-astro-cid-nqmb3q7x]{color:var(--color-slate-400)}.aside-grid[data-astro-cid-nqmb3q7x]{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.aside-grid[data-astro-cid-nqmb3q7x]{grid-template-columns:repeat(2,1fr)}}.aside-grid[data-astro-cid-nqmb3q7x] .aside{margin:0}.playground-section[data-astro-cid-nqmb3q7x]{border-bottom:1px solid var(--color-slate-200);margin-bottom:3rem;padding-bottom:3rem}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x]{border-bottom-color:var(--color-slate-700)}.variants-header[data-astro-cid-nqmb3q7x]{margin-bottom:2rem}.variants-header[data-astro-cid-nqmb3q7x] h2[data-astro-cid-nqmb3q7x]{color:var(--color-slate-800);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}[data-theme=dark] .variants-header[data-astro-cid-nqmb3q7x] h2[data-astro-cid-nqmb3q7x]{color:var(--color-slate-200)}.variants-header[data-astro-cid-nqmb3q7x] p[data-astro-cid-nqmb3q7x]{color:var(--color-slate-500);margin:0;font-size:.875rem}[data-theme=dark] .variants-header[data-astro-cid-nqmb3q7x] p[data-astro-cid-nqmb3q7x]{color:var(--color-slate-400)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside,.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-note{--aside-color:var(--color-mv-blue);--aside-bg:var(--color-mv-blue-light)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-tip{--aside-color:var(--color-mv-green);--aside-bg:var(--color-mv-green-light)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-caution{--aside-color:var(--color-mv-yellow);--aside-bg:var(--color-mv-yellow-light)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-danger{--aside-color:var(--color-mv-red);--aside-bg:var(--color-mv-red-light)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-title{color:var(--aside-color);align-items:center;gap:.5rem;margin:0 0 .5rem;font-weight:600;display:flex}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-title{color:color-mix(in oklch, var(--aside-color), white 30%)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-content{color:var(--color-slate-700)}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-content{color:var(--color-slate-300)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-content p{margin:0}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-inline{color:var(--aside-color)}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-inline{color:color-mix(in oklch, var(--aside-color), white 30%)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-soft{background:color-mix(in oklch, var(--aside-color), white 70%);color:var(--aside-color);border-radius:.375rem;padding:.25rem}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-soft{background:color-mix(in oklch, var(--aside-color), transparent 70%);color:color-mix(in oklch, var(--aside-color), white 30%)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-solid{background:var(--aside-color);color:#fff;border-radius:.5rem;padding:.25rem;box-shadow:0 1px 2px #00000014}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-solid{background:color-mix(in oklch, var(--aside-color), white 10%);box-shadow:0 1px 3px #0003}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-sm svg{width:16px;height:16px}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-md svg{width:20px;height:20px}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-icon-lg svg{width:24px;height:24px}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-classic{border-left:4px solid var(--aside-color);background:var(--aside-bg);border-radius:0 .5rem .5rem 0;padding:1rem 1.25rem}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-classic{--aside-bg:color-mix(in oklch, var(--aside-color), transparent 85%)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-refined{border-left:5px solid var(--aside-color);background:linear-gradient(to right, var(--aside-bg), color-mix(in oklch, var(--aside-bg), white 60%) 100%);border-radius:0 .5rem .5rem 0;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-refined{--aside-bg:color-mix(in oklch, var(--aside-color), transparent 85%);background:linear-gradient(to right, var(--aside-bg), color-mix(in oklch, var(--aside-bg), transparent 40%) 100%);border-left-color:color-mix(in oklch, var(--aside-color), white 15%);box-shadow:0 1px 3px #00000026}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-card{border:1px solid color-mix(in oklch, var(--aside-color), white 70%);background:color-mix(in oklch, var(--aside-color), white 92%);border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d,inset 0 1px #ffffff80}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-card{background:color-mix(in oklch, var(--aside-color), transparent 88%);border-color:color-mix(in oklch, var(--aside-color), transparent 65%);box-shadow:0 2px 4px #0003, inset 0 1px 0 color-mix(in oklch, var(--aside-color), transparent 80%)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-minimal{border-top:2px solid var(--aside-color);background:color-mix(in oklch, var(--aside-color), white 96%);box-shadow:none;border-radius:0;padding:1rem 0 1rem 1rem}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-minimal .aside-title{letter-spacing:.025em;text-transform:uppercase;font-size:.8125rem}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-minimal .aside-icon{opacity:.85}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-minimal{background:color-mix(in oklch, var(--aside-color), transparent 94%);border-top-color:color-mix(in oklch, var(--aside-color), white 20%)}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-minimal .aside-content{color:var(--color-slate-400)}.playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-hybrid{border-left:5px solid var(--aside-color);background:linear-gradient(to right, var(--aside-bg), color-mix(in oklch, var(--aside-bg), white 60%) 100%);border-radius:0 .5rem .5rem 0;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .playground-section[data-astro-cid-nqmb3q7x] .aside-preview .aside-hybrid{--aside-bg:color-mix(in oklch, var(--aside-color), transparent 85%);background:linear-gradient(to right, var(--aside-bg), color-mix(in oklch, var(--aside-bg), transparent 40%) 100%);border-left-color:color-mix(in oklch, var(--aside-color), white 15%);box-shadow:0 1px 3px #00000026}