.vol-btn{cursor:pointer;border:none;place-items:center;width:100%;height:100%;transition:transform .12s;display:grid}.vol-btn .vol-icon{justify-content:center;align-items:center;gap:3px;display:flex}.vol-btn .bar{transform-origin:50%;opacity:.6;background:#39ff14;border-radius:1px;width:2px;height:22%;transition:height .18s,opacity .18s}.vol-btn.is-playing .bar{opacity:.95;transition:none;animation:.9s ease-in-out infinite eq}.vol-btn.is-playing .b1{animation-duration:.72s;animation-delay:-100ms}.vol-btn.is-playing .b2{animation-duration:.94s;animation-delay:-260ms}.vol-btn.is-playing .b3{animation-duration:.82s;animation-delay:-40ms}.vol-btn.is-playing .b4{animation-duration:1.08s;animation-delay:-360ms}.vol-btn.is-playing .b5{animation-duration:.88s;animation-delay:-180ms}.vol-btn:active{transform:scale(.98)}@keyframes eq{0%{height:20%}10%{height:75%}25%{height:40%}40%{height:95%}55%{height:30%}70%{height:85%}85%{height:50%}to{height:20%}}