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