.audio-player__controls{position:relative;border-radius:30px;display:block;width:100%;height:50px;background-color:#010101;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px}.audio-player__controls>*{margin-right:15px}.audio-player__controls>:last-child{margin-right:0}.audio-player svg{width:24px;height:24px;fill:#fff;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.audio-player svg:hover{fill:#00b3e5}.audio-player .audio-player__menu-toggle{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.audio-player__menu-toggle,.audio-player__mute,.audio-player__pause,.audio-player__play,.audio-player__unmute{cursor:pointer}.audio-player__mute,.audio-player__pause,.audio-player__play,.audio-player__unmute{display:none}.audio-player__mute.active,.audio-player__pause.active,.audio-player__play.active,.audio-player__unmute.active{display:initial}.audio-player .audio-player__pause,.audio-player .audio-player__play{fill:#00b3e5}.audio-player .audio-player__pause:hover,.audio-player .audio-player__play:hover{fill:#008bb2}.audio-player__playback,.audio-player__volume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-player__track{position:relative;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;height:calc(100% + 20px);margin:-10px initial;cursor:pointer}.audio-player__track-back{width:100%;background-color:#fff}.audio-player__progress,.audio-player__track-back{position:absolute;top:50%;left:0;height:3px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.audio-player__progress{width:0;background-color:#73cbd7}.audio-player__time{font-size:.7rem;line-height:1.21429;font-weight:500;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1 0 80px;flex:1 0 80px;color:#fff}.audio-player__time--duration,.audio-player__time--progress{min-width:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.audio-player__volume{border-radius:25px;height:100%;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;cursor:pointer}.audio-player__volume-track{position:relative;height:100%}.audio-player__volume-track-container{width:0;height:100%;padding:0;overflow:hidden;-webkit-transition:width .2s,padding .2s;-o-transition:width .2s,padding .2s;transition:width .2s,padding .2s}.audio-player__volume-track-back{width:100%;background-color:#fff}.audio-player__volume-level,.audio-player__volume-track-back{position:absolute;top:50%;left:0;height:3px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.audio-player__volume-level{width:0;background-color:#73cbd7}.audio-player__volume.active,.audio-player__volume:hover{background-color:hsla(0,0%,100%,.025)}.audio-player__volume.active .audio-player__volume-track-container,.audio-player__volume:hover .audio-player__volume-track-container{width:70px;padding:0 10px}.audio-player__handle{position:absolute;top:50%;left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#63606e;width:11px;height:11px;border-radius:100%;cursor:pointer;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.audio-player__handle:hover{background-color:#00b3e5}.audio-player__menu{position:absolute;top:0;right:60px;background-color:#010101;z-index:2;-webkit-box-shadow:0 0 2px rgba(0,0,0,.75);box-shadow:0 0 2px rgba(0,0,0,.75);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.audio-player__menu.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.audio-player__menu .audio-player__menu-link{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;color:#fff;text-decoration:none}.audio-player__menu .audio-player__menu-link:hover{color:#fff;text-decoration:none;background-color:hsla(0,0%,100%,.25)}.audio-player__menu .audio-player__menu-link svg{margin-right:5px}.audio-player__menu .audio-player__menu-link svg:hover{fill:#fff}

/*# sourceMappingURL=audioplayer.css.map*/