.staff-container[data-v-740ee803]{margin-inline:auto;max-height:100%;max-width:var(--container-lg,32rem);position:relative;width:100%}.music-staff-svg[data-v-740ee803]{color:var(--piano-text-primary);display:block;max-height:100%;width:100%}.clef-svg-img[data-v-740ee803]{filter:invert()brightness(2);pointer-events:none}.staff-line[data-v-740ee803]{opacity:.35;stroke:currentColor;stroke-width:1.2px}.note-head[data-v-740ee803]{transition:all .2s}.accidental-text[data-v-740ee803]{font-family:serif}.ghost-note[data-v-740ee803]{pointer-events:none;transition:cy .1s}.placed-note--interactive[data-v-740ee803]{cursor:pointer}.placed-note--interactive:hover .note-head[data-v-740ee803]{opacity:.6}