.audio-player{background-image:linear-gradient(90deg,#2b5876 0,#4e4376 51%,#2b5876);text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;box-shadow:0 0 20px #eee;display:block}.audio-player:hover{background-position:100%;color:#fff;text-decoration:none}.audio-player{height:99px;width:100%;box-shadow:0 0 20px 0 rgba(0,0,0,.6666666666666666);font-family:arial;color:#fff;font-size:.75em;overflow:hidden;display:grid;grid-template-rows:6px auto}.audio-player .progress{cursor:pointer;width:0;height:100%;transition:width .25s,transform .25s}.audio-player .controls{display:flex;justify-content:space-between;align-items:stretch;padding:0 15px}.audio-player .controls>*{display:flex;justify-content:center;align-items:center}.audio-player .controls .time{display:flex}.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:46px;font-size:17px;display:flex;align-items:center}.audio-player .controls .play-container{font-size:17px;margin-right:20px}input[type=range]{overflow:hidden;-webkit-appearance:none;background-color:hsla(0,0%,92.2%,.466);border-radius:7px;transition:all .25s}input[type=range]::-webkit-slider-runnable-track{height:4px;-webkit-appearance:none;color:#55d;margin-top:-1px;cursor:pointer;-webkit-transition:all .25s;transition:all .25s}input[type=range]::-webkit-slider-thumb{width:5px;-webkit-appearance:none;height:10px;cursor:pointer;background:#0df;box-shadow:-1200px 0 0 1200px #04f;-webkit-transition:all .25s;transition:all .25s}