.knob.svelte-1tv6bny{--dial:3.5rem;min-inline-size:0;color:var(--color-text);align-content:start;justify-items:center;gap:.25rem;display:grid}.knob[data-size=sm].svelte-1tv6bny{--dial:2.75rem}.knob[data-labels=beside].svelte-1tv6bny{grid-template-columns:var(--dial) auto;grid-template-rows:auto auto;place-items:center start;gap:0 .5rem;max-inline-size:none}.knob[data-labels=beside].svelte-1tv6bny .dial:where(.svelte-1tv6bny){grid-area:1/1/span 2}.knob[data-labels=beside].svelte-1tv6bny .label:where(.svelte-1tv6bny){grid-area:1/2;align-self:end;min-block-size:0}.knob[data-labels=beside].svelte-1tv6bny .value:where(.svelte-1tv6bny){text-align:start;grid-area:2/2;align-self:start}.knob.svelte-1tv6bny{max-inline-size:9rem}.value.svelte-1tv6bny{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-inline-size:100%;overflow:hidden}.label.svelte-1tv6bny{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;overflow-wrap:break-word;hyphens:auto;justify-content:center;align-items:flex-end;min-block-size:2.4em;font-weight:700;line-height:1.2;display:flex}.value.svelte-1tv6bny{font-size:var(--text-xs);font-variant-numeric:tabular-nums;min-block-size:1.2em;line-height:1.2}.knob[data-dragging].svelte-1tv6bny .value:where(.svelte-1tv6bny){color:var(--color-text);font-weight:700}.dial.svelte-1tv6bny{inline-size:var(--dial);block-size:var(--dial);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%}.dial[aria-disabled].svelte-1tv6bny{cursor:not-allowed;opacity:.6}.dial.svelte-1tv6bny:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}svg.svelte-1tv6bny{block-size:100%;inline-size:100%;display:block;overflow:visible}.track.svelte-1tv6bny,.fill.svelte-1tv6bny{fill:none;stroke-width:7px;stroke-linecap:round}.track.svelte-1tv6bny{stroke:var(--color-instrument-edge,var(--color-border))}.fill.svelte-1tv6bny{stroke:var(--tone,var(--color-accent))}.cap.svelte-1tv6bny{fill:var(--color-instrument-key,var(--color-surface));stroke:var(--color-instrument-edge,var(--color-border-strong));stroke-width:1.5px;filter:drop-shadow(0 2px 2px #00000040)}.pointer.svelte-1tv6bny{stroke:var(--color-text);stroke-width:5px;stroke-linecap:round}@media (forced-colors:active){.track.svelte-1tv6bny{stroke:graytext}.fill.svelte-1tv6bny,.pointer.svelte-1tv6bny{stroke:highlight}.cap.svelte-1tv6bny{fill:canvas;stroke:canvastext;filter:none}.dial.svelte-1tv6bny:focus-visible{outline-color:highlight}}