.preview_audio .before[data-v-e5dc85a5],.preview_audio .after[data-v-e5dc85a5]{padding:.125rem 0;height:1.5rem}.preview_audio .box[data-v-e5dc85a5]{display:flex;align-items:center;gap:.75rem}.preview_audio .box p[data-v-e5dc85a5]{white-space:nowrap}.preview_audio .before[data-v-e5dc85a5]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-12)}.preview_audio .before .box[data-v-e5dc85a5]{display:inline-flex;cursor:pointer}.preview_audio .before .character[data-v-e5dc85a5]{font-weight:400;color:var(--color-text-white-60);margin-right:.0625rem}.preview_audio .btn[data-v-e5dc85a5]{padding:.3125rem;width:.875rem;height:.875rem;display:flex;justify-content:center;align-items:center;background:var(--color-card-sub);border-radius:var(--radius-20);border:.5px solid var(--color-card-sub)}.preview_audio .btn[data-v-e5dc85a5]:hover{border:.5px solid var(--color-border-white-16)}.preview_audio .btn[data-v-e5dc85a5] .lds-ring div{width:.75rem;height:.75rem;border-width:.125rem;margin-left:.5px;margin-top:.0625rem}.preview_audio .time_life[data-v-e5dc85a5]{width:100%;height:.25rem;padding:.3125rem;position:relative}.preview_audio .time_life[data-v-e5dc85a5]:hover{cursor:pointer}.preview_audio .time_life:hover .time_progress[data-v-e5dc85a5]:after{display:block}.preview_audio .time_life .tips[data-v-e5dc85a5]{position:absolute;padding:.3125rem .75rem;font-size:.625rem;background-color:var(--color-card-sub);border-radius:var(--radius-12);top:-1.875rem;margin-left:-1.25rem}.preview_audio .time_life .time_total[data-v-e5dc85a5]{border-radius:var(--radius-12);background:var(--color-white-16);height:.1875rem;position:absolute;left:0;width:100%}.preview_audio .time_life .time_progress[data-v-e5dc85a5]{border-radius:var(--radius-12);background:var(--color-white-90);height:.1875rem;position:absolute;left:0;width:0%}.preview_audio .time_life .time_progress[data-v-e5dc85a5]:after{content:"";display:none;width:.75rem;height:.75rem;border-radius:var(--radius-20);background:var(--color-white);position:absolute;right:-.375rem;top:-.25rem}.preview_audio .time_show[data-v-e5dc85a5]{display:flex;align-items:center;gap:.5rem;font-size:var(--font-12)}.preview_audio .time_show i[data-v-e5dc85a5]{width:.0625rem;height:.625rem;display:block;background-color:var(--color-white-40)}.preview_audio .time_show .total[data-v-e5dc85a5]{color:var(--color-text-white-40)}.preview_audio .time_show span[data-v-e5dc85a5]{min-width:2.125rem;text-align:center}.preview_audio .retry[data-v-e5dc85a5]{display:flex;justify-content:center;align-items:center;gap:.375rem;font-size:var(--font-12);padding:var(--padding-6) var(--padding-12);border-radius:var(--radius-20);border:.5px solid var(--color-card-sub);white-space:nowrap}.preview_audio .retry .icon[data-v-e5dc85a5]{width:.875rem;height:.875rem}.preview_audio .retry[data-v-e5dc85a5]:hover{cursor:pointer;background-color:var(--color-card-sub)}.disable[data-v-e5dc85a5]{opacity:.4}.disable .box .btn[data-v-e5dc85a5],.disable .box p[data-v-e5dc85a5]{cursor:not-allowed!important}[data-light-btn=true] .btn[data-v-e5dc85a5]{background:var(--color-white)}[data-light-btn=true] .btn[data-v-e5dc85a5] svg path{fill:var(--color-black)}[dir=rtl] .retry .icon[data-v-e5dc85a5] .lds-ring{left:inherit;right:-.25rem}