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