.bpm-curve{margin-top:1.35rem;pointer-events:auto}
.bpm-curve-name{margin:0 1.55rem 0 0;justify-content:flex-end}
.bpm-curve-name::before{order:1}
.bpm-curve-body{padding-top:.25rem}
.bpm-curve-body svg{display:block;width:70%;height:auto;aspect-ratio:280/128;margin:0 auto;overflow:visible;touch-action:none}
.bc-grid{stroke:#252c37;stroke-width:.6}
.bc-vertical{stroke-dasharray:1 4}
.bc-label{fill:var(--klf-text-faint);font:300 6px Montserrat,sans-serif}
.bc-line{fill:none;stroke:#5c82ad;stroke-width:1.8;stroke-linecap:round}
.bpm-curve:not(.is-live) .bc-line{opacity:.6;stroke-dasharray:3 3}
.bc-song{fill:#b65562;stroke:#111820;stroke-width:.8}
.bc-song.is-uncertain{fill:none;stroke:#b65562}
.bc-handle{fill:#bcc3cc;stroke:#202a35;stroke-width:1.5;cursor:grab}
.bc-handle:active{cursor:grabbing}
.bc-handle:focus-visible{outline:1px solid #eef1f4;outline-offset:2px}
.bpm-curve-status{margin:.3rem 1.55rem 0 0;color:var(--klf-text-secondary);font-size:.5rem;line-height:1.5;letter-spacing:.03em;text-align:right}
.bpm-curve-status:empty{display:none}
.bpm-curve-status[hidden]{display:none}
.more .bpm-curve-name{margin-right:0;margin-left:1.55rem;justify-content:flex-start}
.more .bpm-curve-name::before{order:0}
.more .bpm-curve-status{margin-right:0;margin-left:1.55rem;text-align:left}