.al-eq{ position:absolute; display:flex; align-items:flex-end; justify-content:center; pointer-events:none; opacity:0; transition:opacity .15s; }
.al-eq.live{ opacity:1; }
.al-eq-bar{ position:relative; height:100%; display:flex; flex-direction:column-reverse; gap:3px; }
.al-eq-bar .seg{ flex:1; border-radius:3px; background:rgba(255,255,255,.10); }
.al-eq-bar .seg.g.on{ background:#2fe36f; } .al-eq-bar .seg.y.on{ background:#ffd23f; } .al-eq-bar .seg.r.on{ background:#ff4b4b; }
.al-eq-bar .seg.peak{ background:#fff; box-shadow:0 0 8px #fff; }
.al-eq.glow .seg.g.on{ box-shadow:0 0 8px #2fe36f; } .al-eq.glow .seg.y.on{ box-shadow:0 0 8px #ffd23f; } .al-eq.glow .seg.r.on{ box-shadow:0 0 10px #ff4b4b; }