.ic-knob.svelte-8lzdij{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.ic-knob--primary.svelte-8lzdij{--knob-accent: var(--ic-primary)}.ic-knob--secondary.svelte-8lzdij{--knob-accent: var(--ic-muted-foreground)}.ic-knob--success.svelte-8lzdij{--knob-accent: var(--ic-success)}.ic-knob--warning.svelte-8lzdij{--knob-accent: var(--ic-warning)}.ic-knob--destructive.svelte-8lzdij{--knob-accent: var(--ic-destructive)}.ic-knob__dial.svelte-8lzdij{position:relative;display:inline-flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline:none}.ic-knob__dial--dragging.svelte-8lzdij{cursor:grabbing}.ic-knob__svg.svelte-8lzdij{width:100%;height:100%;transform:rotate(-90deg)}.ic-knob__track.svelte-8lzdij{stroke:var(--ic-secondary);filter:url(#ic-knob-inset)}.ic-knob__fill.svelte-8lzdij{stroke:var(--knob-accent, var(--ic-primary));opacity:.85;transition:stroke-dasharray .1s ease}.ic-knob__body.svelte-8lzdij{fill:var(--ic-secondary);filter:url(#ic-knob-elevation)}.ic-knob__body-highlight.svelte-8lzdij{fill:var(--ic-secondary);filter:url(#ic-knob-highlight)}.ic-knob__focus-ring.svelte-8lzdij{fill:none;stroke:var(--knob-accent, var(--ic-primary));stroke-width:1;opacity:.5}.ic-knob__indicator.svelte-8lzdij{stroke:var(--knob-accent, var(--ic-primary));stroke-width:2.5;stroke-linecap:round}.ic-knob__grip-dot.svelte-8lzdij{fill:var(--ic-muted-foreground);opacity:.2}.ic-knob__tick.svelte-8lzdij{stroke:var(--ic-muted-foreground);stroke-width:.8;opacity:.35}.ic-knob__label-inside.svelte-8lzdij{fill:var(--ic-foreground);font-family:inherit;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;transform:rotate(90deg);transform-origin:50px 50px}.ic-knob__label-bottom.svelte-8lzdij{color:var(--ic-foreground);font-family:inherit;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1;white-space:nowrap}.ic-knob--disabled.svelte-8lzdij{opacity:.5;pointer-events:none;cursor:not-allowed}label.svelte-q2tl1i{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-q2tl1i input[type=text]:where(.svelte-q2tl1i),label.svelte-q2tl1i input[type=number]:where(.svelte-q2tl1i),label.svelte-q2tl1i select:where(.svelte-q2tl1i){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}label.svelte-q2tl1i input[type=range]:where(.svelte-q2tl1i){width:100%}.checkbox-label.svelte-q2tl1i{flex-direction:row;align-items:center;gap:6px}.demo-row{display:flex;align-items:center;gap:1.5rem}.custom-row.svelte-q2tl1i{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-q2tl1i{flex:1;min-width:0}.custom-row__playground.svelte-q2tl1i .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-q2tl1i{flex:1;min-width:0}.custom-row__code.svelte-q2tl1i .mc{margin:0;max-height:320px;overflow-y:auto;border-radius:6px}.custom-demo .ic-knob__body{fill:#faf5ef!important}.custom-demo .ic-knob__body-highlight{fill:#f5ede3!important}.custom-demo .ic-knob__fill{stroke:#d63031!important;opacity:.9!important}.custom-demo .ic-knob__indicator{stroke:#c0392b!important;stroke-width:3!important}.custom-demo .ic-knob__tick{stroke:#8b6914!important;opacity:.5!important}.custom-demo .ic-knob__grip-dot{fill:#a0764a!important;opacity:.25!important}.custom-demo .ic-knob__track{stroke:#e8dcc8!important}.custom-demo .ic-knob__label-bottom{color:#5d4037!important;font-family:Georgia,serif!important;font-weight:700!important}.compat-note.svelte-q2tl1i{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-q2tl1i strong:where(.svelte-q2tl1i){color:#d97706}.compat-note.svelte-q2tl1i code:where(.svelte-q2tl1i){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}