.audio{height:50px;display:inline-block;width:100%;padding: 10px 10px 10px 5px;border: 1px solid #ddd;border-radius: 2px;}.audio .audio-controls{display:flex;align-items:center;position:relative;-webkit-transition:bottom .3s linear;-moz-transition:bottom .3s linear;-o-transition:bottom .3s linear;transition:bottom .3s linear;width:100%;height:100%}.audio .audio-controls .play-pause,.audio .audio-controls .full-screen{width:30px;height:40px;flex-shrink:0;flex-grow:0;font-size:29px;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:pointer}.audio .audio-controls .play-pause:hover .icon,.audio .audio-controls .full-screen:hover .icon{opacity:0.7}.audio .audio-controls .play-pause .icon,.audio .audio-controls .full-screen .icon{color:#000;cursor:pointer;font-size:15px;position:relative;top:1px}.audio .audio-controls .timer{position:absolute;display:none}.audio .audio-controls input[type=range].seek-bar{outline:none;padding:0;width:100%;height:2px;cursor:pointer;-webkit-appearance:none;display:block;margin-top:3px;margin-left:3px;background-color:#D8D8D8;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000), color-stop(100%, #000));background-size:0 100%;background-repeat:no-repeat}.audio .audio-controls input[type=range].seek-bar::-webkit-slider-thumb{height:2px;width:0px;border:0;background:#000;-webkit-appearance:none;position:relative;right:1px}.audio .audio-controls input[type=range].seek-bar::-moz-range-thumb{height:2px;width:0px;border:0;background:#000;-webkit-appearance:none;position:relative;right:1px}.audio .audio-controls input[type=range].seek-bar::-ms-thumb{height:2px;width:0px;border:0;background:#000;-webkit-appearance:none;position:relative;right:1px}.audio .audio-controls input[type=range].seek-bar::-moz-range-track{background:transparent;border-color:transparent;color:transparent}.audio .audio-controls input[type=range].seek-bar::-ms-track{background:transparent;border-color:transparent;color:transparent}
/*# sourceMappingURL=audioplayer.css.map */