label.svelte-9afht7{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-9afht7 input[type=text]:where(.svelte-9afht7),label.svelte-9afht7 select:where(.svelte-9afht7){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-9afht7{flex-direction:row;align-items:center;gap:6px}.demo-slider{display:flex;align-items:center;gap:1rem;width:100%;padding:.5rem 0}.value-readout{font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--ref-muted);min-width:3ch;text-align:right}.demo-vertical{height:200px;display:flex;justify-content:center;padding:1rem 0}.custom-row.svelte-9afht7{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-9afht7{flex:1;min-width:0}.custom-row__playground.svelte-9afht7 .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-9afht7{flex:1;min-width:0}.custom-row__code.svelte-9afht7 .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-9afht7 .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-9afht7 .mc pre{overflow-x:visible}.custom-demo{width:100%}.custom-demo .ic-slider__track{background-color:#fce4ec!important;box-shadow:inset 0 1px 3px #00000014!important;border-radius:8px!important;height:8px!important}.custom-demo .ic-slider__fill{background:linear-gradient(90deg,#f06292,#ab47bc)!important;border-radius:8px!important;opacity:1!important}.custom-demo .ic-slider__thumb{width:24px!important;height:24px!important;border-radius:50%!important;background:#fff!important;border:3px solid #e91e90!important;box-shadow:0 2px 6px #e91e904d!important}.custom-demo .ic-slider__grip{display:none!important}.compat-note.svelte-9afht7{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-9afht7 strong:where(.svelte-9afht7){color:#d97706}.compat-note.svelte-9afht7 code:where(.svelte-9afht7){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}