.controller-box[data-v-0e00170b]{flex:1}.gen-btn-box[data-v-0e00170b]{margin-top:20px;padding:0 10px 10px}.list[data-v-0e00170b]{display:flex;flex-direction:column;gap:30px;height:calc(100% - 40px);margin-top:20px;padding-right:10px}.title[data-v-0e00170b]{align-items:center;display:flex;height:34px;justify-content:space-between}.title .left-title[data-v-0e00170b]{color:#fff;font-size:16px}.title .left-title i[data-v-0e00170b]{border-radius:4px;font-size:14px;font-style:normal;margin:0;padding:2px 4px}.title span[data-v-0e00170b]{color:#fff;font-size:18px}.title .filter-box[data-v-0e00170b]{gap:10px}.title .filter-box[data-v-0e00170b],.title .icon[data-v-0e00170b]{align-items:center;display:flex;justify-content:center}.title .icon[data-v-0e00170b]{background:#2e2f31;border-radius:8px;height:34px;padding:8px;width:34px}.title .icon[data-v-0e00170b],.title .icon i[data-v-0e00170b]{transition:all .3s ease-in-out}.title .icon i[data-v-0e00170b]{color:#999;font-size:18px}.title .icon[data-v-0e00170b]:hover{background:#02bea0}.title .icon:hover i[data-v-0e00170b]{color:#000}.title p[data-v-0e00170b]{color:#999;margin-bottom:10px}.title p[data-v-0e00170b]:nth-of-type(2){margin-top:16px}.upload-box[data-v-0e00170b]{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.upload-box .upload-title[data-v-0e00170b]{color:var(--60,#999);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:22px;text-align:left;width:100%}.upload-box .upload-file[data-v-0e00170b]{align-items:center;align-self:stretch;background:#141414;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:220px;justify-content:center;padding:28px 40px}.upload-box .upload-file .upload-imgbox[data-v-0e00170b]{align-items:center;display:flex;height:54px;justify-content:center;position:relative}.upload-box .upload-file .upload-imgbox img[data-v-0e00170b]:first-child,.upload-box .upload-file .upload-imgbox img[data-v-0e00170b]:nth-child(2),.upload-box .upload-file .upload-imgbox img[data-v-0e00170b]:nth-child(3){position:absolute;transition:all .3s linear}.upload-box .upload-file .upload-imgbox img[data-v-0e00170b]:first-child{left:50%;top:50%;transform:translate(-100%,-50%)}.upload-box .upload-file .upload-imgbox img[data-v-0e00170b]:nth-child(3){left:50%;top:50%;transform:translate(-50%,-50%)}.upload-box .upload-file .upload-imgbox img[data-v-0e00170b]:nth-child(2){left:50%;top:50%;transform:translateY(-50%)}.upload-box .upload-file .uf-text[data-v-0e00170b]{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:100%}.upload-box .upload-file .uf-text p[data-v-0e00170b]:first-child{color:var(--100,#fff);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-align:center}.upload-box .upload-file .uf-text p[data-v-0e00170b]:nth-child(2){color:var(---,var(---100,#fff));font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;opacity:.4;text-align:center}.upload-box .upload-file .btn-record-audio[data-v-0e00170b]{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--80,#ccc);display:flex;flex-shrink:0;gap:8px;height:34px;justify-content:center;padding:10px 11px;width:130px}.upload-box .upload-file .btn-record-audio[data-v-0e00170b]:hover{background:#2a2d2e;border:1px solid hsla(0,0%,100%,.1);color:var(--100,#fff)}.upload-box .upload-file .btn-record-audio i[data-v-0e00170b]{font:18px}.upload-box .upload-file .btn-record-audio span[data-v-0e00170b]{font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.upload-box .upload-file:hover img[data-v-0e00170b]:first-child{left:50%;top:50%;transform:translate(-115%,-60%)}.upload-box .upload-file:hover img[data-v-0e00170b]:nth-child(3){left:50%;top:50%;transform:translate(-50%,-60%)}.upload-box .upload-file:hover img[data-v-0e00170b]:nth-child(2){left:50%;top:50%;transform:translate(15%,-60%)}.upload-box .cancel-file[data-v-0e00170b]{align-items:center;align-self:stretch;background:#141414;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:220px;justify-content:center;padding:40px 0}.upload-box .cancel-file .loading[data-v-0e00170b]{font-size:14px;font-weight:400;margin-bottom:18px;text-align:center}.upload-box .cancel-file .cancel[data-v-0e00170b]{border:1px solid var(---20,#333);border-radius:8px;flex-shrink:0;gap:12px;height:36px;margin:0 auto;padding:4px 20px;width:120px}.upload-box .form-row .form-col[data-v-0e00170b]{display:flex;flex-direction:column;gap:10px}.voice-language[data-v-0e00170b]{display:flex;flex-direction:column;margin-top:20px}.voice-language .el-select[data-v-0e00170b]{background:#141414;border:none;border-radius:8px;margin-top:10px;width:100%}.vp-header[data-v-0e00170b]{color:var(--60,#999);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:22px;text-align:left}.success[data-v-0e00170b]{align-items:center;background:linear-gradient(0deg,#141414,#141414),#ffffff0f;border-radius:8px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:10px}.success p[data-v-0e00170b]:first-child{align-items:center;align-self:stretch;display:flex;gap:8px;justify-content:space-between}.success p:first-child span[data-v-0e00170b]:first-child,.success p:first-child span[data-v-0e00170b]:nth-child(2){color:#fff;font-size:14px;opacity:.56}.success .wavesurferBox[data-v-0e00170b]{align-items:center;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;margin-top:16px;width:100%}.success .wavesurferBox .bt-voice-play[data-v-0e00170b]{background:#fff3;border:1px solid hsla(0,0%,100%,0);border-radius:8px;padding:9px!important}.success .wavesurferBox .bt[data-v-0e00170b]{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:center;opacity:.56;padding:0}.success .wavesurferBox .bt[data-v-0e00170b]:hover{opacity:1}.success .wavesurferBox .close-btn[data-v-0e00170b]{background:#fff0;border:1px solid hsla(0,0%,100%,0);border-radius:8px}.success .wavesurferBox .close-btn i[data-v-0e00170b]{font-size:20px}.success .wavesurferBox .vp-wave-box[data-v-0e00170b]{align-items:center;height:40px;overflow:hidden;width:100%}.success .wavesurferBox .vp-wave-box div span[data-v-0e00170b]{font-size:12px;opacity:.6}.success .wavesurferBox .waveloading[data-v-0e00170b]{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;position:relative;top:0;width:100%}.success .wavesurferBox .waveloading img[data-v-0e00170b]{height:30px}.success .audio-list[data-v-0e00170b]{align-items:center;align-self:stretch;background:#212324;border-radius:6px;display:flex;gap:12px;height:56px;justify-content:space-between;padding:10px;width:100%}.success .audio-list .bt-voice-play[data-v-0e00170b],.success .audio-list .close-btn[data-v-0e00170b]{align-items:center;display:flex;font-size:18px;justify-content:center}.success .audio-list .bt-voice-play[data-v-0e00170b]{align-items:center;border-radius:6px;display:flex;height:30px;justify-content:center;padding:7px;width:30px}.success .audio-list .close-btn[data-v-0e00170b]{color:#b1b1b1;height:18px;width:18px}.success .audio-list .audio-name[data-v-0e00170b]{align-items:center;display:flex;gap:12px;justify-content:space-between;width:80%}.success .audio-list .audio-name p[data-v-0e00170b]:first-child{color:var(---,var(---100,#fff));font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:75%}.success .audio-list .audio-name p[data-v-0e00170b]:nth-child(2){color:var(---,var(---100,#fff));flex:1 0 0;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:20px;opacity:.3;text-align:right;width:auto}.success .audio-list .vp-wave-box[data-v-0e00170b]{align-items:center;overflow:hidden;width:100%}.success .audio-list .vp-wave-box div span[data-v-0e00170b]{font-size:12px;opacity:.6}.success .audio-list .waveloading[data-v-0e00170b]{align-items:center;border-radius:8px;display:flex;justify-content:center;position:relative;top:0;width:100%}.success .audio-list .waveloading img[data-v-0e00170b]{height:30px}.success .btn-addfile[data-v-0e00170b]{align-items:center;align-self:stretch;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:var(---,var(---100,#fff));display:flex;font-family:Poppins;font-size:12px;font-style:normal;font-weight:300;gap:8px;justify-content:center;line-height:20px;padding:8px 0;text-align:center;width:100%}.success .btn-addfile[data-v-0e00170b]:hover{background:#2a2d2e;border:1px solid hsla(0,0%,100%,.1);color:var(--100,#fff)}.record[data-v-0e00170b]{background:#141414;border-radius:12px;flex-direction:column;height:220px}.record[data-v-0e00170b],.record .btn-cancel[data-v-0e00170b]{align-items:center;display:flex;justify-content:center}.record .btn-cancel[data-v-0e00170b]{background-color:#212324;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;gap:4px;padding:10px;width:40%}.record .btn-cancel[data-v-0e00170b]:hover{border:.6px solid #6c6e72;color:var(---100,#fff)}.record p[data-v-0e00170b]:first-child{color:#fff;font-size:32px;font-weight:500}.record p[data-v-0e00170b]:nth-child(2){color:#999;font-size:14px;line-height:22px;max-width:360px;text-align:center}.record p[data-v-0e00170b]:nth-child(3){align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:20px;width:80%}.record p:nth-child(3) button[data-v-0e00170b]{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#ccc;font-size:14px;margin-top:0;padding:6px 40px;width:50%}.record p:nth-child(3) .fv-button[data-v-0e00170b]{border:1px solid rgba(2,190,159,0);color:#000;padding:6px 15px}.custom-select-dropdown{background:#2f3233;border:1px solid hsla(0,0%,100%,.04);border-radius:10px;box-shadow:0 4px 12px #00000040;overflow:hidden}.custom-select-dropdown .el-select-dropdown__item.is-selected{color:#fff!important;font-weight:400}.custom-select-dropdown .el-select-dropdown__item.is-hovering{background:#ffffff0f!important;color:#fff!important}.custom-select-dropdown .el-select-dropdown__list{background:#2f3233;border-radius:10px;box-shadow:0 4px 12px #00000040;overflow:hidden;padding:10px}.custom-select-dropdown .el-select__selected-item{color:#fff}.custom-select-dropdown .el-select-dropdown__item{align-items:center;align-self:stretch;border-radius:8px;display:flex;gap:10px;margin:0 auto;padding:10px;width:100%}.custom-select-dropdown .el-input__wrapper{border:1px solid #2e2f31;border-radius:8px!important}.custom-select-dropdown .custom-select-input .el-input__wrapper{background-color:#1a1a1a!important}.custom-select-dropdown .el-select__placeholder.is-transparent{color:#8d9095!important}[data-v-0e00170b] .el-select__wrapper{background:#141414;border:none!important;border-radius:8px;box-shadow:none;min-height:46px!important;padding:12px 16px}[data-v-0e00170b] .el-select__wrapper:hover,[data-v-0e00170b] .el-select__wrapper.is-focused{background:linear-gradient(90deg,#141414,#2a2d2e)!important;border:none!important;box-shadow:0 0 0 1px var(--primary-color,hsla(0,0%,100%,.1)) inset;color:#fff;height:46px}.custom-select-dropdown .fv-ico-finevoice-brand{color:#fbd38d!important;font-size:14px}[data-v-0e00170b] .filter-tag{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;padding:5px;width:160px}[data-v-0e00170b] .filter-tag button{border-radius:6px;display:flex;gap:8px;justify-content:center;padding:6px 16px;transition:all .3s ease-in-out;white-space:nowrap;width:100%}[data-v-0e00170b] .filter-tag button img{border-radius:15px}[data-v-0e00170b] .filter-tag button:hover,[data-v-0e00170b] .filter-tag button.active{background:#02bea0;border-radius:6px;color:#000}@media screen and (max-width:992px){.audio-name[data-v-0e00170b]{width:70%!important}.audio-name p[data-v-0e00170b]:first-child{width:50%!important}}@media (max-width:768px){.main-page[data-v-0e00170b]{flex-direction:column;height:auto}.el-input[data-v-0e00170b]{margin-right:8px;width:150px!important}.tool-right[data-v-0e00170b]{width:100%}.tool-right .list[data-v-0e00170b]{overflow-x:hidden}.cancel-file[data-v-0e00170b],.record[data-v-0e00170b],.upload-file[data-v-0e00170b]{min-height:260px}.record[data-v-0e00170b]{padding:10px}.record p[data-v-0e00170b]:nth-child(3){flex-direction:column}.record p:nth-child(3) button[data-v-0e00170b]{width:100%}.list[data-v-0e00170b]{height:calc(100% - 55px)}.upload-box[data-v-0e00170b]{padding:0}.gen-btn-box[data-v-0e00170b]{padding:0 0 10px}}