.knob{align-items:center;display:inline-flex;justify-content:center;position:relative}.knob__svg{cursor:pointer;height:100%;touch-action:none;transition:opacity .15s ease;width:100%}.knob__svg:focus,.knob__svg[data-state~=focus]{outline:none}.knob__svg:focus-visible,.knob__svg[data-state~=focus-visible]{border-radius:50%;outline:var(--knob-focus-ringWidth,var(--knob-focus-ringWidth)) solid var(--knob-focus-ringColor,var(--knob-focus-ringColor));outline-offset:var(--knob-focus-ringOffset,var(--knob-focus-ringOffset))}.knob__track{stroke:var(--knob-track-color,var(--knob-track-color))}.knob__fill{stroke:var(--knob-fill-color-default,var(--knob-fill-color-default));transition:stroke-dashoffset var(--knob-transition-duration,var(--knob-transition-duration)) ease}.knob__value{color:var(--knob-valueText-color-default,var(--knob-valueText-color-default));font-weight:var(--knob-valueText-fontWeight,var(--knob-valueText-fontWeight));left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.knob--size-sm{height:var(--knob-size-sm,var(--knob-size-sm));width:var(--knob-size-sm,var(--knob-size-sm))}.knob--size-sm .knob__value{font-size:var(--knob-valueText-fontSize-sm,var(--knob-valueText-fontSize-sm))}.knob--size-md{height:var(--knob-size-md,var(--knob-size-md));width:var(--knob-size-md,var(--knob-size-md))}.knob--size-md .knob__value{font-size:var(--knob-valueText-fontSize-md,var(--knob-valueText-fontSize-md))}.knob--size-lg{height:var(--knob-size-lg,var(--knob-size-lg));width:var(--knob-size-lg,var(--knob-size-lg))}.knob--size-lg .knob__value{font-size:var(--knob-valueText-fontSize-lg,var(--knob-valueText-fontSize-lg))}.knob--state-disabled .knob__svg{cursor:not-allowed;opacity:.6}.knob--state-disabled .knob__fill{stroke:var(--knob-fill-color-disabled,var(--knob-fill-color-disabled))}.knob--state-disabled .knob__value{color:var(--knob-valueText-color-disabled,var(--knob-valueText-color-disabled))}