section[data-v-f9b0f78e]{gap:20px}section[data-v-f9b0f78e],section .vp-wave-box[data-v-f9b0f78e]{align-items:center;display:flex;justify-content:space-between}section .vp-wave-box[data-v-f9b0f78e]{flex:1;gap:12px}section .vp-wave-box .wavesurferMain[data-v-f9b0f78e]{flex:1;position:relative}section .vp-wave-box .wavesurferMain .waveloading[data-v-f9b0f78e]{align-items:center;border-radius:8px;display:flex;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}section .vp-wave-box .time[data-v-f9b0f78e]{color:#fff;font-size:14px;font-weight:400;opacity:.6;width:30px}.playbtn .bt[data-v-f9b0f78e]{align-items:center;background:#242424;background:#0000001a;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#8c8c8c;display:flex;height:40px;justify-content:center;margin:0;padding:0;width:40px}.playbtn .bt i[data-v-f9b0f78e]{font-size:24px!important}.playbtn .bt[data-v-f9b0f78e]:hover{background:#333;color:#fff}@media (max-width:768px){.time[data-v-f9b0f78e],.view[data-v-f9b0f78e]{display:none}}