.bars{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin-top:22px;display:grid}.bars .lab{color:var(--fg);white-space:nowrap;font-size:15px}.bars .lab.mute{color:var(--muted)}.bars .track{background:var(--c-track);border-radius:4px;height:22px;position:relative}.bars .bar{width:var(--w);background:var(--c1);border-radius:0 4px 4px 0;transition:filter .2s;position:absolute;top:0;bottom:0;left:0}.bars .track:hover .bar{filter:brightness(1.08)}.bars .mute .bar{background:var(--c-mute)}.bars .val{color:var(--fg);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-size:15px;font-weight:700}.bars .ref{top:-7px;bottom:-7px;left:var(--x);background:var(--fg);opacity:.55;width:1.5px;position:absolute}.bars-ref{color:var(--muted);align-items:baseline;gap:10px;margin-top:14px;font-size:13.5px;display:flex}.bars-ref:before{content:"";background:var(--fg);opacity:.55;width:1.5px;height:12px;translate:0 2px}.bars.s2 .bar{background:var(--c2)}.bars.s3 .bar{background:var(--c3)}@media (width<=560px){.bars{grid-template-columns:minmax(0,1fr) auto}.bars .lab{grid-column:1/-1}}