.knob.svelte-1cedhmr{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:grab;transform:rotate(calc(var(--rotation) * 1rad));transform-origin:center;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 60%),radial-gradient(circle at 75% 80%,rgba(0,0,0,.95),transparent 60%);box-shadow:0 4px 10px #0000008c,0 0 0 1px #0f172ae6;transition:box-shadow .12s ease-out,border-color .12s ease-out,filter .12s ease-out}.knob.svelte-1cedhmr:hover{border-color:#22d3eeb3;box-shadow:0 6px 14px #000000b3,0 0 0 1px #22d3ee40;filter:brightness(1.05)}.knob.svelte-1cedhmr:focus-visible{outline:2px solid rgba(34,211,238,.9);outline-offset:3px}.knob.svelte-1cedhmr:active,.knob[data-dragging=true].svelte-1cedhmr{cursor:grabbing;box-shadow:0 8px 18px #000000d9,0 0 0 1px #22d3ee66}.knob.svelte-1cedhmr:before{content:"";position:absolute;inset:5px;border-radius:9999px;background:radial-gradient(circle at 30% 30%,#3f3f46,#09090b);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #000000e6,0 0 0 1px #0f172ae6}.knob.svelte-1cedhmr:after{content:"";position:absolute;top:6px;left:50%;width:2px;height:9px;border-radius:9999px;background:#e4e4e7;box-shadow:0 0 6px #22d3eee6,0 0 1px #000c;transform:translate(-50%)}.knob[data-dragging=true].svelte-1cedhmr:after{background:#22d3ee;box-shadow:0 0 10px #22d3ee,0 0 2px #0f172a}