.knob.svelte-na4qv3.svelte-na4qv3{position:relative;--color-background:50, 50, 50;--diameter:var(--knob-diameter, 95px);--progress-diameter:30px;--handle-length:30px;--handle-width:2px;width:calc(var(--diameter));height:calc(var(--diameter))}.layer.svelte-na4qv3.svelte-na4qv3{position:absolute;top:0;left:0;width:100%;height:100%}.knobProgress.svelte-na4qv3.svelte-na4qv3{z-index:1;background:conic-gradient(rgb(var(--color-white)) 0%,rgb(var(--color-background)) var(--progress));border-radius:50%}.knobProgressCover.svelte-na4qv3.svelte-na4qv3{z-index:2;top:calc(var(--progress-diameter) / 2);left:calc(var(--progress-diameter) / 2);width:calc(100% - var(--progress-diameter));height:calc(100% - var(--progress-diameter));border-radius:50%;background-color:rgb(var(--color-background))}.knobControl.svelte-na4qv3.svelte-na4qv3{z-index:3;border-radius:50%}.knobControl.svelte-na4qv3 .line.svelte-na4qv3{margin-left:50%;margin-top:-2px;height:var(--handle-length);width:var(--handle-width);background-color:rgb(var(--color-white));opacity:.5}.icon.svelte-yblr9l{--_color:var(--icon-color, rgb(var(--color-white)));--_color-hover:var(--icon-color-hover, rgb(var(--color-beo-black)));aspect-ratio:1;contain:content;-webkit-mask-image:var(--mask);mask-image:var(--mask);background:var(--_color)}@media (hover: hover){.icon.hover.svelte-yblr9l,.icon.svelte-yblr9l:hover{background:var(--_color-hover)}}