.voice-cover{display:flex;background-color:#eef2ff;border-radius:20px;min-height:420px;height:auto}.choices{display:flex;flex-direction:column;width:280px;height:100%;padding:24px;box-sizing:border-box}.cover-img-div{position:relative;width:232px;min-width:120px;max-height:232px}.cover-img{width:100%;height:auto;border-radius:12px}.cover-img-play{position:absolute;right:24px;bottom:24px;width:36px;height:36px;cursor:pointer}.cover-img-like{width:16px;height:16px}.cover-info{display:flex;flex-direction:column;gap:16px;flex:1}.cover-info p{margin:0}.cover-name{color:var(--Grey-80, #1E293B);font-size:18px;font-weight:700;line-height:24px;letter-spacing:-.144px}.cover-name-type{color:var(--Grey-60, #475569);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.084px}.cover-like-div{margin-top:28px;display:flex;flex-direction:row;align-items:center;gap:16px}.cover-like-img{width:16px;height:16px}.cover-like-num{color:var(--Grey-50, #64748B);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.084px;margin:0}.cover-like-num-div{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 12px;gap:6px;border-radius:32px;background:var(--White, #FFF);cursor:pointer}.cover-like-num-div:hover{background-color:#e0e7ff}.input-song{position:relative;flex:1;display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;transition:all ease-in-out .25s}.input-song h3{color:#334155;font-size:18px;font-weight:700;word-wrap:break-word;margin-top:0;margin-bottom:10px}.upload-section{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:13px}.upload-section.dragover{background-color:#e2e8f0;border-color:#a0aec0}.upload-section .content{display:flex;flex-direction:row;justify-content:center;gap:12px;border:1px dashed #CBD5E1;border-radius:10px;flex:1;padding:20px;align-items:center;cursor:pointer}.upload-section .text-p1{color:#334155;font-size:18px;font-weight:700;line-height:24px;word-wrap:break-word;margin:3px 0}.upload-section .text-p2{color:#64748b;font-size:14px;font-weight:400;word-wrap:break-word;margin:0}button{background-color:#6200ea;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}button:hover{background-color:#3700b3}.container-tabs{display:flex}.tabs{display:flex;position:relative;background-color:#f1f5f9;padding:5px;border-radius:99px;margin-left:0;width:fit-content}.tabs *{z-index:2}.container-tabs input[type=radio]{display:none}.tab{display:flex;align-items:center;justify-content:center;height:35px;width:120px;font-size:14px;font-weight:700;border-radius:99px;cursor:pointer;transition:color .15s ease-in}input[type=radio]:checked+label{color:#185ee0}input[id=radio-1]:checked~.glider{transform:translate(0)}input[id=radio-2]:checked~.glider{transform:translate(100%)}.glider{position:absolute;display:flex;height:35px;width:120px;background-color:#fff;z-index:1;border-radius:99px;transition:.25s ease-out;box-shadow:0 2px 4px -2px #1717170f}.button-container{display:flex;justify-content:flex-end}button.generateButton{position:absolute;right:0;min-width:172px;border-radius:35px;border:none;background-color:#4f46e5;color:#fff;font-size:20px;font-weight:800;padding:12px 24px;flex-direction:row;gap:8px;align-items:right;transition:all ease-in-out .25s}button.generateButton:hover{background-color:#7a73eb}button.generateButton:disabled{background-color:#94a3b8}button.use-own-voice{width:100%;height:44px;border-radius:5px;background-color:#fff;color:#6956f5;font-size:14px;font-weight:600;margin-bottom:10px;display:flex;justify-content:center;align-items:center;transition:all ease-in-out .25s;border:1px solid #4F46E5}button.use-own-voice:hover{background-color:#7a73eb}button.use-own-voice:disabled{background-color:#94a3b8}#url-section{margin-top:52px;text-align:left}#url-section-1{position:relative;margin:12px 24px;display:flex}#url-input{flex:1;padding:15px;font-size:14px;background:none;outline:none;border:1px solid #E2E8F0;border-radius:30px}#url-section-p{color:var(--Grey-50, #64748B);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.084px;margin-left:20px}.mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003}.upload-file-div{flex-direction:column;width:100%;height:100%}.upload-file{position:relative;display:flex;align-items:center;background-color:#fff;overflow:hidden;gap:8px;height:64px;transition:all ease-in-out .45s;margin-top:10px;border:1px solid #F1F5F9;border-radius:5px}.upload-file:hover{background-color:#e5ecff}.upload-file .name{text-align:left;flex:1;color:#334155;font-size:14px;font-weight:500;line-height:20px;word-wrap:break-word}.upload-file img{margin-left:20px;margin-right:1px}.upload-file progress,.generated-file progress{position:absolute;bottom:0;left:0;width:100%;height:4px;border:none;-webkit-appearance:none;appearance:none}.upload-file progress::-webkit-progress-bar,.generated-file progress::-webkit-progress-bar{background-color:#f1f4f8;border-radius:0}.upload-file .option:hover progress::-webkit-progress-bar,.generated-file .option:hover progress::-webkit-progress-bar{background-color:#e5ecff}.upload-file progress::-webkit-progress-value,.generated-file progress::-webkit-progress-value{background-color:#857dff;border-radius:5px;transition:width .4s ease}.upload-file progress::-moz-progress-bar,.generated-file progress::-moz-progress-bar{background-color:#857dff;border-radius:5px}button.cancelButton{background-color:#fff;color:#6956f5;font-size:14px;font-weight:500;line-height:20px;margin-right:16px;padding:3px 16px;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;transition:all ease-in-out .25s;border:1px solid #6956F5;border-radius:55px}button.cancelButton:hover{background-color:#7a73eb}button.cancelButton:disabled{background-color:#94a3b8}.generated-file-div{flex-direction:column;width:100%;height:80%}.generated-file{position:relative;display:flex;align-items:center;overflow:hidden;gap:8px;height:73px;transition:all ease-in-out .45s;margin-top:10px;border:1px solid #F1F5F9;border-radius:5px}.generated-file:hover{background-color:#e5ecff}.generated-file .name{text-align:left;flex:1;color:#475569;font-size:16px;font-weight:700;line-height:22px;word-wrap:break-word;margin-left:8px}#generated-play-img,#generated-delete-img,#generated-download-img{width:48px;height:48px;cursor:pointer}.generated-file-time{color:#64748b;font-size:14px;font-weight:500;line-height:20px;word-wrap:break-word;margin-right:18px}button.new-create{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;height:48px;min-width:160px;border-radius:50px;background-color:#fff;color:#6956f5;font-size:18px;font-weight:700;transition:all ease-in-out .25s;border:2px solid #4F46E5}button.new-create:hover{background-color:#7a73eb}button.new-create:disabled{background-color:#94a3b8}.search-result .item{display:flex;flex:1;width:100%;align-items:center;gap:24px;margin-top:32px}.search-result p{color:var(--Grey-70, #334155);margin:0}.search-result .item>img{max-width:200px;height:auto;border-radius:7px}.search-result .item p.name{font-size:16px;font-weight:700;line-height:160%;flex:.85}.search-result .item p.time{font-size:14px;font-weight:500;flex:.15}.search-result .item .buttons{justify-self:flex-end;display:flex;justify-content:space-between;gap:40px}.search-result .item button{border-radius:50px;border:none;cursor:pointer}.search-result .item .play-btn{width:32px;height:32px;border:1px solid #E2E8F0;background:#fff no-repeat;background-size:18px 18px;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.search-result .item .play-btn:hover{border-color:#6956f5;background-color:var(--Brand-5, #EEF2FF)}.search-result .item .play-btn.play{background-image:url(../svg/play.svg);background-position:60% 50%}.search-result .item .play-btn.pause{background-image:url(../svg/pause.svg);background-position:50% 50%}.search-result .item .cover{padding:8px 24px;background:var(--Brand-5, #EEF2FF);color:var(--Brand, #6956F5);font-size:14px;font-weight:600;line-height:20px;transition:color .3s ease-in-out,background-color .3s ease-in-out}.search-result .item .cover:hover{background-color:#6956f5;color:#fff}@media screen and (max-width:1024px){.input-song{padding:20px}.upload-section .content{flex-direction:column;text-align:center}.upload-section .text-p1{font-size:16px}#url-section-1{flex-direction:column;margin:12px 0}button.generateButton{position:relative;margin-top:16px}}@media screen and (max-width:800px){.search-result .item{flex-direction:column;align-items:flex-start;gap:12px}.search-result .item>img{max-width:100%}.search-result .item .buttons{width:100%}}@media screen and (max-width:800px){.voice-cover{flex-direction:column}.choices{flex-direction:row;gap:20px;padding:16px 16px 8px;width:100%}.cover-img-div{width:180px}.cover-info{gap:16px}.cover-like-div{flex-direction:column;align-items:flex-start;gap:16px;margin-top:0}.input-song{min-height:360px}button.generateButton{width:100%;min-width:160px}#url-section-p{margin-left:0}}@media (max-width: 560px){.cover-img-div{width:120px}.cover-img-play{right:calc(50% - 18px);bottom:calc(50% - 18px)}.cover-info,.cover-like-div{gap:12px}#ai-cover .tabs,#ai-cover .tab{flex:1}#ai-cover .glider{width:calc(50% - 5px)}.input-song h3{font-size:16px}#generated-play-img,#generated-delete-img,#generated-download-img{width:40px;height:40px}}#volume-change-div p{margin:0}#conversionpop{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:650px;max-width:650px;border-radius:25px;background:#fff;box-shadow:0 5px 30px #4755692a;z-index:999;padding:40px;box-sizing:border-box}#conversionpop .title{color:var(--Grey-60, #475569);text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-.288px}#conversionpop .close-button{position:absolute;top:20px;right:20px;font-size:28px;cursor:pointer}#conversionpop .free-daily-div{width:100%;height:42px;border-radius:7px;background:var(--Orange-10, #FFEDD5);margin-top:32px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 16px}#conversionpop .free-daily-div-text{color:var(--Grey-60, #475569);font-size:16px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:-.112px}#conversionpop .free-daily-div-num{color:var(--Orange-50, #F97316);font-size:16px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:1.6px;text-transform:uppercase}#conversionpop p.volume-change-text{color:var(--Grey-60, #475569);font-size:16px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:-.112px;position:relative;top:-12px;left:16px;padding:0% 6px;width:auto;display:inline-block;background:#fff!important}#conversionpop .volume-change-div{width:100%;height:112px;border:#00000033 1px solid;border-radius:7px;margin-top:32px}#conversionpop .pitch-settings-tips{color:var(--Grey-50, #64748B);font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.072px}#conversionpop .pitch-change-div{width:100%;height:132px;border:#00000033 1px solid;border-radius:7px;margin-top:32px}#conversionpop .vocal-volume-div,#conversionpop .instrumental-volume-div{display:flex;justify-content:space-between;padding-left:32px;padding-right:32px;margin-top:5px;height:20px}#conversionpop .instrumental-volume-div{margin-top:15px}#conversionpop .vocal-volume-div-1{display:flex;justify-content:space-between;height:20px;gap:18px}#conversionpop .vocal-volume-text{color:var(--Grey-60, #475569);font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.084px;width:137px}#conversionpop .vocal-volume-div-1 .volume-range{width:277px;margin-top:-8px}#conversionpop .choose-duration-div{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%;height:44px;padding:0% 16px;margin-top:32px}#conversionpop .choose-duration-text{color:var(--Grey-60, #475569);font-size:16px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:-.112px}#conversionpop .duration-div{display:flex;gap:10px;margin-right:32px}#conversionpop .duration-text{color:var(--Grey-70, #334155);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.084px;border-radius:71px;background:var(--Brand-10, #E0E7FF);padding:4px 16px;cursor:pointer}#conversionpop .full-song{color:var(--White, #FFF);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.084px;border-radius:71px;background:var(--Brand-40, #818CF8);padding:4px 16px;cursor:pointer}#conversionpop button.generate-button{width:300px;min-width:172px;border:none;border-radius:35px;background-color:#4f46e5;color:#fff;font-size:20px;font-style:normal;font-weight:800;cursor:pointer;padding:12px 24px;display:inline-flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;transition:all ease-in-out .25s}#conversionpop button.generate-button:hover{background-color:#7a73eb}#conversionpop button.generate-button:disabled{background-color:#94a3b8}#conversionpop .generate-button-div{width:100%;display:flex;justify-content:center;margin-top:32px}#conversionpop .bottom-tips-note{color:var(--Grey-50, #64748B);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.084px;margin-top:22px}#conversionpop .vocal-volume-num{width:50px;color:var(--Grey-50, #64748B);text-align:right;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.084px}#conversionpop .generate-button-div progress{width:100%;height:46px;border:none;border-radius:50px}#conversionpop .generate-button-div progress{-webkit-appearance:none;position:relative;appearance:none;width:100%}#conversionpop .generate-button-div progress::-webkit-progress-bar{background-color:#cbd5e1;border-radius:50px}#conversionpop .generate-button-div progress::-webkit-progress-value{background-color:#857dff;border-radius:50px;transition:width .4s ease}#conversionpop .generate-button-div progress::-moz-progress-bar{background-color:#857dff;border-radius:5px}.progress-container{position:relative;width:100%;height:100%}#conversionpop .generate-button-div .progress-container:after{content:attr(data-content);color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}#upload-button-progress-url{width:100%;height:20px}@media (max-width: 800px){#conversionpop{width:94.8%}}@media (max-width: 700px){#conversionpop{width:94.8%;padding:16px}#conversionpop .vocal-volume-div,#conversionpop .instrumental-volume-div{flex-direction:column;margin-top:0;padding-left:24px;padding-right:24px}#conversionpop .instrumental-volume-div{margin-top:20px}#conversionpop .duration-div{margin-right:0}#conversionpop .choose-duration-div{padding:0}#conversionpop .choose-duration-text,#conversionpop .duration-text,#conversionpop .full-song{font-size:12px}#conversionpop .volume-range{width:100%}#conversionpop .pitch-change-div{height:142px}#conversionpop .free-daily-div{padding:0 10px}#conversionpop .free-daily-div-text,#conversionpop .free-daily-div-num{font-size:13px}}.mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0003}#title-div{display:flex}#vidio-play-pop{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:690px;max-width:690px;height:505px;border-radius:25px;background:#fff;box-shadow:0 5px 30px #4755692a;z-index:999;padding:20px;box-sizing:border-box}#vidio-play-pop .close-button{float:right;font-size:28px;margin-right:10px;cursor:pointer}#vidio-play-pop .title{color:var(--Grey-60, #475569);font-size:18px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-.144px;text-align:left;margin-left:10px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#vidio-play-pop .cover{padding:8px 24px;background:var(--Brand-5, #EEF2FF);color:var(--Brand, #6956F5);font-size:14px;font-weight:600;line-height:20px;transition:color .3s ease-in-out,background-color .3s ease-in-out;border-radius:50px;border:none;cursor:pointer}#vidio-play-pop .cover:hover{background-color:#6956f5;color:#fff}.youtube-player-iframe{width:100%;height:78%}@media (max-width: 600px){.youtube-player-iframe{width:100%;height:78%}}@media (max-width: 800px){#vidio-play-pop{top:15%;left:8%;transform:translate(-5%);width:94.8%}}