label.svelte-1ljhfn1{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-1ljhfn1 select:where(.svelte-1ljhfn1){padding:4px 8px;border:1px solid var(--ref-border);border-radius:3px;background:var(--ref-bg);color:var(--ref-fg);font-family:inherit;font-size:.9em}.checkbox-label.svelte-1ljhfn1{flex-direction:row;align-items:center;gap:6px}.bar-container{width:100%}.variants-stack{display:flex;flex-direction:column;gap:.6rem;width:100%}.variants-row{display:flex;align-items:center;gap:1rem}.variants-tag{font-size:.65rem;color:var(--ic-muted-foreground);min-width:72px;text-align:right;font-family:monospace}.orientation-demo{width:100%}.orientation-demo--vertical{height:180px;width:auto}.custom-row.svelte-1ljhfn1{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-1ljhfn1{flex:1;min-width:0}.custom-row__playground.svelte-1ljhfn1 .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-1ljhfn1{flex:1;min-width:0}.custom-row__code.svelte-1ljhfn1 .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-1ljhfn1 .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-1ljhfn1 .mc pre{overflow-x:visible}.custom-bar-demo{width:100%}.custom-bar-demo .ic-progress__track{background:#ede9fe!important;border-radius:8px!important;box-shadow:inset 0 2px 4px #8b5cf61a!important}.custom-bar-demo .ic-progress__bar{background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border-radius:8px!important;box-shadow:0 2px 8px #8b5cf659!important}.compat-note.svelte-1ljhfn1{margin:1.5rem 0;padding:.75rem 1rem;border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b,transparent 92%);font-size:.85em;line-height:1.55;color:var(--ref-fg)}.compat-note.svelte-1ljhfn1 strong:where(.svelte-1ljhfn1){color:#d97706}.compat-note.svelte-1ljhfn1 code:where(.svelte-1ljhfn1){font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-bg),var(--ref-border) 30%);padding:1px 4px;border-radius:3px}.ic-ref-link{color:var(--ref-accent);font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-accent),transparent 90%);padding:1px 4px;border-radius:3px;text-decoration:none}.ic-ref-link:hover{text-decoration:underline}.comp-layout__content h1{margin-bottom:1rem}.comp-layout__content h2{margin-top:2.5rem;margin-bottom:.75rem}.comp-layout__content p{margin-bottom:1rem}
