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{width:600px;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}.code-preview.svelte-o1pr3c{width:100%;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]{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]{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)}#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(300px,100%);align-items:center}#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%)}