.vue-audio-player__play-rate[data-v-d4e485e3]{position:relative;height:21px;line-height:21px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;font-size:14px;margin-right:16px}.vue-audio-player__play-rate__dropdown[data-v-d4e485e3]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:2px;color:#fff;border-radius:15px;font-size:12px;overflow:hidden}@media (any-hover: hover){.vue-audio-player__play-rate:hover>span[data-v-d4e485e3]{opacity:.7}.vue-audio-player__play-rate__dropdown>div[data-v-d4e485e3]:hover{opacity:.7}}.play-controls[data-v-1ddadc9d]{display:flex;align-items:center;justify-content:center}.vue-audio-player__play-icon[data-v-1ddadc9d]{width:100%;height:100%;fill:currentColor;overflow:hidden}.vue-audio-player__play-prev[data-v-1ddadc9d],.vue-audio-player__play-next[data-v-1ddadc9d]{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player__play-prev svg[data-v-1ddadc9d],.vue-audio-player__play-next svg[data-v-1ddadc9d]{display:block;width:21px;height:33px}.vue-audio-player__play-prev.disable[data-v-1ddadc9d],.vue-audio-player__play-next.disable[data-v-1ddadc9d]{opacity:.5}.vue-audio-player__play-start[data-v-1ddadc9d],.vue-audio-player__play-pause[data-v-1ddadc9d]{margin:0 16px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vue-audio-player__play-start svg[data-v-1ddadc9d],.vue-audio-player__play-pause svg[data-v-1ddadc9d]{display:block;width:42px;height:42px}.vue-audio-player__play-loading[data-v-1ddadc9d]{width:42px;height:42px;position:relative;margin:0 16px}.vue-audio-player__play-loading span[data-v-1ddadc9d]{display:inline-block;width:8px;height:8px;border-radius:50%;position:absolute;animation:loading-1ddadc9d 1.04s ease infinite}@keyframes loading-1ddadc9d{0%{opacity:1}to{opacity:.2}}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(1){left:0;top:50%;margin-top:-4px;animation-delay:.13s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(2){left:7px;top:7px;animation-delay:.26s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(3){left:50%;top:0;margin-left:-4px;animation-delay:.39s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(4){top:7px;right:7px;animation-delay:.52s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(5){right:0;top:50%;margin-top:-4px;animation-delay:.65s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(6){right:7px;bottom:7px;animation-delay:.78s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(7){bottom:0;left:50%;margin-left:-4px;animation-delay:.91s}.vue-audio-player__play-loading span[data-v-1ddadc9d]:nth-child(8){bottom:7px;left:7px;animation-delay:1.04s}.vue-audio-player__play-volume-icon-wrap[data-v-5ad2c002]{position:relative;margin-left:16px;height:21px}.vue-audio-player__play-icon[data-v-5ad2c002]{width:21px;height:21px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;fill:currentColor}.vue-audio-player__play-volume-wrap[data-v-5ad2c002]{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:14px;height:50px;background-color:#e6e6e6;border-radius:2px;cursor:pointer}.vue-audio-player__play-volume[data-v-5ad2c002]{position:absolute;bottom:0;left:0;width:100%;border-radius:2px}.fade-volume-enter-active[data-v-5ad2c002],.fade-volume-leave-active[data-v-5ad2c002]{transition:opacity .3s ease}.fade-volume-enter-from[data-v-5ad2c002],.fade-volume-leave-to[data-v-5ad2c002]{opacity:0}@media (any-hover: hover){.vue-audio-player__play-icon[data-v-5ad2c002]:hover{opacity:.7}}.vue-audio-player__progress-wrap[data-v-8501a94b]{position:relative;height:4px;background-color:#e6e6e6;border-radius:2px;touch-action:none}.vue-audio-player__progress[data-v-8501a94b]{position:absolute;top:0;left:0;width:0;height:100%;border-radius:2px;transition:width .1s ease}.vue-audio-player__progress-point[data-v-8501a94b]{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);transition:left .1s ease}@media (any-hover: hover){.vue-audio-player__progress-wrap:hover .vue-audio-player__progress-point[data-v-8501a94b]{transform:translate(-50%,-50%) scale(1.2)}}.vue-audio-player__time-wrap[data-v-83ec7c54]{display:flex;flex-direction:row;justify-content:space-between;margin-top:7px}.vue-audio-player__current-time[data-v-83ec7c54],.vue-audio-player__duration[data-v-83ec7c54]{font-size:10px;color:#888}.vue-audio-player{width:100%;padding:16px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.vue-audio-player__btn-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.vue-audio-player__notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;background-color:#000000b3;color:#fff;border-radius:4px;font-size:14px}.vue-audio-player__audio{display:none}.fade-volume-enter-active,.fade-volume-leave-active,.fade-rate-enter-active,.fade-rate-leave-active{transition:opacity .3s ease}.fade-volume-enter-from,.fade-volume-leave-to,.fade-rate-enter-from,.fade-rate-leave-to{opacity:0}.tl-audio-player[data-v-f94070bf]{width:100%;background:url(/vue3-audio-player/assets/wave-bg-DMfQxRJS.png) no-repeat center/cover;border-radius:4px;padding:8px 16px;box-sizing:border-box;position:relative}.tl-audio-player[data-v-f94070bf]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f5f7fa26;border-radius:4px;z-index:0}.tl-audio-player__content[data-v-f94070bf]{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.tl-audio-player__controls[data-v-f94070bf]{display:flex;align-items:center}.tl-audio-plauer__timewrap[data-v-f94070bf]{flex:1;display:flex;flex-direction:column;gap:8px}.tl-audio-player__title[data-v-f94070bf]{font-size:14px;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-audio-player__progress[data-v-f94070bf]{flex:1;margin:0 8px}.tl-audio-player__time[data-v-f94070bf]{min-width:120px;text-align:right}.tl-audio-player__notice[data-v-f94070bf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;background-color:#000000b3;color:#fff;border-radius:4px;font-size:14px}.tl-audio-player__audio[data-v-f94070bf]{display:none}.audio-container[data-v-46b2c390]{max-width:800px;margin:20px auto;padding:20px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001a}.name[data-v-46b2c390]{text-align:center;line-height:80px;color:#0c4c7d;font-size:18px;font-weight:600}button[data-v-46b2c390]{margin-top:15px;padding:8px 16px;border:none;border-radius:6px;background-color:#0c4c7d;color:#fff;cursor:pointer;transition:background-color .3s}button[data-v-46b2c390]:hover{background-color:#357abd}.code-block[data-v-46b2c390]{display:block;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin:16px 0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;color:#495057;overflow-x:auto}.code-block pre[data-v-46b2c390]{margin:0;white-space:pre-wrap;word-wrap:break-word}.code-block pre[data-v-46b2c390]:before{content:"";display:block;height:12px;width:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;margin-bottom:16px}