.import_and_record[data-v-0d04bf9a]{height:100%;display:flex;flex-direction:column}.audio-disable[data-v-0d04bf9a]{opacity:.5;cursor:not-allowed;color:var(--color-text-white-40)}.audio-disable[data-v-0d04bf9a] svg path{fill:var(--color-text-white-40)}.audio_record[data-v-0d04bf9a]{display:flex;align-items:center;justify-content:center;flex-direction:column}.audio_record .record-icon[data-v-0d04bf9a]{width:7rem;height:7rem;border:.0625rem dashed var(--color-border);display:flex;align-items:center;justify-content:center;border-radius:50%}.audio_record .record-icon[data-v-0d04bf9a] svg path{fill:#2d2e35}.audio_record .record-icon[data-v-0d04bf9a] svg rect{stroke:#2d2e35}.audio_record .record[data-v-0d04bf9a]{display:flex;align-items:center;justify-content:center}.audio_record .record .content[data-v-0d04bf9a]{width:calc(100% - 2rem)}.audio_record .record .content .btn[data-v-0d04bf9a]{padding:.75rem 1rem}.import-audio[data-v-0d04bf9a]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0px 1rem;border-radius:var(--radius-20);background-color:var(--color-black);text-align:center;height:100%;min-height:11.25rem}.import-audio svg[data-v-0d04bf9a]{width:2.5rem;height:2.5rem;display:inline-block}.import-audio .audio-box[data-v-0d04bf9a] svg path{fill:#2d2e35}.import-audio .text[data-v-0d04bf9a]{font-size:.75rem;margin:.25rem 0 .3125rem}.import-audio .format[data-v-0d04bf9a]{color:var(--color-text-white-40);font-size:var(--font-12);font-weight:400}.import-audio .btn[data-v-0d04bf9a]{margin-top:.625rem}.import-audio .btn[data-v-0d04bf9a]:hover{background-color:var(--color-card-sub)}.record[data-v-0d04bf9a]{width:100%}.record h4[data-v-0d04bf9a]{margin:1.875rem 0 3.125rem;text-align:center}.content[data-v-0d04bf9a]{display:flex;align-items:center;flex-direction:column;gap:1rem;height:100%}.circle[data-v-0d04bf9a]{display:flex;align-items:center;flex-direction:column;justify-content:space-between;border:.0625rem dashed var(--color-border);width:100%;height:100%;border-radius:var(--radius-20);padding:1rem 0;gap:.625rem;min-height:9.125rem;background:var(--color-card-sub)}.circle .microphone[data-v-0d04bf9a]{padding:1rem;border:.0625rem solid var(--color-red);border-radius:50%}.circle .microphone svg[data-v-0d04bf9a]{font-size:1.875rem;width:1.875rem;height:1.875rem}.clone[data-v-0d04bf9a]{width:calc(100% - 2.5rem);padding:1rem;display:flex;align-items:flex-start}.clone .title[data-v-0d04bf9a]{font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;gap:.625rem}.clone .title .left[data-v-0d04bf9a]{display:flex;align-items:center;gap:.625rem}.clone .title .left .back[data-v-0d04bf9a]{display:flex;align-items:center;cursor:pointer}.clone .title .mic_record[data-v-0d04bf9a]{opacity:.4}.clone .title .mic_record[data-v-0d04bf9a] rect{stroke:var(--color-text)}.clone .title .mic_record[data-v-0d04bf9a] path{fill:var(--color-text)}.clone .info[data-v-0d04bf9a]{line-height:1.25rem;color:var(--color-text-white-60)}.clone .info[data-v-0d04bf9a] .word{transition:color .5s}.clone .info[data-v-0d04bf9a] .word.active{color:var(--color-yellow)}.btn[data-v-0d04bf9a]{min-width:15rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;width:calc(100% - .125rem);border:.0625rem solid var(--color-border);position:relative;text-align:center;padding:var(--padding-12) 0;font-size:var(--font-14);font-weight:500;border-radius:var(--radius-22)}.btn span[data-v-0d04bf9a]{width:1rem;height:1rem;display:inline-block;border-radius:50%;position:relative}.btn span i[data-v-0d04bf9a]{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;position:absolute;left:50%;margin-left:-.25rem;top:50%;margin-top:-.25rem}.btn .time[data-v-0d04bf9a]{text-align:left}.btn .time-stop[data-v-0d04bf9a]{min-width:6.5625rem}.btn canvas[data-v-0d04bf9a]{position:absolute;width:calc(100% - .125rem)}.stop[data-v-0d04bf9a]{margin-top:1rem;border:.0625rem solid var(--color-card-sub);overflow:hidden}.stop[data-v-0d04bf9a]:hover{background-color:var(--color-card-sub)}.stop .text[data-v-0d04bf9a]{display:flex;align-items:center;justify-content:center;padding:0 .5rem;z-index:1;text-align:center}.stop .text .time[data-v-0d04bf9a]{width:3.375rem;text-align:center}.stop span[data-v-0d04bf9a]{border-radius:.25rem;background-color:var(--color-red);border:.0625rem solid var(--color-red)}.start[data-v-0d04bf9a]{margin-top:1rem}.start[data-v-0d04bf9a]:hover{background-color:var(--color-card-sub)}.start span[data-v-0d04bf9a]{background-color:var(--color-white);border:.0625rem solid var(--color-border-white)}.start span i[data-v-0d04bf9a]{background-color:var(--color-red)}.start svg[data-v-0d04bf9a]{padding:.125rem}.clone_disable[data-v-0d04bf9a]{opacity:.5}.clone_disable[data-v-0d04bf9a]:hover{background-color:initial}@media (max-width: 820px){.import_and_record[data-v-0d04bf9a],.import-audio[data-v-0d04bf9a]{min-height:10.75rem;display:flex;flex-direction:column}.import_and_record .btn[data-v-0d04bf9a],.import-audio .btn[data-v-0d04bf9a]{margin-bottom:.75rem}.audio_record .record-icon[data-v-0d04bf9a]{width:5.5rem;height:5.5rem}.audio_record .record-icon[data-v-0d04bf9a] svg{width:2rem;height:2rem}.import-audio svg[data-v-0d04bf9a]{width:2rem;height:2rem}}[data-safari=true] .btn[data-v-0d04bf9a]:hover,[data-safari=true] #record_clone .btn[data-v-0d04bf9a]:hover{background-color:transparent!important}.pop-clone ul.content[data-v-e529f3d4]{min-width:27.5rem;max-width:27.5rem;display:flex;flex-direction:column;gap:.625rem}.pop-clone ul.content label[data-v-e529f3d4]{font-size:var(--font-12);margin:.375rem 0 .75rem;display:block;color:var(--color-text-white-40)}.pop-clone ul.content .name .input[data-v-e529f3d4]{width:100%;position:relative;display:flex;align-items:center}.pop-clone ul.content .name .input input[data-v-e529f3d4]{padding-right:4.375rem;width:calc(100% - 4.375rem)}.pop-clone ul.content .name .input .len[data-v-e529f3d4]{position:absolute;right:1.25rem;color:var(--color-text-white-40)}.pop-clone ul.content .tips[data-v-e529f3d4]{margin-top:1rem}.pop-clone ul.content .tips p[data-v-e529f3d4]{color:var(--color-text-white-40);font-weight:400;font-size:var(--font-12);line-height:1.125rem}.language[data-v-e529f3d4] .disable{display:flex;align-items:center;gap:.5rem}.voice[data-v-e529f3d4]{position:relative}.voice[data-v-e529f3d4] .import-audio svg{width:1.25rem;height:1.25rem}.voice[data-v-e529f3d4] .import-audio .text{font-size:var(--font-12);margin-top:.5rem}.voice[data-v-e529f3d4] .audio .top{width:calc(100% - 3.5rem);margin:0 0 1.25rem .75rem}.voice[data-v-e529f3d4] .ws-audio .btns{margin:0px 0 1.25rem}.voice[data-v-e529f3d4] .record-clone{width:100%;display:flex;justify-content:flex-end}.voice[data-v-e529f3d4] .record-clone .select .vue-select{width:7.5rem;--vs-font-size: .75rem}.voice[data-v-e529f3d4] .record-clone .select .vue-select .control{padding:var(--padding-8) var(--padding-8) var(--padding-8) var(--padding-12)}.voice[data-v-e529f3d4] .record-clone .select .vue-select .menu-option{font-size:.75rem!important}.btns[data-v-e529f3d4]{display:flex;gap:.75rem;margin-top:1.25rem;font-size:var(--font-14);align-items:center;justify-content:end;cursor:pointer}.btns .btn[data-v-e529f3d4]{font-size:var(--font-14);padding:var(--radius-8) var(--radius-16);border-radius:var(--radius-18);font-weight:500;min-width:5rem;text-align:center}.btns .cancel[data-v-e529f3d4]{border:.0625rem solid var(--color-border);color:var(--color-text)}.btns .cancel[data-v-e529f3d4]:hover{opacity:1}.btns .confirm[data-v-e529f3d4]{background:var(--color-primary);border:.0625rem solid var(--color-primary)}.btns .confirm[data-v-e529f3d4]:hover{opacity:1}.btns .disable[data-v-e529f3d4]{opacity:.5;background:var(--color-primary);cursor:not-allowed}.btns .disable[data-v-e529f3d4]:hover{opacity:.5}@media (max-width: 820px){.pop-clone[data-v-e529f3d4] .layer{width:100%;flex-direction:column-reverse;flex-wrap:initial;justify-content:initial;align-items:initial}.pop-clone[data-v-e529f3d4] .layer .common-container{padding:.75rem;width:calc(100% - 1.5rem)}.pop-clone ul.content[data-v-e529f3d4]{min-width:100%;max-width:100%;overflow-y:scroll}.pop-clone .btns[data-v-e529f3d4]{justify-content:center}.pop-clone .btns div[data-v-e529f3d4]{font-size:var(--font-14);font-weight:initial}.pop-clone .btns .confirm[data-v-e529f3d4]{width:100%}}[dir=rtl] .pop-clone ul.content .name .input input[data-v-e529f3d4]{padding-right:.625rem;padding-left:4.375rem}[dir=rtl] .pop-clone ul.content .name .input .len[data-v-e529f3d4]{position:absolute;left:1.25rem;right:inherit!important}