@keyframes fadeVolume{0%{height:0}to{height:50px}}@keyframes fadeRate{0%{max-height:0}to{max-height:120px}}.fade-volume-enter-active{animation:.3s fadeVolume}.fade-volume-leave-active{animation:.3s reverse fadeVolume}.fade-rate-enter-active{animation:.3s fadeRate}.fade-rate-leave-active{animation:.3s reverse fadeRate}.vue-audio-player .vue-audio-player__btn-wrap{justify-content:center;align-items:center;display:flex;position:relative}.vue-audio-player .vue-audio-player__play-icon{fill:currentColor;width:100%;height:100%;overflow:hidden}.vue-audio-player .vue-audio-player__play-volume-icon-wrap{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:21px;height:21px;margin-left:16px;position:relative}.vue-audio-player .vue-audio-player__play-volume-icon-wrap .vue-audio-player__play-volume-wrap{background-color:#ddd;border-radius:10px;width:14px;height:50px;position:absolute;bottom:21px;left:0}.vue-audio-player .vue-audio-player__play-volume-icon-wrap .vue-audio-player__play-volume-wrap .vue-audio-player__play-volume{border-radius:10px;position:absolute;bottom:0;left:0;right:0}.vue-audio-player .vue-audio-player__play-rate{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:21px;margin-right:16px;font-size:14px;line-height:21px;position:relative}.vue-audio-player .vue-audio-player__play-rate__dropdown{color:#fff;border-radius:15px;padding:2px;font-size:12px;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%)}.vue-audio-player .vue-audio-player__play-prev{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player .vue-audio-player__play-prev svg{width:21px;height:33px;display:block}.vue-audio-player .vue-audio-player__play-prev.disable{opacity:.5}.vue-audio-player .vue-audio-player__play-start{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0 16px}.vue-audio-player .vue-audio-player__play-start svg{width:42px;height:42px;display:block}.vue-audio-player .vue-audio-player__play-pause{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0 16px}.vue-audio-player .vue-audio-player__play-pause svg{width:42px;height:42px;display:block}.vue-audio-player .vue-audio-player__play-next{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player .vue-audio-player__play-next svg{width:21px;height:33px;display:block}.vue-audio-player .vue-audio-player__play-next.disable{opacity:.5}.vue-audio-player__notice{color:#bdb2b2;border-radius:4px;font-size:12px;position:absolute;bottom:-15px}.vue-audio-player .vue-audio-player__progress-wrap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;background:#ddd;border-radius:3px;outline:none;height:4px;margin-top:20px;position:relative}.vue-audio-player .vue-audio-player__progress{border-radius:3px;width:0;position:absolute;top:0;bottom:0;left:0}.vue-audio-player .vue-audio-player__progress-point{border-radius:50%;width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;left:-8px}.vue-audio-player .vue-audio-player__progress-point:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.vue-audio-player .vue-audio-player__time-wrap{flex-direction:row;justify-content:space-between;margin-top:7px;display:flex}.vue-audio-player .vue-audio-player__current-time,.vue-audio-player .vue-audio-player__duration{color:#888;font-size:10px}.vue-audio-player .vue-audio-player__audio{margin:0 auto;display:block}@media (any-hover:hover){.vue-audio-player .vue-audio-player__play-rate:hover>span,.vue-audio-player .vue-audio-player__play-rate__dropdown>div:hover,.vue-audio-player__play-icon:hover{opacity:.7}}.vue-audio-player__play-loading{width:42px;height:42px;margin:0 16px;position:relative}.vue-audio-player__play-loading span{border-radius:50%;width:8px;height:8px;animation:1.04s infinite loading;display:inline-block;position:absolute}@keyframes loading{0%{opacity:1}to{opacity:.2}}.vue-audio-player__play-loading span:first-child{margin-top:-4px;animation-delay:.13s;top:50%;left:0}.vue-audio-player__play-loading span:nth-child(2){animation-delay:.26s;top:7px;left:7px}.vue-audio-player__play-loading span:nth-child(3){margin-left:-4px;animation-delay:.39s;top:0;left:50%}.vue-audio-player__play-loading span:nth-child(4){animation-delay:.52s;top:7px;right:7px}.vue-audio-player__play-loading span:nth-child(5){margin-top:-4px;animation-delay:.65s;top:50%;right:0}.vue-audio-player__play-loading span:nth-child(6){animation-delay:.78s;bottom:7px;right:7px}.vue-audio-player__play-loading span:nth-child(7){margin-left:-4px;animation-delay:.91s;bottom:0;left:50%}.vue-audio-player__play-loading span:nth-child(8){animation-delay:1.04s;bottom:7px;left:7px}