:where(.ui-ring){--ring-track-w:5;--ring-arc-w:7;--ring-tick-w:1.5;--ring-ground:var(--color-bg);position:relative;display:block;aspect-ratio:1}:where(.ui-ring-svg){position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;overflow:visible}:where(.ui-ring-center){position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}:where(.ui-ring-pool){position:absolute;inset:-16%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--color-stage-pool) 0,var(--color-stage-pool) 44%,transparent 100%)}:where(.ui-ring[data-stage] .ui-ring-arc[data-tone=lit]){filter:drop-shadow(0 0 3px color-mix(in oklab,var(--color-instrument-lit) 45%,transparent))}:where(.ui-ring-track){fill:none;stroke:var(--color-instrument-track);stroke-width:var(--ring-track-w)}:where(.ui-ring-track[data-tone=trace]){stroke:var(--color-instrument-trace)}:where(.ui-ring-track[data-dashed]){stroke-dasharray:10 9}:where(.ui-ring-arc){fill:none;stroke-width:var(--ring-arc-w);stroke-linecap:round}:where(.ui-ring-arc[data-tone=lit]){stroke:var(--color-instrument-lit)}:where(.ui-ring-arc[data-tone=trace]){stroke:var(--color-instrument-trace)}:where(.ui-ring-arc[data-tone=over]){stroke:var(--color-instrument-knob)}:where(.ui-ring-arc[data-tone=ink]){stroke:var(--color-text)}:where(.ui-ring-tick){stroke:var(--color-instrument-tick);stroke-width:var(--ring-tick-w);stroke-linecap:round}:where(.ui-ring-tick[data-tone=tick]){stroke-linecap:butt;opacity:.85}:where(.ui-ring-tick[data-tone=tick][data-minor]){opacity:.4}:where(.ui-ring-tick[data-tone=ink]){stroke:var(--color-text-muted)}:where(.ui-ring-knob){fill:var(--color-instrument-knob);stroke:var(--ring-ground);stroke-width:3}:where(.ui-ring-knob[data-hollow]){fill:var(--ring-ground);stroke:var(--color-instrument-knob)}:where(.ui-ring-halo){fill:none;stroke:var(--color-instrument-lit);stroke-width:1.3;opacity:.45}:where(.ui-ring-spin){transform-box:view-box;transform-origin:50% 50%}@media (prefers-reduced-motion:no-preference){:where(.ui-ring-spin){animation:ui-ring-turn 1.4s linear infinite}}@media (prefers-reduced-motion:reduce){:where(.ui-ring-spin){display:none}}@keyframes ui-ring-turn{to{transform:rotate(1turn)}}:where(.ui-ring-figure){display:grid;justify-items:center;gap:var(--space-3)}:where(.ui-ring-below){inline-size:100%}@media (forced-colors:active){:where(.ui-ring-track,.ui-ring-tick){stroke:GrayText}:where(.ui-ring-arc){stroke:CanvasText}:where(.ui-ring-knob){fill:CanvasText;stroke:Canvas}:where(.ui-ring-pool){display:none}}