.knob-shell.svelte-oe3s3y{position:relative;flex:0 0 auto;height:4.25rem;width:4.25rem}.knob-face.svelte-oe3s3y{position:absolute;inset:.25rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,var(--color-fg));border-radius:9999px;background:conic-gradient(from 225deg,var(--color-accent) 0deg,var(--color-accent) var(--knob-sweep),var(--color-border) var(--knob-sweep),var(--color-border) 270deg,transparent 270deg);box-shadow:inset 0 2px 5px #00000038,0 2px 5px #0000001f}.knob-face.svelte-oe3s3y:after{position:absolute;inset:.35rem;border-radius:inherit;background:linear-gradient(145deg,var(--color-surface-2),var(--color-surface));content:""}.knob-indicator.svelte-oe3s3y{position:absolute;z-index:1;top:.55rem;left:50%;height:.95rem;width:2px;border-radius:9999px;background:var(--color-accent);transform:translate(-50%) rotate(var(--knob-angle));transform-origin:50% 1.55rem}.knob-input.svelte-oe3s3y{position:absolute;inset:0;z-index:2;width:100%;cursor:pointer;opacity:0}.karaoke-progress.svelte-oe3s3y{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,var(--color-accent) var(--progress, 0%),var(--color-border) var(--progress, 0%));border-radius:9999px;outline:none}.karaoke-progress.svelte-oe3s3y::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:transparent}.karaoke-progress.svelte-oe3s3y::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:16px;border-radius:9999px;background:var(--color-accent);border:1px solid white;box-shadow:0 1px 3px #0003;margin-top:-5px;cursor:pointer}.karaoke-progress.svelte-oe3s3y::-moz-range-track{height:6px;border-radius:9999px;background:var(--color-border)}.karaoke-progress.svelte-oe3s3y::-moz-range-progress{height:6px;border-radius:9999px;background:var(--color-accent)}.karaoke-progress.svelte-oe3s3y::-moz-range-thumb{width:4px;height:16px;border-radius:9999px;background:var(--color-accent);border:1px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}