.audiojs *{box-sizing:border-box!important}.audiojs audio{position:absolute;left:-1px;visibility:hidden}.audiojs{position:fixed;display:flex;justify-content:stretch;align-items:center;right:0;bottom:0;width:100%;height:40px;padding:0;margin:0;background:#404040;font-size:12px;color:#fff;background-color:#444;opacity:.8;z-index:10;box-shadow:1px 1px 8px rgba(0,0,0,.3);transition:transform .4s ease-out;transform:none}.audiojs.error-hide{transition:transform .4s ease-in-out 10s;transform:translateY(100%)}.audiojs svg{width:1em;height:1em}.audiojs svg path{fill:#fff}.audiojs .play-pause{float:left;flex:1 1 auto;height:40px;width:auto;min-width:60px;max-width:100px;align-items:center;border:0;border-right:1px solid #000;overflow:hidden;padding:0;background-color:transparent}.play-pause>p{color:#fff;width:100%;text-align:center}.audiojs .control-bwd,.audiojs .control-fwd{float:left;width:35px;height:40px;border:0;border-right:1px solid #000;overflow:hidden;padding:0;background-color:transparent}.audiojs .control-bwd p.bwd,.audiojs .control-fwd p.fwd{width:100%;text-align:center}.audiojs .player-center{padding:2px 0;height:100%;float:left;width:60%}.player-center>.scrubber{position:relative;background:#5a5a5a;height:6px;border:1px solid #2f2f2f;border-right:0;border-bottom:0;z-index:3;margin:5px 15px 6px;cursor:pointer;text-align:center}@media screen and (max-width:1024px){.audiojs .scrubber{left:2%}}@media screen and (max-width:894px){.audiojs .scrubber{width:90%;left:3%}}@media screen and (max-width:768px){.audiojs .player-center{width:50%}}@media screen and (max-width:641px){.audiojs .player-center{width:55%}.audiojs>.volume{display:none!important}}@media screen and (max-width:560px){.audiojs div.time{display:none}.audiojs .track-detail{right:6%;vertical-align:middle}}.player-center>.track-detail{color:#fff;font-size:11px;z-index:4;text-align:center;padding:5px 5px 0;overflow:hidden}.audiojs .audio-progress{position:relative;height:100%;width:0;background:#ccc;z-index:10;background-image:-moz-linear-gradient(center top,#ccc 0,#ddd 50%,#ccc 51%,#ccc 100%);overflow:visible;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.audiojs .audio-progress:after{content:" ";display:block;position:absolute;top:-6px;right:-7px;width:15px;height:15px;background-color:inherit;border:2px solid rgba(48,48,48,.31);border-radius:10px;box-sizing:content-box;opacity:0;transform:scale(0);transition:all .3s ease-in-out}.audiojs .active .audio-progress:after{opacity:1;transform:scale(1);transition:all .1s ease-out}.audiojs .control-bwd:active p,.audiojs .control-fwd:active p,.audiojs .play-pause:active p{animation:pop .2s ease 0s 1}.audiojs .loaded{position:absolute;top:0;left:0;height:100%;width:0;background:#222;transition:width 3s ease}.audiojs .volume{position:relative;border-left:1px solid #000;color:#fff;height:100%;width:100px;padding:0 5px;vertical-align:middle}.audiojs .volume svg{display:none;flex:0 0 auto;width:1.3em;height:1.3em}.audiojs .fa-volume-down>svg.volume-down,.audiojs .fa-volume-off>svg.volume-off,.audiojs .fa-volume-up>svg.volume-up{display:inline-block}.audiojs input{display:inline;height:40px;width:calc(100% - 15px);margin:2px 5px;padding:0;background:inherit;border:none}.audiojs .volume:before{width:1em;position:absolute;top:0;line-height:40px;height:auto}.audiojs .time{display:inline-block;height:40px;margin:0 6px 0 0;border-left:1px solid #000;color:#ddd;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.audiojs .time em{padding-right:2px;color:#f9f9f9;font-style:normal}.audiojs .time strong{padding-left:2px;font-weight:400}.audiojs .error-message{display:none;flex:1 1 auto;margin:auto;text-align:center;color:#fff}.audiojs:not(.playing) .error,.audiojs:not(.playing) .loading,.audiojs:not(.playing) .pause{display:none}.audiojs.playing .error,.audiojs.playing .loading,.audiojs.playing .play{display:none}.audiojs.playing:not(.loading) .pause{display:flex}.audiojs.loading .error,.audiojs.loading .pause,.audiojs.loading .play{display:none}.audiojs.loading .loading{display:block}.audiojs.loading .loading>svg{animation:spin 2s linear infinite}.audiojs.error .player-center,.audiojs.error .time,.audiojs.error .volume{display:none}.error .error{display:block}.error .play-pause p{cursor:auto}.error .error-message{display:block}.audiojs.audiojs p{color:#fff;display:flex;justify-content:center;align-items:center;margin:0;height:100%}.audiojs.loading p.loading.loading{display:flex}.audiojs>button.control-bwd,.audiojs>button.control-fwd{flex:1 auto;min-width:40px;max-width:75px}.audiojs>.player-center{flex:1 1 60%;display:flex;flex-flow:column;justify-content:flex-end}.audiojs>.player-center>.track-detail{position:static;padding:0 5px}.player-center>.scrubber{left:0;width:auto}.audiojs>.volume{flex:1 0 auto;display:flex;min-width:100px;padding:10px;align-items:center}.audiojs>.volume>input{margin:0 0 0 15px}.audiojs .time{flex:0 0 auto;padding:0 1em;margin:auto;display:flex;align-items:center}@media (max-width:641px){.audiojs .player-center{justify-content:center;max-height:40px}.audiojs .scrubber{position:absolute;left:0;top:-6px;height:7px;width:100%;margin:0;border:0;background:#686868;touch-action:none}.audiojs .audio-progress{background:#2ab002;height:100%;touch-action:none}.audiojs .loaded{background:#303030;height:100%}.audiojs .error-message{width:55%}}@media screen and (min-width:1500px){.audiojs{width:25%;max-width:400px;min-height:80px;height:auto;flex-wrap:wrap;margin-right:1.5%}.audiojs .player-center{order:-1;min-width:100%;border-bottom:1px solid #222;min-height:40px;height:auto}.audiojs>.volume{flex-grow:1;flex-basis:20%;border-left:none;height:40px}div.audiojs .control-bwd,div.audiojs .control-fwd,div.audiojs .play-pause{flex-shrink:1}.audiojs.error .error-message{order:-1;width:100%;border-bottom:1px solid #222;line-height:40px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}
/*# sourceMappingURL=audio.min.css.map */