.knob-wrap.svelte-18t76fn{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.3rem;display:inline-flex}.knob.svelte-18t76fn{width:var(--size);height:var(--size);cursor:ns-resize;touch-action:none;border-radius:50%;outline:none;position:relative}.knob.svelte-18t76fn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%}.ring.svelte-18t76fn{background:conic-gradient(from 225deg, var(--c) 0 calc(var(--frac) * 270deg), #ffffff17 calc(var(--frac) * 270deg) 270deg, transparent 270deg 360deg);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--c) 45%, transparent));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.cap.svelte-18t76fn{background:radial-gradient(circle at 38% 30%,#3a4150,#161a22 70%),linear-gradient(#20262f,#10131a);border-radius:50%;position:absolute;inset:18%;box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -2px 4px #0009,0 2px 5px #00000080}.dragging.svelte-18t76fn .cap:where(.svelte-18t76fn){box-shadow:inset 0 1px 1px #ffffff40, 0 0 10px color-mix(in srgb, var(--c) 55%, transparent)}.tick.svelte-18t76fn{background:color-mix(in srgb, var(--c) 90%, white);transform-origin:bottom;width:2px;height:38%;box-shadow:0 0 5px var(--c);border-radius:2px;margin-left:-1px;position:absolute;top:8%;left:50%}.label.svelte-18t76fn{letter-spacing:.06em;text-transform:uppercase;color:#d6e0f09e;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.58rem}.value.svelte-18t76fn{color:color-mix(in srgb, var(--c) 85%, white);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem}