label.svelte-1ab8to2{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-1ab8to2 input[type=text]:where(.svelte-1ab8to2),label.svelte-1ab8to2 select:where(.svelte-1ab8to2){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-1ab8to2{flex-direction:row;align-items:center;gap:6px}.range-value.svelte-1ab8to2{font-size:.75rem;color:var(--ref-muted);font-variant-numeric:tabular-nums}.demo-input{width:100%;max-width:320px}.custom-row.svelte-1ab8to2{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-1ab8to2{flex:1;min-width:0}.custom-row__playground.svelte-1ab8to2 .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-1ab8to2{flex:1;min-width:0}.custom-row__code.svelte-1ab8to2 .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-1ab8to2 .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-1ab8to2 .mc pre{overflow-x:visible}.custom-demo .ic-input-text__field{background-color:#fefce8!important;border-color:transparent!important;border-bottom-color:#c4b5a0!important;border-radius:4px 4px 0 0!important;box-shadow:inset 0 1px 4px #b4a07826!important}.custom-demo .ic-input-text__field--focused{border-bottom-color:#3b82f6!important;box-shadow:inset 0 1px 4px #b4a07826,0 2px 0 -1px #3b82f6!important}.custom-demo .ic-input-text__input{font-family:Georgia,Palatino Linotype,serif!important;color:#3e3529!important;caret-color:#3b82f6}.custom-demo .ic-input-text__input::placeholder{color:#a89880!important;opacity:.7!important;font-style:italic!important}.compat-note.svelte-1ab8to2{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-1ab8to2 strong:where(.svelte-1ab8to2){color:#d97706}.compat-note.svelte-1ab8to2 code:where(.svelte-1ab8to2){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}