.scale-circle--diagram{display:block;overflow:visible}.scale-circle--diagram .scale-circle-sector--clickable,.scale-circle--diagram [data-sc-hit=note]{outline:none}.scale-circle--diagram .sc-d-attack{animation:sc-d-attack var(--sc-d-attack,40ms) ease-out both}.scale-circle--diagram .sc-d-pulse{animation:sc-d-attack var(--sc-d-attack,40ms) ease-out both, sc-d-pulse var(--sc-d-pulse-period,.9s) ease-in-out infinite;transform-box:fill-box;transform-origin:50%}.scale-circle--diagram .sc-d-fade--release{animation:sc-d-fade var(--sc-d-release,.6s) ease-out forwards}.scale-circle--diagram .sc-d-fade--trail{animation:sc-d-fade var(--sc-d-trail,1.5s) linear forwards}@keyframes sc-d-attack{0%{opacity:0}}@keyframes sc-d-pulse{50%{transform:scale(var(--sc-d-pulse-scale,1.15));opacity:var(--sc-d-pulse-min,.5)}}@keyframes sc-d-fade{to{opacity:0}}.scale-circle--diagram .sc-d-act-in{animation:sc-d-act-in var(--sc-d-act-ms,.18s) cubic-bezier(.2, .8, .2, 1) both;animation-delay:var(--sc-d-act-delay,0s);transform-box:view-box}.scale-circle--diagram .sc-d-act-out{animation:sc-d-act-out var(--sc-d-act-close-ms,.12s) ease-in both}.scale-circle--diagram .sc-d-act-press{animation:sc-d-act-press var(--sc-d-act-press-ms,80ms) ease-out both;transform-box:view-box}.scale-circle--diagram .sc-d-act-toggle>*{transition:fill var(--sc-d-act-toggle-ms,.12s) ease, stroke var(--sc-d-act-toggle-ms,.12s) ease}.scale-circle--diagram [data-sc-hit=action],.scale-circle--diagram [data-sc-hit=actions-toggle]{outline:none}@keyframes sc-d-act-in{0%{opacity:0;transform:scale(.4)}}@keyframes sc-d-act-out{to{opacity:0}}@keyframes sc-d-act-press{0%{transform:scale(1.136)}}@media (prefers-reduced-motion:reduce){.scale-circle--diagram .sc-d-attack,.scale-circle--diagram .sc-d-pulse{animation:none}.scale-circle--diagram .sc-d-fade{display:none}.scale-circle--diagram .sc-d-act-in,.scale-circle--diagram .sc-d-act-out,.scale-circle--diagram .sc-d-act-press{animation:none}.scale-circle--diagram .sc-d-act-toggle>*{transition:none}}
.scale-circle--legacy .sc-legacy-sector{transition:fill var(--sc-sector-state-dur,.2s) var(--sc-sector-state-ease,ease-in-out), opacity var(--sc-sector-state-dur,.2s) var(--sc-sector-state-ease,ease-in-out)}.scale-circle--legacy g:has(>.scale-circle-sector--clickable:hover)>.sc-legacy-sector{filter:brightness(1.1);transition:filter var(--sc-sector-hover-dur,.15s) var(--sc-sector-hover-ease,ease-out)}.scale-circle--legacy .scale-circle-note-label:has([data-sc-hit=note][role=button]:hover) .scale-circle-note-label__background{filter:brightness(1.15)}.scale-circle--legacy .scale-circle-note-label .scale-circle-note-label__background{transition:filter var(--sc-note-fade-dur,.4s) var(--sc-note-fade-ease,ease-out), opacity var(--sc-note-fade-dur,.4s) var(--sc-note-fade-ease,ease-out)}.scale-circle--legacy .scale-circle-note-label--playing .scale-circle-note-label__background{animation:sc-legacy-pulse var(--sc-playing-pulse-duration,.8s) ease-in-out;filter:brightness(var(--sc-playing-brightness,1.3));transform-box:fill-box;transform-origin:50%}@keyframes sc-legacy-pulse{0%{opacity:1;transform:scale(1)}40%{transform:scale(var(--sc-playing-pulse-scale,1.25));opacity:var(--sc-playing-pulse-min-opacity,.85)}to{opacity:1;transform:scale(1)}}.scale-circle--legacy .scale-circle-star__glow{animation:sc-legacy-star-glow var(--sc-star-glow-dur,3s) ease-in-out infinite;animation-play-state:var(--sc-star-glow-state,running)}@keyframes sc-legacy-star-glow{0%,to{opacity:.5}50%{opacity:.2}}.scale-circle--legacy .scale-circle-ring__glow{animation:sc-legacy-ring-glow var(--sc-ring-glow-dur,4s) ease-in-out infinite;animation-play-state:var(--sc-ring-glow-state,paused)}@keyframes sc-legacy-ring-glow{0%,to{opacity:.4}50%{opacity:.15}}.scale-circle--legacy .scale-circle-interval-arc{transition:stroke var(--sc-arc-draw-dur,.2s) var(--sc-arc-draw-ease,ease), opacity var(--sc-arc-draw-dur,.2s) var(--sc-arc-draw-ease,ease)}.scale-circle--legacy .scale-circle-interval-arc--characteristic{animation:sc-legacy-characteristic var(--sc-arc-pulse-dur,2s) ease-in-out infinite;animation-play-state:var(--sc-arc-pulse-state,running)}@keyframes sc-legacy-characteristic{0%,to{opacity:1;stroke-width:3.5px}50%{opacity:.6;stroke-width:5px}}.scale-circle--legacy .scale-circle-function-zone{transition:fill-opacity .3s}.scale-circle--legacy .scale-circle-formula,.scale-circle--legacy .scale-circle-function-label{pointer-events:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.scale-circle--legacy .scale-circle-note-label--playing .scale-circle-note-label__background,.scale-circle--legacy .scale-circle-star__glow,.scale-circle--legacy .scale-circle-ring__glow,.scale-circle--legacy .scale-circle-interval-arc--characteristic{animation:none}.scale-circle--legacy .scale-circle-star__glow{opacity:.5}.scale-circle--legacy .scale-circle-ring__glow{opacity:.4}.scale-circle--legacy .scale-circle-interval-arc--characteristic{opacity:1;stroke-width:3.5px}}