.audio-knob{touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;border-radius:50%;outline:none;flex-shrink:0;width:80px;height:80px;position:relative}.audio-knob:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 60%, transparent)}.audio-knob[data-disabled]{opacity:.45;cursor:not-allowed}.audio-knob__scale{width:100%;height:100%;fill:var(--muted-foreground);font:11px monospace;position:absolute;inset:0;overflow:visible}.audio-knob__scale line{stroke:var(--muted-foreground);stroke-width:1.3px;opacity:.55}.audio-knob__scale .audio-knob__zero{stroke:var(--foreground);stroke-width:2.2px;opacity:.9}.audio-knob__bezel{pointer-events:none;background:conic-gradient(from 20deg,#a1a1aa,#e4e4e7 14%,#71717a 28%,#d4d4d8 45%,#52525b 62%,#e4e4e7 79%,#a1a1aa);border-radius:50%;padding:3px;position:absolute;inset:18%;box-shadow:0 3px 5px #0004,0 0 0 1px #0004}.audio-knob__rotor{background:radial-gradient(at 35% 25%,#52525b,#27272a 65%,#18181b);border-radius:50%;width:100%;height:100%;transition:transform .26s cubic-bezier(.22,1,.36,1);display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff20,inset 0 -2px 3px #0008}.audio-knob__pointer{background:#e4e4e7;border-radius:2px;width:3px;height:35%;position:absolute;top:9%;left:calc(50% - 1.5px);box-shadow:0 0 4px #ffffff38}@media (prefers-reduced-motion:reduce){.audio-knob__rotor{transition:none}}