.audioplayer{display:flex;flex-direction:row;box-sizing:border-box;margin:-1px -104px;width:180px;height:26px;padding:4px;align-items:center;border-radius:3px;background:#fff;border:1px solid #ffae42;z-index:99!important;position:relative}.audioplayer-playpause{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause{background:#ececec}.audioplayer-playing .audioplayer-playpause{background:#ececec}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{content:'';justify-content:center;width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-right:none;border-bottom:5px solid transparent;border-left:8px solid #eb8c0e}.audioplayer-playing .audioplayer-playpause a{content:'';display:flex;justify-content:space-between;width:8px;height:10px}.audioplayer-playing .audioplayer-playpause a::after,.audioplayer-playing .audioplayer-playpause a::before{content:'';width:3px;height:9px;background-color:#eb8c0e}.audioplayer-time{font-size:9px;padding:1px}.audioplayer-time-current{color:#696969}.audioplayer-time-diff{color:#696969}.audioplayer-time-duration{color:#696969;margin-right:4px}.audioplayer-bar{position:relative;display:flex;margin:0 2px 0 2px;height:12px;flex-basis:0;flex-grow:1;cursor:pointer}.audioplayer-bar::before{content:'';position:absolute;top:3px;width:100%;height:6px;background-color:#ececec;border-radius:3px}.audioplayer-bar>div{position:absolute;left:0;top:3px}.audioplayer-bar-loaded{z-index:1;height:6px;border-radius:3px}.audioplayer-bar-played{flex-direction:row-reverse;z-index:2;height:6px;background:#eb8c0e;border-radius:3px}.audioplayer-bar-played::after{display:none;position:absolute;content:'';box-sizing:border-box;top:-5px;right:-1px;margin-right:-5px;width:12px;height:12px;background-color:#fff;border-radius:6px}.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after{border:2px solid #bec8d2}.audioplayer-playing .audioplayer-bar-played::after{border:2px solid #0059ff}.audioplayer-volume{display:flex;align-items:center}.audioplayer-volume-button{display:flex;align-items:center;width:22px;height:24px;cursor:pointer}.audioplayer-volume-button a{display:flex;width:8px;height:9px;background-color:#eb8c0e;position:relative}.audioplayer-volume-button a:after,.audioplayer-volume-button a:before{content:'';position:absolute}.audioplayer-volume-button a:before{width:0;height:0;border-top:9px solid transparent;border-right:11px solid #eb8c0e;border-bottom:9px solid transparent;border-left:none;top:-5px}.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{left:12px;top:-1px;width:10px;height:10px;border:6px double #eb8c0e;border-width:6px 6px 0 0;border-radius:0 12px 0 0;transform:rotate(45deg)}.audioplayer-mute .audioplayer-volume-button a{background-color:#eb8c0e}.audioplayer-volume-adjust{align-items:center;margin-left:8px;display:none}.audioplayer-volume-adjust>div{position:relative;display:flex;width:60px;height:2px;cursor:pointer;background-color:#bec8d2}.audioplayer-volume-adjust div div{position:absolute;top:0;left:0;height:2px;background-color:#0059ff}@media screen and (max-width:679px){.audioplayer-volume-adjust{display:none}}.audioplayer-close{margin-left:5px;margin-right:-22px;border-radius:50% 50%;cursor:pointer}