.audio[data-v-7747e427]{display:flex;flex-direction:row;align-items:center;padding:0 10px}.audio .audio-icon[data-v-7747e427]{width:36px;margin-right:20px}.audio .audio-icon img[data-v-7747e427]{width:100%;height:100%;display:block}.audio .audio-controls[data-v-7747e427]{width:350px;display:flex;flex-direction:column;align-items:center}.audio .audio-controls .audio-controls--handler[data-v-7747e427],.audio .audio-controls .audio-controls--progress[data-v-7747e427]{width:100%;display:flex;align-items:center;justify-content:space-between}.audio .audio-controls .audio-controls--handler .play[data-v-7747e427]{font-size:24px}.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-7747e427]{width:22px;height:22px;display:block;cursor:pointer}.audio .audio-controls .audio-controls--handler .current-time[data-v-7747e427],.audio .audio-controls .audio-controls--handler .total-time[data-v-7747e427]{font-size:12px;color:#333}.play-handler.mobile[data-v-7747e427]{width:20px;height:20px}.audio-component[data-v-7747e427]{display:none}.custom-slider[data-v-7747e427]{width:100%;height:20px;cursor:pointer;display:flex;align-items:center}.slider-track[data-v-7747e427]{width:100%;height:4px;background-color:#e3e3e3;position:relative;border-radius:2px}.slider-fill[data-v-7747e427]{height:100%;background-color:#409eff;border-radius:2px;transition:width .1s}.slider-thumb[data-v-7747e427]{width:12px;height:12px;background-color:#fff;border:2px solid #409eff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .1s}.slider-thumb[data-v-7747e427]:hover{transform:translate(-50%,-50%) scale(1.2)}@media(max-width:768px){.slider-thumb[data-v-7747e427]{width:16px;height:16px}}