.status-indicator.svelte-1cer07m{display:inline-block;position:relative;border-radius:9999px;background:var(--color-brand-green);box-shadow:0 0 #1c7c5438;transition:all .18s ease;transform-origin:center}.status-indicator.play.svelte-1cer07m{height:.9rem;width:.9rem;animation:svelte-1cer07m-metronomePulse var(--status-pulse-duration, .6s) cubic-bezier(.2,1.9,.35,.85) infinite}.status-indicator.listen.svelte-1cer07m{height:.55rem;width:.55rem;background:#1c7c5447;box-shadow:none;animation:none;transform:scale(1)}.status-indicator.ready.svelte-1cer07m{height:.7rem;width:.7rem;background:#cbd5e1;box-shadow:none;animation:none}.status-label.svelte-1cer07m{letter-spacing:.04em;text-transform:uppercase}.status-label.play.svelte-1cer07m{color:var(--color-brand-green)}.status-label.listen.svelte-1cer07m,.status-label.ready.svelte-1cer07m{color:#475569}@keyframes svelte-1cer07m-metronomePulse{0%{scale:.92;opacity:.9;box-shadow:0 0 #1c7c5433}24%{scale:1.18;opacity:1;box-shadow:0 0 0 .22rem #1c7c5417}42%{scale:1;opacity:1;box-shadow:0 0 #1c7c541a}72%{scale:1.08;opacity:.96}to{scale:.92;opacity:.9;box-shadow:0 0 #1c7c5400}}.staff-with-plot.svelte-1cer07m{position:relative}.phrase-plot.svelte-1cer07m{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.82}