.audio__player.max690{max-width:690px;margin:0 auto}.audio-player{height:50px;max-width:580px;background:transparent;box-shadow:none;color:white;font-size:.75em;display:grid;grid-template-rows:6px auto;position:relative;left:25px;margin-bottom:50px !important}.audio-player .timeline{background:#e4e6e6;width:100%;position:relative;cursor:pointer;height:10px;border-radius:5px}.audio-player .timeline .progress{background:#0b808d;width:0;height:100%;transition:.25s;border-top-left-radius:5px;border-bottom-left-radius:5px}.audio-player .controls{display:flex;justify-content:space-between;align-items:stretch}.audio-player .controls>*{display:flex;justify-content:center;align-items:center}.audio-player .controls .toggle-play.play{cursor:pointer;position:relative;height:0;width:0;border:11px solid #0000;border-left:18px solid white;left:8px}.audio-player .controls .toggle-play.pause{height:20px;width:20px;cursor:pointer;position:relative;left:2px}.audio-player .controls .toggle-play.pause:before{position:absolute;top:0;left:1px;background:white;content:"";height:20px;width:4px}.audio-player .controls .toggle-play.pause:after{position:absolute;top:0;right:5px;background:white;content:"";height:20px;width:4px}.audio-player .controls .time{display:flex;color:#616166;font-size:14px}.audio-player .controls .time>*{padding:2px}.audio-player .controls .volume-container{cursor:pointer;position:relative;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(0.7)}.audio-player .controls .volume-container .volume-slider{position:absolute;left:-3px;top:15px;z-index:-1;width:0;height:15px;background:white;box-shadow:0 0 20px #000a;transition:.25s}.audio-player .controls .volume-container .volume-slider .volume-percentage{background:coral;height:100%;width:75%}.audio-player .controls .volume-container:hover .volume-slider{left:-123px;width:120px}.audio-player .play-container{position:absolute;top:-16px;left:-60px;height:45px;width:45px;cursor:pointer;background-color:#05374d;border-radius:100%;padding:10px}.player_text{max-width:580px;margin:0 auto;font-size:16px;padding-bottom:6px;color:#0d0d0d;padding-left:25px}@media screen and (max-width:767px){.audio-player{padding-left:75px;padding-right:20px;margin-bottom:40px !important;left:0}.player_text{padding-left:75px}.audio-player .play-container{top:-16px;left:20px;height:42px;width:42px}}