@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
.upload-container-new{width:100%;max-width:1200px;padding:3rem 2rem;margin:0 auto}.upload-container-new-small{max-width:950px}.upload-block{box-shadow:0 2px 40px 0 rgba(0,0,0,.14);border-radius:5px;background-color:#fff}.upload-block .upload-files{min-height:340px}.upload-block .upload-config-top{padding:10px 0;display:flex;justify-content:space-between;align-items:center;background-color:#fcfcfc;border-bottom:1px solid #dee2e6}.upload-block .upload-config-top .upload-gloab-setting{display:flex;align-items:center;justify-content:center}.upload-block .upload-config{position:static;bottom:0;z-index:11;background-color:#fff}.upload-block .upload-config .config-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.Hide500{display:block!important}.Hide500-flex{display:flex!important}.Show500,.Show500-flex{display:none!important}@media (max-width:500px){.upload-container-new{padding:3rem 0}.upload-container-new .dropdown .dropdown-menu{width:100%!important}.upload-container-new>div:first-child{padding:0 .5rem}.upload-block .upload-config-top{flex-wrap:wrap;justify-content:center}.upload-block .upload-config-top .upload-add-mores{display:none!important}.upload-block .compress-upload-config-top{padding:10px 0;display:flex;align-items:center;background-color:#fcfcfc;border-bottom:1px solid #dee2e6}.upload-block .compress-upload-config-top .conf-list{width:33.33%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:rgba(0,0,0,.72);font-size:12px;border-right:1px solid rgba(0,0,0,.08)}.upload-block .compress-upload-config-top .conf-list:last-child{border-right:0}.upload-block .compress-upload-config-top .conf-list .conf-set{margin-top:5px}.upload-block .compress-upload-config-top .conf-list .conf-set .dropdown button{border:0;padding:0;margin:0;background-color:transparent;color:#000;font-size:16px}.upload-block .compress-upload-config-top .conf-list .conf-set .conf-param{font-weight:500;font-size:16px;color:#000}.upload-block .upload-files{min-height:240px}.upload-block .upload-files .file-mobile{position:relative;padding:24px;border-bottom:1px solid rgba(0,0,0,.08)}.upload-block .upload-files .file-mobile .file-left{display:flex;align-items:center}.upload-block .upload-files .file-mobile .file-left .file-image{width:48px;height:48px;position:relative}.upload-block .upload-files .file-mobile .file-left .file-image .error-img{position:absolute;left:-6px;top:-6px}.upload-block .upload-files .file-mobile .file-left .file-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;text-align:left;margin:0 12px}.upload-block .upload-files .file-mobile .file-left .file-content .file-name{overflow:hidden;text-overflow:ellipsis;word-break:break-all;font-size:14px;color:#000}.upload-block .upload-files .file-mobile .file-left .file-content .file-params{display:flex;align-items:center;font-size:10px}.upload-block .upload-files .file-mobile .file-left .file-content .file-params .file-size{color:rgba(0,0,0,.72)}.upload-block .upload-files .file-mobile .file-left .file-content .file-params .file-output,.upload-block .upload-files .file-mobile .file-left .file-set{display:flex;align-items:center}.upload-block .upload-files .file-mobile .file-left .file-set .uploadListItem .cloud-save .dropdown-item{width:100%;height:45px;line-height:45px;padding:0 10px;background-color:#fff!important;font-size:14px;border-bottom:1px solid rgba(0,0,0,.08)}.upload-block .upload-files .file-mobile .file-close{position:absolute;top:5px;right:5px}.upload-block .upload-files .file-mobile .progress-line{width:0;height:1px;position:absolute;left:0;bottom:0;z-index:2;background-color:#58d191}.upload-block .upload-config-mobile{width:100%;height:75px;padding:12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.08);z-index:11}.Hide500{display:none!important}.Show500{display:block!important}.Hide500-flex{display:none!important}.Show500-flex{display:flex!important}}.btn{border-width:1px!important}
.upload-files{display:flex;flex-direction:column;align-items:center;padding:48px}.upload-files .img-close{top:15px;right:15px}.upload-files .file-name{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:24px;color:rgba(0,0,0,.72)}.upload-files .track-audio{width:100%}.upload-files .track-audio .track-item{display:flex;align-items:center;flex-wrap:wrap;margin:40px 0}.upload-files .track-audio .track-item .track-text{width:120px;display:inline-block;text-align:right;color:rgba(0,0,0,.72)}.upload-files .track-audio .track-item .wavaform{width:480px;height:64px;cursor:pointer;border:1px solid #90cfae;border-radius:4px;display:flex;flex-direction:column;justify-content:center;position:relative}.upload-files .track-audio .track-item .wavaform img{position:relative;z-index:2}.upload-files .track-audio .track-item .wavaform .wavaform-mask{width:100%;height:100%;position:absolute;right:0;top:0;background-color:rgba(144,207,174,.32);border-left:1px solid #90cfae}.upload-files .track-audio .track-item .wavaform .wavaform-mask-no-width{border-left-width:0}.upload-files .track-audio .track-item .wavaform .audio-tag{position:absolute;z-index:-1}.upload-files .track-audio .track-vocals .wavaform{border-color:#cdc9ff}.upload-files .track-audio .track-vocals .wavaform .wavaform-mask{background-color:rgba(205,201,255,.32);border-left-color:#cdc9ff}.upload-files .cursor-pointer{cursor:pointer}.upload-files .re-list{border-radius:2px;background-color:#fff}.upload-files .re-list .re-item{width:200px;height:54px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid #ccc;font-size:14px;color:rgba(0,0,0,.72)}.upload-files .re-list .re-item:hover{background-color:#f9f9f9}.upload-files .re-list .re-item:last-child{border-bottom:none}.upload-files .re-list .re-item .re-img{margin-right:4px}@media (max-width:600px){.upload-files{padding:0}.upload-files .track-audio .track-item{margin:20px 0}.upload-files .track-audio .track-item>div,.upload-files .track-audio .track-item>span{margin-bottom:20px}.upload-files .track-audio .track-item .track-text{text-align:center}.upload-files .track-audio .track-item .wavaform{width:calc(100% - 20px);margin:0 auto 20px}}.loop-img-online-img-row{justify-content:flex-end}.loop-img-online-img{width:23.25rem;height:20.625rem;object-fit:contain}.img-online-uniConverter{width:auto!important;height:auto;transform:none!important}.muting-videos-online-box{width:18.75rem;height:21.875rem;padding:3.125rem 2.6875rem 0;border:1px solid #e9e9e9}.muting-videos-online-box.muting-videos-online-box-active{position:relative;border-color:#5e37ea}.muting-videos-online-box.muting-videos-online-box-active:after{position:absolute;content:"";width:3rem;height:3rem;right:0;top:0;background:url("https://www.media.io/imagesV4/videoLoop/best.png") no-repeat 50%}.muting-videos-online-box .option{margin-bottom:.7rem}.muting-videos-online-box .button{margin-top:1.3rem}.muting-videos-online-box .button a{width:100%;height:4rem;font-size:1rem;display:flex;justify-content:center;align-items:center}
.sprite-vocal_remover{background-image:url(https://www.media.io/imagesV4/sprites/vocal_remover.png);background-size:384px 64px}.sprite-icon64_ai{width:64px;height:64px;background-position:0 0}.sprite-icon64_audio-format{width:64px;height:64px;background-position:-64px 0}.sprite-icon64_convenient{width:64px;height:64px;background-position:-128px 0}.sprite-icon64_high_sound_quality{width:64px;height:64px;background-position:-192px 0}.sprite-icon64_more_tools{width:64px;height:64px;background-position:-256px 0}.sprite-icon64_multiple_scenes{width:64px;height:64px;background-position:-320px 0}
.label-input[data-v-1416eab7]{margin:0;cursor:pointer}
button.ko-btn{position:relative;outline:0;border:none;background-color:transparent;transition:all .2s ease-out;user-select:none;box-sizing:border-box;font-size:14px;font-weight:600;border-radius:4px;height:40px;padding:0 16px;color:rgba(26,26,31,.8);border:1px solid rgba(26,26,31,.24);display:flex;align-items:center;justify-content:center}button.ko-btn img,button.ko-btn svg{width:24px;height:24px;margin-right:8px}button.ko-btn a{text-decoration:none}button.ko-btn:hover{background:rgba(102,92,153,.04);border:1px solid rgba(26,26,31,.4)}button.ko-btn:active{background:rgba(102,92,153,.08);border:1px solid rgba(26,26,31,.56)}button.ko-btn.disabled{border:1px solid rgba(102,92,153,.16);color:rgba(26,26,31,.24);cursor:not-allowed;pointer-events:none}button.ko-btn-primary{background:#8870ff;color:#fff;border-color:#8870ff}button.ko-btn-primary a,button.ko-btn-primary span{color:#fff}button.ko-btn-primary:hover{background:#7258f5;border-color:#7258f5}button.ko-btn-primary:active{background:#5e42eb;border-color:#5e42eb}button.ko-btn-primary.disabled{background:hsla(230,9%,52%,.16);border:none;color:rgba(26,26,31,.24);cursor:default}button.ko-btn-primary.disabled a,button.ko-btn-primary.disabled span{color:rgba(26,26,31,.24)}button.ko-btn-base{border-color:#8870ff;color:#8870ff;border-radius:100px}button.ko-btn-base a,button.ko-btn-base span{color:#8870ff}button.ko-btn-base:hover{background:hsla(230,9%,52%,.04);color:#7258f5;border-color:#7258f5}button.ko-btn-base:hover a,button.ko-btn-base:hover span{color:#7258f5}button.ko-btn-base:active{background:hsla(230,9%,52%,.08);color:#5e42eb;border-color:#5e42eb}button.ko-btn-base:active a,button.ko-btn-base:active span{color:#5e42eb}button.ko-btn-base.disabled{background:transparent;border-color:rgba(102,92,153,.16);color:rgba(26,26,31,.32);cursor:not-allowed}button.ko-btn-base.disabled a,button.ko-btn-base.disabled span{color:rgba(26,26,31,.32)}button.ko-btn-link{border:unset;color:#8870ff;border-radius:100px}button.ko-btn-link a,button.ko-btn-link span{color:#8870ff}button.ko-btn-link:hover{border:unset;background:transparent;color:#fff}button.ko-btn-link:hover a,button.ko-btn-link:hover span{color:#fff}button.ko-btn-link:active{border:unset;background:transparent;color:#fff}button.ko-btn-link:active a,button.ko-btn-link:active span{color:#fff}button.ko-btn-link.disabled{border:unset;background:transparent;color:rgba(26,26,31,.32);cursor:not-allowed}button.ko-btn-link.disabled a,button.ko-btn-link.disabled span{color:rgba(26,26,31,.32)}button.ko-btn-danger{border-color:#ff6262;color:#ff6262;border-radius:100px}button.ko-btn-danger.solid{color:#fff;background:linear-gradient(90deg,#ff8642,#ff6262 52.5%,#ff56b1)}button.ko-btn-danger:hover{color:#fff;border-color:transparent;background:linear-gradient(0deg,rgba(102,92,153,.08),rgba(102,92,153,.08)),linear-gradient(90deg,#ff8642,#ff6262 52.5%,#ff56b1)}button.ko-btn-danger:hover svg path{fill:#fff}button.ko-btn-danger:hover svg stop{stop-color:#fff}button.ko-btn-danger:active{color:#fff;border-color:transparent;background:linear-gradient(0deg,rgba(102,92,153,.16),rgba(102,92,153,.16)),linear-gradient(90deg,#ff8642,#ff6262 52.5%,#ff56b1)}button.ko-btn-danger.disabled{background:transparent;border-color:rgba(102,92,153,.16);color:rgba(26,26,31,.32);cursor:not-allowed}button.ko-btn-text{border:none}button.ko-btn-text:hover{background:rgba(102,92,153,.04);border:none}button.ko-btn-text:active{border:none;background:rgba(102,92,153,.08)}button.ko-btn-func{color:#1a1a1f;border-color:rgba(102,92,153,.16)}button.ko-btn-func:not(.border){border:none!important}button.ko-btn-func:hover{background:rgba(102,92,153,.04);border-color:rgba(102,92,153,.24)}button.ko-btn-func:active{background:rgba(102,92,153,.08);border-color:rgba(102,92,153,.24)}button.ko-btn-func.disabled{border-color:rgba(102,92,153,.16);cursor:not-allowed}button.ko-btn-func.iconBtn{width:24px;height:24px;padding:0}button.ko-btn-func.iconBtn svg{margin:0}button.record-btn{outline:2px solid transparent;outline-offset:2px;transition:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:9999px;font-size:16px;line-height:20px;font-weight:700;color:#fff;border:none}button.record-btn .inner{border-radius:9999px;display:flex;align-items:center;justify-content:center;user-select:none}button.record-btn:hover:not(.disabled):before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:9999px;background-color:hsla(230,9%,52%,.16)}button.record-btn:active:not(.disabled):before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:hsla(230,9%,52%,.32)}button.record-btn.start{background:linear-gradient(90deg,#ff8642,#ff6262 52.5%,#ff56b1)}button.record-btn.stop{background:linear-gradient(90deg,#b4a8ff,#9cacff)}button.record-btn.disabled{color:rgba(26,26,31,.24);pointer-events:none;background:linear-gradient(0deg,hsla(230,9%,52%,.16),hsla(230,9%,52%,.16)),#fff}button.record-btn.disabled .inner{background-color:hsla(230,9%,52%,.16)}input.ko-input,textarea.ko-input{width:100%;height:32px;position:relative;outline:0;transition:border-color .2s cubic-bezier(.645,.045,.355,1);background-color:transparent;border:1px solid rgba(102,92,153,.16);box-sizing:border-box;border-radius:4px;font-size:14px;line-height:18px;display:flex;align-items:center;color:rgba(26,26,31,.8);padding:8px}input.ko-input:hover,textarea.ko-input:hover{background:rgba(102,92,153,.04);border:1px solid rgba(102,92,153,.24);color:#1a1a1f}input.ko-input:focus,textarea.ko-input:focus{border:2px solid #b5a6ff;background-color:transparent;padding:7px}input.ko-input.disabled,textarea.ko-input.disabled{border:1px solid rgba(102,92,153,.16);color:rgba(26,26,31,.32);background-color:transparent}input.ko-input::placeholder,textarea.ko-input::placeholder{color:rgba(26,26,31,.32)}.el-message{height:40px;min-width:230px!important;padding:8px 24px!important;border-radius:8px!important}.el-message .el-message__content{font-weight:700;font-size:14px;line-height:18px;color:#fff!important}.el-message .el-message__icon{margin-right:8px}.el-message .el-message__icon:before{content:"";display:block;width:24px;height:24px}.el-message.successMessage{background:#14bc9e}.el-message.successMessage .el-message__icon:before{background-image:url("/editor_static/workshop/success.svg")}.el-message.failMessage{background:#e73c3c}.el-message.failMessage .el-message__icon:before{background-image:url("/editor_static/workshop/fail.svg")}.base-dialog .el-dialog{display:flex;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100% - 30px);max-width:calc(100% - 30px);background:#fff;box-shadow:0 8px 32px rgba(10,17,51,.16);border-radius:8px}.base-dialog .el-dialog__header{display:none}.base-dialog .el-dialog .el-dialog__body{flex:1;overflow:auto;padding:24px 24px 0;color:#1a1a1f;font-size:16px;word-break:break-word}.base-dialog .el-dialog .el-dialog__footer{padding:16px 24px}.base-dialog-title{padding-top:8px;font-weight:700;font-size:24px;line-height:28px;color:#1a1a1f}.base-dialog-closeBtn{cursor:pointer;position:absolute;right:8px;top:4px}.base-dialog .dialog-footer{display:flex;justify-content:flex-end}.base-dialog .dialog-footer .ok-btn{min-width:104px;border-radius:100px}.base-dialog textarea.textarea-url{width:592px;height:96px;left:24px;margin:12px 0 24px;top:36px;border:1px solid rgba(26,26,31,.16);border-radius:4px;padding:7px 8px}.base-dialog textarea.textarea-url:focus-visible{outline:none}@media screen and (max-width:440px){.base-dialog textarea.textarea-url{width:calc(100% - 16px)}}.download-dialog .el-dialog__body{padding:0}.base-select.el-select-dropdown{margin-top:4px!important}.base-select.el-select-dropdown .popper__arrow{display:none}.base-select.el-select-dropdown .el-select-dropdown__item{height:32px;line-height:32px;padding-left:16px}.base-select.el-select-dropdown .el-select-dropdown__item:hover{background:hsla(230,9%,52%,.04)}.base-select.el-select-dropdown .el-select-dropdown__item.selected{color:#8870ff;background:rgba(136,112,255,.16)}.position-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.empty-upload{background:#fff;border:1px dashed hsla(230,9%,52%,.16);box-sizing:border-box;border-radius:4px}.waiting-loading{width:24px;height:24px;animation:run 1s infinite}@keyframes run{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.base-dialog-closeBtn:hover{background:hsla(249,5%,48%,.04);border-radius:4px}.base-dialog-closeBtn:active{background:rgba(102,92,153,.08);border-radius:4px}
textarea.youtube-url-error[data-v-f44c30f6]{border-color:red}.ytb-txt1[data-v-f44c30f6]{line-height:24px;font-size:18px;color:#303133;text-align:center}.el-dialog[data-v-f44c30f6]{width:590px;box-shadow:0 11px 13px rgba(0,0,0,.3)}.el-dialog .el-dialog__header[data-v-f44c30f6]{text-align:left}.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-f44c30f6]:hover{color:#491aef}.el-dialog .el-dialog__header .el-dialog__title[data-v-f44c30f6]{color:rgba(0,0,0,.6)}.el-dialog .el-dialog__header .el-dialog__close[data-v-f44c30f6]{font-size:1.5rem;color:rgba(0,0,0,.8)}.el-dialog .el-dialog__header .el-dialog__close[data-v-f44c30f6]:hover{color:#491aef}.el-dialog .el-dialog__body .el-input__inner[data-v-f44c30f6]{border:2px solid #5e37ea}.el-dialog .el-dialog__body .el-input__inner[data-v-f44c30f6]:active,.el-dialog .el-dialog__body .el-input__inner[data-v-f44c30f6]:focus,.el-dialog .el-dialog__body .el-input__inner[data-v-f44c30f6]:hover{border-color:#5e37ea}.el-dialog .dialog-footer[data-v-f44c30f6]{text-align:center}.el-dialog .dialog-footer button[data-v-f44c30f6]{background-color:#5e37ea;border-color:#5e37ea;font-weight:700;padding:.5rem 2rem}.el-dialog .dialog-footer button[data-v-f44c30f6]:hover{background-color:#491aef;border-color:#491aef}@media (max-width:768px){.el-dialog[data-v-f44c30f6]{width:70%}.el-dialog .el-dialog__title[data-v-f44c30f6]{font-size:15px}}
.choose-files[data-v-0946bc8b]{display:flex;flex-direction:column;align-items:center;user-select:none}.choose-files .local-choose[data-v-0946bc8b]{width:calc(100% - 12.3rem);min-width:220px;max-width:480px;height:64px;display:flex;justify-content:center;align-items:center;background-color:#5e37ea;margin-bottom:20px;border-radius:2px}.choose-files .local-choose .choose-text[data-v-0946bc8b]{margin-right:16px;font-weight:600;color:#fff}.choose-files .local-choose .local-upload[data-v-0946bc8b]{width:24px;height:24px;position:relative;margin:0;background:url("https://www.media.io/imagesV4/Upload/local-upload.png") no-repeat 50%}.choose-files .local-choose .local-upload .upload-input[data-v-0946bc8b]{position:absolute;left:0;top:0;clip:rect(0 0 0 0)}.choose-files .other-choose[data-v-0946bc8b]{width:15.625rem;display:flex;justify-content:center;cursor:pointer}.choose-files .other-choose .class-i[data-v-0946bc8b]{margin-right:24px}.choose-files .other-choose .class-i[data-v-0946bc8b]:last-child{margin-right:0}.choose-files .other-choose .class-i .upload-item[data-v-0946bc8b]{width:40px;height:40px}@media (max-width:990px){.choose-files .local-choose[data-v-0946bc8b]{padding:1.125rem 1.5rem}}@media (max-height:768px){.choose-files .local-choose[data-v-0946bc8b]{margin-bottom:5px}}
.sprite-convert_upload[data-v-09d074f6]{background-image:url(https://www.media.io/imagesV4/sprites/convert_upload.png);background-size:48px 16px}.sprite-convert_upload1[data-v-09d074f6]{width:16px;height:16px;background-position:0 0}.sprite-convert_upload2[data-v-09d074f6]{width:16px;height:16px;background-position:-16px 0}.sprite-convert_upload3[data-v-09d074f6]{width:16px;height:16px;background-position:-32px 0}.dropdown-item .sprite-convert_upload[data-v-09d074f6]{display:inline-block;vertical-align:middle}
.sprite-convert_upload[data-v-99ca4932]{background-image:url(https://www.media.io/imagesV4/sprites/convert_upload.png);background-size:48px 16px}.sprite-convert_upload1[data-v-99ca4932]{width:16px;height:16px;background-position:0 0}.sprite-convert_upload2[data-v-99ca4932]{width:16px;height:16px;background-position:-16px 0}.sprite-convert_upload3[data-v-99ca4932]{width:16px;height:16px;background-position:-32px 0}.dropdown-item[data-v-99ca4932]{position:relative}.dropdown-item .sprite-convert_upload[data-v-99ca4932]{display:inline-block;vertical-align:middle}.googleDriveSave[data-v-99ca4932]{width:100%;position:absolute;left:0;top:0;opacity:0}.googleDriveSave[data-v-99ca4932] div,.googleDriveSave[data-v-99ca4932] div iframe{width:100%!important}
.cloud-save[data-v-3d3d6561]{text-transform:none}