/* Две ноты на одном слоге и мелизмы (flow.js) */

/* таблетка, которая перетекает из ноты в ноту: у каждой ноты свой кусок, его можно нажать и поправить */
.syl .nt.flow { display: inline-flex; padding: 0; overflow: hidden; }
.syl .nt.flow .seg { flex: 1 1 0; padding: 1px 6px; text-align: center; border-radius: 6px; transition: box-shadow .15s ease; }
.syl .nt.flow::after { padding-right: 5px; }
.syl.now .nt.flow .seg.on { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .92); }

/* мелизм: волна под таблеткой той же формы, что украшение */
.syl .orn { display: block; margin-top: 2px; line-height: 0; }
.syl .orn svg { width: 30px; height: 10px; overflow: visible; }
.syl.past .orn { opacity: .55; }
.line.hide-notes .syl .orn { visibility: hidden; }

/* фальцет: подпись под таблеткой, как у вибрато — сейчас не выводится (flow.js marks): по звуку его не отличить от крика */
.syl .mel.fals { font-family: inherit; color: var(--note); }
.line.hide-notes .syl .mel.fals { visibility: hidden; }