output.svelte-o1pr3c{max-width:max(400px,100%);min-height:50px;flex-direction:column;display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--unit) * 4)}.element-nav.svelte-o1pr3c{flex-wrap:wrap!important;gap:calc(var(--unit) * 2) calc(var(--unit) * 5)!important;padding-bottom:calc(var(--unit) * 4)}.nav-group.svelte-o1pr3c{gap:calc(var(--unit) * 1)!important;flex-wrap:wrap}.nav-group-label.svelte-o1pr3c{font-size:.6em;text-transform:uppercase;letter-spacing:.14em;color:var(--foreground);font-weight:700;padding:calc(var(--unit) * 1.5) calc(var(--unit) * 1);border-left:1px solid var(--primary);padding-left:calc(var(--unit) * 3)}.nav-item.svelte-o1pr3c{cursor:pointer;font-size:.75em;font-weight:500;padding:calc(var(--unit) * 1.5) calc(var(--unit) * 2.5);border-radius:calc(var(--unit) * 1);color:var(--muted-foreground);transition:color .15s,background-color .15s;white-space:nowrap}.nav-item.svelte-o1pr3c:hover:not([active]){color:var(--foreground);background-color:oklch(from var(--foreground) l c h / .06)}.nav-item[active].svelte-o1pr3c{color:var(--primary-foreground);background-color:var(--primary)}aside.svelte-o1pr3c{--code-w: clamp(260px, 26vw, 420px);width:var(--code-w);flex-shrink:0;overflow:hidden;transition:width .3s ease,opacity .5s}.no-code.svelte-o1pr3c aside:where(.svelte-o1pr3c){width:0!important}slides.scrolling aside.svelte-o1pr3c{opacity:0;transition:width .3s ease,opacity 0ms}slides[stack]{background-attachment:local;margin:-1px}slides[stack] aside.svelte-o1pr3c{display:none}slides[stack] output.svelte-o1pr3c{justify-content:flex-start;align-self:flex-start}slides[stack] slide.svelte-o1pr3c{padding-block:calc(var(--unit) * 4)}.code-preview.svelte-o1pr3c{width:var(--code-w);background:var(--background);flex-shrink:0;flex-direction:column;gap:calc(var(--unit) * 1);padding:calc(var(--unit) * 3) calc(var(--unit) * 4)}.modifiers-heading.svelte-o1pr3c{font-size:var(--unit-size, .75em);font-weight:600;color:var(--foreground);margin:0}.about-text.svelte-o1pr3c{font-size:var(--unit-size, .75em);color:var(--muted-foreground);margin:0;line-height:1.5}.code-preview.svelte-o1pr3c hr{margin:calc(var(--unit) * 1) 0}.code-preview.svelte-o1pr3c .about-text+hr,.code-preview.svelte-o1pr3c .modifier-row+hr{margin-top:calc(var(--unit) * 4)}.code-preview.svelte-o1pr3c .modifier-row{font-size:var(--unit-size, .75em);gap:calc(var(--unit) * 2)!important;justify-content:space-between}.code-preview.svelte-o1pr3c .modifier-row code{flex-shrink:0;border-radius:0}.code-preview.svelte-o1pr3c .modifier-row span{text-align:right;color:var(--muted-foreground)}aside.svelte-o1pr3c [codie]{width:var(--code-w);flex-shrink:0;font-size:var(--unit-size, .75em);border-radius:0;overflow-y:hidden}@media(max-width:768px){[sm\:w-half]{width:50%!important}aside.svelte-o1pr3c [codie]{width:100%;font-size:8px}}#typography.svelte-o1pr3c output:where(.svelte-o1pr3c){gap:0}#accordion.svelte-o1pr3c output:where(.svelte-o1pr3c){width:min(500px,100%);gap:0}#accordion button{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;gap:calc(var(--unit) * 1);background-color:transparent;border-radius:min(calc(var(--radius) - calc(var(--unit) * 1)),calc(var(--unit) * 1));padding:calc(var(--unit) * 2) calc(var(--unit) * 3);line-height:calc(var(--unit) * 4);outline:1px solid transparent;cursor:pointer;color:var(--secondary-foreground);width:100%;font-size:var(--unit-size, inherit)}#accordion button:not(:disabled):hover{background-color:oklch(from var(--secondary) calc(l * (1 - .1 * var(--theme-sign))) c h);color:oklch(from var(--secondary-foreground) calc(l * (1 - .1 * var(--theme-sign))) c h)}#accordion icon{transition:transform .2s}#accordion button:has(+accordion[open]) icon{transform:scaleY(-1)}#accordion card{background-color:var(--popover);color:var(--popover-foreground)}#carousel.svelte-o1pr3c output:where(.svelte-o1pr3c){width:min(500px,100%);height:240px;background:var(--popover)}#code.svelte-o1pr3c output:where(.svelte-o1pr3c){display:block;justify-content:center;align-items:center}#hr.svelte-o1pr3c output:where(.svelte-o1pr3c){width:min(500px,100%)}#squaregrid.svelte-o1pr3c output:where(.svelte-o1pr3c){width:min(500px,100%);height:min(500px,20vh);background:var(--background)}#sidebar.svelte-o1pr3c output:where(.svelte-o1pr3c){flex-direction:row;align-items:stretch;width:min(500px,100%);height:240px;gap:0;border:1px solid var(--border);border-radius:calc(var(--radius) / 2);overflow:hidden;background:var(--background)}#sidebar output sidebar-content{width:calc(var(--unit) * 36);background:var(--sidebar);border-right:1px solid var(--sidebar-border);color:var(--sidebar-foreground)}#sidebar output sidebar{transition:margin-left .3s ease}#sidebar output:has(input:checked) sidebar{margin-left:calc(var(--unit) * -36)}#sticky.svelte-o1pr3c output:where(.svelte-o1pr3c){width:min(500px,100%);height:240px;gap:0;border:1px solid var(--border);overflow-y:auto;color:var(--background)}#sticky output typography{background:#fff}#sticky output sticky{width:100%;background:var(--popover);color:var(--popover-foreground)}#squaregrid output square-grid{display:flex;width:100%;min-height:100%}#badge output crow{flex-wrap:wrap}#crow.svelte-o1pr3c output:where(.svelte-o1pr3c){width:min(calc(var(--unit) * 72),100%);align-items:center;background:var(--background)}#crow output crow.square-grid{width:100%;aspect-ratio:1}#range.svelte-o1pr3c output:where(.svelte-o1pr3c){gap:calc(var(--unit) * 6)}carousel#slides{margin-bottom:calc(var(--unit) * -8);width:calc(100% + var(--unit) * 16);border:1px solid oklch(from var(--border) l c h / 50%)}