/* audioPlayer.css */
.icono-volumeMedium,.icono-volumeMute{color: white}.audio-player{width:700px;height:77px;left:0;top:3px;position:absolute;overflow:visible;display:grid;font:1.5em arial;background: #00315a;color: white;grid-template-rows: 6px auto}.audio-player .controls{display:flex;margin-top:40px;padding:0 40px;justify-content: space-between;align-items: stretch}.audio-player .controls > *{display:flex;justify-content: center;align-items: center}.audio-player .controls .toggle-play.play{width:0;height:0;left:0;position:relative;border:14px solid #00315a;cursor: pointer;border-left: 26px solid white}.audio-player .controls .toggle-play.play:hover{transform: scale(1.1)}.audio-player .controls .toggle-play.pause{width:40px;height:30px;position:relative;cursor: pointer}.audio-player .controls .toggle-play.pause:before{width:6px;height:30px;top:0;left:0;position:absolute;background: white;content: ""}.audio-player .controls .toggle-play.pause:after{width:6px;height:30px;top:0;right:16px;position:absolute;background: white;content: ""}.audio-player .controls .toggle-play.pause:hover{transform: scale(1.1)}.audio-player .controls .timeline{width:250px;height:10px;position:relative;margin-left:5px;background: white;cursor: pointer}.audio-player .controls .timeline .progress{width:0%;height:100%;background: #009bd9;transition: 0.25s}.audio-player .controls .time{display:flex}.audio-player .controls .time > *{padding:4px}.audio-player .controls .volume-container{position:relative;cursor: pointer;z-index: 2}.audio-player .controls .volume-container .volume-button{height:26px;display:flex;align-items: center}.audio-player .controls .volume-container .volume-button .volume{transform: scale(1.4)}.audio-player .controls .volume-container .volume-slider{width:0;height:10px;left:-15px;position:absolute;border:5px solid #00315a;top: -10px;z-index: -1;background: white;transition: 0.25s}.audio-player .controls .volume-container .volume-slider .volume-percentage{width:75%;height:100%;background: #009bd9}.audio-player .controls .volume-container:hover .volume-slider{width:240px;left:-255px}