.volume-container{cursor:pointer;width:26px;position:relative}.volume-container .volume-button{height:26px;display:flex;align-items:center}.volume-container .volume-button .volume{transform:scale(0.7)}.volume-container .volume-button svg{width:26px;height:26px}.volume-container .volume-button svg path{fill:#dadada}.volume-container .volume-slider{position:absolute;top:0px;left:7px;height:0;width:9px;transition:.25s;margin-top:30px}.volume-container .volume-slider .volume-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eee;box-shadow:0 0 20px #000a;border-radius:5px}.volume-container .volume-slider .volume-percentage{position:absolute;bottom:0;width:100%;height:75%;background-color:#e86384;border-radius:5px}.volume-container:hover{z-index:5}.volume-container:hover:before{content:"";position:absolute;top:90%;left:-10px;width:46px;height:120px}.volume-container:hover .volume-slider{bottom:100%;height:120px}/*# sourceMappingURL=player-volume-button.css.map */