.audioplayer{height:35px;color:#37474f;position:relative;z-index:1;background:rgba(255,255,255,.3);margin-top:10px}.audioplayer-mini{width:2.5em;margin:0 auto}.audioplayer>div{position:absolute}.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1)}.audioplayer-mini .audioplayer-playpause{width:100%}.audioplayer-playpause:focus,.audioplayer-playpause:hover{background-color:rgba(0,0,0,.1)}.audioplayer-playpause a{display:block}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{width:0;height:0;border:.5em solid transparent;border-right:none;border-left-color:#37474f;content:"";position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.25em}.audioplayer-playing .audioplayer-playpause a{width:.75em;height:.75em;position:absolute;top:50%;left:50%;margin:-.375em 0 0 -.375em}.audioplayer-playing .audioplayer-playpause a:after,.audioplayer-playing .audioplayer-playpause a:before{width:40%;height:100%;background-color:#37474f;content:"";position:absolute;top:0}.audioplayer-playing .audioplayer-playpause a:before{left:0}.audioplayer-playing .audioplayer-playpause a:after{right:0}.audioplayer-time{width:4.375em;height:100%;line-height:35px;text-align:center;z-index:2;top:0;font-size:14px}.audioplayer-time-current{left:2.5em}.audioplayer-time-duration{display:none;border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);right:2.5em}.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}.audioplayer-bar{height:2px;background-color:#dadada;cursor:pointer;z-index:1;top:50%;right:15px;left:6.875em}.audioplayer-novolume .audioplayer-bar{right:4.375em}.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}.audioplayer-bar-loaded{background-color:#ddd;z-index:1}.audioplayer-bar-played{background:#007fd1;z-index:2}.audioplayer-volume{display:none;width:40px;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}.audioplayer-volume:focus,.audioplayer-volume:hover{outline:2px solid #607D8B}.audioplayer-volume-button{width:100%;height:100%}.audioplayer-volume-adjust{height:6.25em;background:#fff;cursor:default;position:absolute;left:0;right:-1px;top:-9999px}.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;margin-bottom:2px;bottom:100%}.audioplayer-volume-adjust>div{width:7px;height:80%;background-color:#cddbe3;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#4caf50}.audioplayer-novolume .audioplayer-volume{display:none}.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);-moz-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)}.audioplayer *,.audioplayer :after,.audioplayer :before{-webkit-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-o-transition:color .25s ease,background-color .25s ease,opacity .5s ease;transition:color .25s ease,background-color .25s ease,opacity .5s ease}.audioplayer-bar-played{position:relative}.audioplayer-playing .audioplayer-bar-played:before{content:"";position:absolute;display:block;right:-10px;top:-4px;width:10px;height:10px;border-radius:50%;background:#4586ec}