.forms-panel{--ct-learning-staff-space:9.5px;--ct-learning-music-size:38px;--ct-learning-label-size:14px;--ct-learning-control-size:16px;padding:12px 20px;font-size:var(--ct-learning-control-size)}.forms-panel .forms-score{position:relative;width:580px;margin:auto}.forms-tonic{display:flex;padding-left:8px;margin-bottom:8px}.forms-tonic select{width:64px;padding:6px 4px}
.forms-row{position:relative;width:580px}.forms-panel svg{display:block;overflow:visible}
.forms-panel .score-scroll{scrollbar-width:auto}.forms-panel .score-scroll::-webkit-scrollbar{height:8px}.forms-panel .score-scroll::-webkit-scrollbar-track{background:var(--line)}.forms-panel .score-scroll::-webkit-scrollbar-thumb{background:#819092;border-radius:4px}
.forms-panel .music-glyph{font-size:var(--ct-learning-music-size)}.forms-panel .degree,.forms-panel .pitch-label,.forms-panel .augmented-label{font-size:var(--ct-learning-label-size)}
.forms-panel .step-marker{fill:none;stroke:var(--muted);stroke-width:1.4;pointer-events:none}.forms-panel .augmented-label{fill:var(--muted);pointer-events:none;paint-order:stroke fill;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round}
.forms-panel .row-name:focus-visible{outline-width:2px;outline-offset:-2px}
.forms-panel .row-name{position:absolute;z-index:1;left:14px;top:0;width:210px;height:28px;min-height:0;padding:0 4px;border:0;border-radius:0;background:transparent;font-size:14px;font-weight:600;line-height:1.1;text-align:left;white-space:nowrap}
.forms-panel .row-name span{display:inline;white-space:nowrap}.forms-panel .row-name span+span::before{content:" "}.forms-panel .row-name:hover{text-decoration:underline}.forms-panel .row-name.playing{border-left:3px solid var(--accent);padding-left:1px;text-decoration:underline}
.forms-panel .scale-staff-note .pitch-label{font-weight:400;text-decoration:none;font-family:"Gill Sans","Gill Sans MT",Calibri,"Segoe UI",Arial,Bravura,sans-serif}
.forms-panel .scale-staff-note.altered .pitch-label{font-weight:700}.forms-panel .scale-staff-note.selected .pitch-label{text-decoration:underline;text-underline-offset:4px}
.forms-panel .scale-staff-note.sounding .degree{font-weight:800;text-decoration:underline}.forms-panel .scale-staff-note:focus-visible .note-hit{stroke:var(--accent);stroke-width:2}
.forms-panel .return-caption{font-size:14px;color:var(--muted);text-align:center;margin:3px 0 5px}.forms-panel .toolbar .play{min-width:88px}.forms-panel .status{display:block;min-height:14px;text-align:center;margin-top:5px}.forms-panel details{margin-top:6px}
.forms-panel .help-panel{font-size:14px;line-height:1.35;padding:12px 14px}.forms-panel .piano-key.sounding:focus-visible{outline:3px solid #9f6026;outline-offset:-3px;box-shadow:inset 0 0 0 5px #202a33}
@media(max-width:520px){.forms-panel{padding:10px}.forms-panel .forms-score{margin:0}.forms-panel .return-caption{text-align:left}.forms-panel .toolbar{gap:6px}.forms-panel .toolbar select{font-size:15px;padding:6px}}