#sheet.harmony-detail{width:min(900px,calc(100vw - 20px));padding:35px 16px 16px}
#harmonyExcerpt{position:relative;width:100%;margin-bottom:16px;background:#fffefa;border-radius:10px;color:#111}
#harmonyExcerpt svg{display:block;max-width:100%;height:auto}
#harmonyExcerpt .excerpt-context{opacity:.27}
#harmonyExcerpt .excerpt-harmony{position:absolute;white-space:nowrap}
#harmonyExcerpt .hlabel{display:inline-block;font-size:21px;padding:5px 8px;min-width:0;min-height:0}
#harmonyExcerpt .sounding{opacity:1!important;filter:drop-shadow(0 0 3px #249bff)}
#harmonyExcerpt .sounding:not(.nct),#harmonyExcerpt .sounding:not(.nct) *{fill:#167ac6!important;stroke:#167ac6!important}
#harmonyExcerpt .sounding.nct,#harmonyExcerpt .sounding.nct *{fill:var(--red)!important;stroke:var(--red)!important}
.harmony-detail .playbar{position:sticky;bottom:-16px;padding:12px 0;background:rgba(250,251,246,.96);z-index:3}
.harmony-detail .harmony-tones{font-size:17px}
@media(max-width:580px){#sheet.harmony-detail{padding:35px 10px 12px}#harmonyExcerpt .hlabel{font-size:18px}.harmony-detail .playbar{bottom:-12px}}