.sk-audio-player{height:50px;width:350px;background:#444;box-shadow:0 0 20px 0 #000a;font-family:arial;color:#fff;font-size:.75em;overflow:hidden;display:grid;grid-template-rows:6px auto}.sk-audio-player .sk-timeline{background:#fff;width:100%;position:relative;cursor:pointer;box-shadow:0 2px 10px 0 #0008}.sk-audio-player .sk-timeline .sk-progress{background:coral;width:0%;height:100%;transition:0.25s}.sk-audio-player .sk-controls{display:flex;justify-content:space-between;align-items:stretch;padding:0 20px}.sk-audio-player .sk-controls>*{display:flex;justify-content:center;align-items:center}.sk-audio-player .sk-controls .sk-toggle-play.sk-play{cursor:pointer;position:relative;left:0;height:0;width:0;border:7px solid #0000;border-left:13px solid #fff}.sk-audio-player .sk-controls .sk-toggle-play.sk-play:hover{transform:scale(1.1)}.sk-audio-player .sk-controls .sk-toggle-play.sk-pause{height:15px;width:20px;cursor:pointer;position:relative}.sk-audio-player .sk-controls .sk-toggle-play.sk-pause:before{position:absolute;top:0;left:0;background:#fff;content:"";height:15px;width:3px}.sk-audio-player .sk-controls .sk-toggle-play.sk-pause:after{position:absolute;top:0;right:8px;background:#fff;content:"";height:15px;width:3px}.sk-audio-player .sk-controls .sk-toggle-play.sk-pause:hover{transform:scale(1.1)}.sk-audio-player .sk-controls .sk-time{display:flex}.sk-audio-player .sk-controls .sk-time>*{padding:2px}.sk-audio-player .sk-controls .sk-volume-container{cursor:pointer;position:relative;z-index:2}.sk-audio-player .sk-controls .sk-volume-container .sk-volume-button{height:26px;display:flex;align-items:center}.sk-audio-player .sk-controls .sk-volume-container .sk-volume-button .sk-volume{transform:scale(.7)}.sk-audio-player .sk-controls .sk-volume-container .sk-volume-slider{position:absolute;left:-3px;top:15px;z-index:-1;width:0;height:15px;background:#fff;box-shadow:0 0 20px #000a;transition:0.25s}.sk-audio-player .sk-controls .sk-volume-container .sk-volume-slider .sk-volume-percentage{background:coral;height:100%;width:75%}.sk-audio-player .sk-controls .sk-volume-container:hover .sk-volume-slider{left:-123px;width:120px}