.noUi-base{height:30px}.noUi-draggable{cursor:move}.noUi-horizontal{height:auto}.noUi-horizontal .noUi-handle{width:7px;height:30px;top:0;right:-3.5px;border:none;box-shadow:none;background:var(--site-theme-color);cursor:e-resize}.noUi-horizontal .noUi-handle:after,.noUi-horizontal .noUi-handle:before{content:none}.noUi-target{border-radius:5px;border:none;box-shadow:none;background:rgba(0,0,0,.3)}.noUi-connect{background:rgba(139,92,246,.6)}.file-destory-container{margin-top:1rem;display:flex;justify-content:flex-end;color:var(--color-info);font-size:var(--font-size-xsmall)}#action-container{display:flex;flex-direction:column;align-items:center}#action-container[data-status] .action-content{display:block}#action-container[data-status] .upload-container{display:none}#action-container:not([data-status]) .action-content{display:none}#action-container:not([data-status]) .upload-container{display:block}#action-container .upload-container{position:relative;margin-top:1rem;width:35rem;height:13.35rem;cursor:pointer}@media screen and (max-width: 600px){#action-container .upload-container{width:100%;max-width:17rem;height:8rem}}#action-container .upload-container .upload-container-bg{position:absolute;width:39.1rem;height:15.05rem;left:50%;top:0;bottom:0;transform:translateX(-50%);z-index:-1;background:var(--upload-action-bg-bgcolor);filter:blur(5rem);border-radius:100%}#action-container .upload-container .upload-container-inner{width:100%;height:100%}#action-container .upload-container .upload-container-inner::after{content:"";position:absolute;inset:0;border-radius:var(--border-radius-xsmall);padding:1px;background:var(--upload-action-border-color);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}#action-container .upload-container .upload-container-inner .upload-button-container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;z-index:1;font-size:var(--font-size-regular)}@media screen and (max-width: 600px){#action-container .upload-container .upload-container-inner .upload-button-container{font-size:var(--font-size-xsmall)}}#action-container .upload-container .upload-container-inner .upload-button-container .upload-button{gap:.5rem;padding:1.5rem 4rem;border-radius:10rem;min-width:360px}#action-container .upload-container .upload-container-inner .upload-button-container .upload-button svg{width:1.5rem;height:1.5rem}@media screen and (max-width: 600px){#action-container .upload-container .upload-container-inner .upload-button-container .upload-button{padding:.4rem .8rem;min-width:200px}#action-container .upload-container .upload-container-inner .upload-button-container .upload-button svg{width:1rem;height:1rem}}#action-container .upload-container .upload-container-inner .upload-button-container .upload-info{margin:0;margin-top:var(--spacing-regular);color:var(--color-light)}@media screen and (max-width: 600px){#action-container .upload-container .upload-container-inner .upload-button-container .upload-info{margin-top:var(--spacing-xsmall)}}#action-container .upload-container .upload-container-inner .upload-button-container .upload-file-type{color:var(--color-light)}#action-container .mobile-upload{display:none;align-items:center;justify-content:center;gap:.4rem;position:fixed;left:0;bottom:0;z-index:9999;width:100%;height:3rem;background-color:var(--header-bgcolor);backdrop-filter:blur(1rem);border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:pointer}#action-container .mobile-upload button,#action-container .mobile-upload a{padding:.5rem 1rem;border-radius:var(--border-radius)}#action-container .mobile-upload .to-upload-action{padding:0;width:2rem;height:2rem}@media screen and (max-width: 600px){#action-container .mobile-upload{display:flex}}#action-container .step-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}#action-container .step-container[s-disabled]{pointer-events:none}#action-container .step-container .step-item{display:flex;flex-direction:column;align-items:center;justify-content:center}#action-container .step-container .step-item .icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:2px solid var(--background-color-regular);border-radius:100%;color:var(--color-info);transition:all .2s ease;cursor:pointer}#action-container .step-container .step-item .icon::before{font-size:.9rem;width:30px;height:30px;text-align:center;line-height:30px}#action-container .step-container .step-item .title{margin-top:.5rem;font-size:.6rem;text-align:center;transition:all .2s ease;color:var(--color-info);pointer-events:none}#action-container .step-container .step-1 .icon::before{content:"1"}#action-container .step-container .step-2 .icon::before{content:"2"}#action-container .step-container .step-3 .icon::before{content:"3"}#action-container .step-container .step-4 .icon::before{content:"4"}#action-container .step-container .step-5 .icon::before{content:"5"}#action-container[destroy] .destroy{opacity:1 !important;z-index:9 !important}#action-container .action-content{margin-top:1rem;padding:1rem;color:#000;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);background-color:#fff;width:900px;border-radius:.5rem}#action-container .action-content .button{display:none;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .8rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none}#action-container .action-content .button svg{width:1rem;height:1rem}#action-container .action-content .button:hover{opacity:.8}#action-container .action-content .button[s-disabled]{pointer-events:none;opacity:.6}#action-container .action-content .button.btn-light{background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7)}#action-container .action-content .button.btn-light:hover{color:hsla(0,0%,100%,.9)}#action-container .action-content .button.btn-light:active{transform:scale(0.96)}#action-container .action-content .header{margin-top:.5rem}#action-container .action-content .header .title{display:none;font-size:1rem;font-weight:bold}#action-container .action-content .header .title .tip{font-size:var(--font-size-xxsmall);font-weight:500;color:var(--color-info)}#action-container .action-content .header .title .mult{display:flex;flex-direction:column;align-items:flex-start}#action-container .action-content .header .title .mult a{color:var(--site-theme-color);text-decoration:none}#action-container .action-content .header .title .save-tip a{color:#000;font-weight:bold}#action-container .action-content .header .title .video{display:none}#action-container .action-content .header .detect-title[data-type=video] .video{display:flex}#action-container .action-content .main{margin-top:1rem}#action-container .action-content .main .box{display:none}#action-container .action-content .main .box .preview{position:relative;width:100%;height:20rem;background-color:#f5f5f5;border-radius:.5rem;overflow:hidden}#action-container .action-content .main .box .preview .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;color:#66738a}#action-container .action-content .main .box .preview .icon svg{width:3rem;height:3rem}#action-container .action-content .main .box .preview .destroy{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;backdrop-filter:blur(2rem);background-color:rgba(0,0,0,.3);color:#fff;transition:all .2s ease;opacity:0}#action-container .action-content .main .box .preview .destroy svg{width:1.5rem;height:1.5rem}#action-container .action-content .main .box .preview video,#action-container .action-content .main .box .preview img{position:relative;width:100%;height:100%;background-color:#353535;z-index:1}#action-container .action-content .main .upload-box{flex-direction:column;align-items:center;justify-content:center;width:100%;height:20rem;border-radius:.5rem;border:2px dashed var(--site-theme-color);color:#96a2b7;background-color:inherit;cursor:pointer}#action-container .action-content .main .upload-box[s-disabled]{pointer-events:none}#action-container .action-content .main .upload-box svg{width:2rem;height:2rem}#action-container .action-content .main .upload-box span{margin-top:.5rem}#action-container .action-content .main .detect-box #video-controls{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}#action-container .action-content .main .detect-box #video-controls .credits{display:flex;justify-content:center;color:var(--color-info);font-size:var(--font-size-xsmall);text-align:center}#action-container .action-content .main .swapface-box{flex-direction:row-reverse;gap:.5rem;height:20rem}#action-container .action-content .main .swapface-box .faces{flex:1}#action-container .action-content .main .swapface-box .faces .swap-container{display:flex;flex-direction:column;gap:.5rem;padding-right:1rem;height:100%;overflow-y:auto}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:.5rem;border:1px solid var(--site-theme-color);border-radius:.5rem}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image{position:relative;width:4rem;height:4rem;border-radius:.5rem;background-color:#f2f4f5;cursor:pointer}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image .add-icon{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuMDYwNSAxMEwyNC4wMjM5IDM4IiBzdHJva2U9IiNiY2MzY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwIDI0TDM4IDI0IiBzdHJva2U9IiNiY2MzY2UiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image .edit-icon{position:absolute;right:0;bottom:-1px;display:none;width:1.25rem;height:1.25rem;background-color:#f2f4f5;background-position:center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSA2LjQxTDE3LjU5IDVMMTIgMTAuNTlMNi40MSA1TDUgNi40MUwxMC41OSAxMkw1IDE3LjU5TDYuNDEgMTlMMTIgMTMuNDFMMTcuNTkgMTlMMTkgMTcuNTlMMTMuNDEgMTJ6Ii8+PC9zdmc+);background-size:.75rem;border-radius:100%;box-shadow:0 0 5px #c5c5c5;z-index:2}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image .image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem;overflow:hidden}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image .image img{width:100%;height:100%;object-fit:cover;z-index:1;background-color:#cfcfcf}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image .image img:not([src]),#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .swap-item-face-image .image img[src=""]{opacity:0}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .arrow{width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:center;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQgNDJWNiIgc3Ryb2tlPSIjYmNjM2NlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zNiAzMEwyNCA0MkwxMiAzMCIgc3Ryb2tlPSIjYmNjM2NlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);transform:rotate(270deg)}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column .face{width:4rem;height:4rem;object-fit:cover;border-radius:.5rem}#action-container .action-content .main .swapface-box .preview{flex:2}#action-container .action-content .main .running-box{flex-direction:column;gap:1rem;height:15rem}#action-container .action-content .main .running-box .loading-container{flex:2}#action-container .action-content .main .running-box .button-container{display:flex;align-items:center;justify-content:center;flex:.5}#action-container .action-content .main .running-box .button-container .speed-btn{display:flex}#action-container .action-content .main .done-box .preview-container{display:flex;flex-direction:row;gap:1rem;height:15rem}#action-container .action-content .main .done-box .preview-container .before-preview,#action-container .action-content .main .done-box .preview-container .after-preview{display:flex;flex-direction:column;align-items:center;flex:1;gap:.5rem}#action-container .action-content .main .done-box .preview-container .before-preview .title,#action-container .action-content .main .done-box .preview-container .after-preview .title{font-weight:bold}#action-container .action-content .main .done-box .preview-container .before-preview .preview,#action-container .action-content .main .done-box .preview-container .after-preview .preview{height:100%}#action-container .action-content .footer{margin-top:1rem;display:none;justify-content:space-between}#action-container .action-content .footer .right{display:flex;flex-direction:row;gap:.5rem}#action-container .action-content .footer .enhance-btn{position:relative}#action-container .action-content .footer .enhance-btn .free-tag{position:absolute;top:-5px;right:-10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:.1rem .4rem;background:linear-gradient(135deg, rgb(148, 81, 233) 15%, rgb(208, 64, 226) 80%);border-radius:1rem;font-size:.6rem;font-weight:bold}#action-container .action-content .footer .enhance-btn .free-tag svg{width:.8rem;height:.8rem}#action-container:not([data-status]) .step-container .step-1 .icon,#action-container[data-status=uploading] .step-container .step-1 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container:not([data-status]) .step-container .step-1 .title,#action-container[data-status=uploading] .step-container .step-1 .title{color:var(--site-theme-color)}#action-container:not([data-status]) .action-content .header .upload-title,#action-container[data-status=uploading] .action-content .header .upload-title{display:block}#action-container:not([data-status]) .action-content .main .upload-box,#action-container[data-status=uploading] .action-content .main .upload-box{display:flex}#action-container[data-status=recognizing] .step-container .step-1 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=recognizing] .step-container .step-1 .icon::before{content:"✓"}#action-container[data-status=recognizing] .step-container .step-1 .title{color:var(--site-theme-color)}#action-container[data-status=recognizing] .step-container .step-2 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=recognizing] .step-container .step-2 .title{color:var(--site-theme-color)}#action-container[data-status=recognizing] .action-content .header .detect-title{display:block}#action-container[data-status=recognizing] .action-content .main .detect-box{display:block}#action-container[data-status=recognizing] .action-content .footer{display:flex}#action-container[data-status=recognizing] .action-content .footer .back-btn,#action-container[data-status=recognizing] .action-content .footer .detect-btn{display:flex}#action-container[data-status=""] .action-content .footer{display:flex}#action-container[data-status=""] .action-content .footer .swap-btn{display:none !important}#action-container[data-status=""] .step-container .step-1 .icon,#action-container[data-status=pending] .step-container .step-1 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=""] .step-container .step-1 .icon::before,#action-container[data-status=pending] .step-container .step-1 .icon::before{content:"✓"}#action-container[data-status=""] .step-container .step-1 .title,#action-container[data-status=pending] .step-container .step-1 .title{color:var(--site-theme-color)}#action-container[data-status=""] .step-container .step-2 .icon,#action-container[data-status=pending] .step-container .step-2 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=""] .step-container .step-2 .icon::before,#action-container[data-status=pending] .step-container .step-2 .icon::before{content:"✓"}#action-container[data-status=""] .step-container .step-2 .title,#action-container[data-status=pending] .step-container .step-2 .title{color:var(--site-theme-color)}#action-container[data-status=""] .step-container .step-3 .icon,#action-container[data-status=pending] .step-container .step-3 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=""] .step-container .step-3 .title,#action-container[data-status=pending] .step-container .step-3 .title{color:var(--site-theme-color)}#action-container[data-status=""] .action-content .header .swapface-title,#action-container[data-status=pending] .action-content .header .swapface-title{display:block}#action-container[data-status=""] .action-content .main .swapface-box,#action-container[data-status=pending] .action-content .main .swapface-box{display:flex}#action-container[data-status=""] .action-content .footer,#action-container[data-status=pending] .action-content .footer{display:flex}#action-container[data-status=""] .action-content .footer .back-btn,#action-container[data-status=""] .action-content .footer .swap-btn,#action-container[data-status=pending] .action-content .footer .back-btn,#action-container[data-status=pending] .action-content .footer .swap-btn{display:flex}#action-container[data-status=running] .step-container .step-1 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-1 .icon::before{content:"✓"}#action-container[data-status=running] .step-container .step-1 .title{color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-2 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-2 .icon::before{content:"✓"}#action-container[data-status=running] .step-container .step-2 .title{color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-3 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-3 .icon::before{content:"✓"}#action-container[data-status=running] .step-container .step-3 .title{color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-4 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=running] .step-container .step-4 .title{color:var(--site-theme-color)}#action-container[data-status=running] .action-content .header .running-title{display:block}#action-container[data-status=running] .action-content .main .swapface-box{display:flex}#action-container[data-status=done] .step-container .step-1 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-1 .icon::before{content:"✓"}#action-container[data-status=done] .step-container .step-1 .title{color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-2 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-2 .icon::before{content:"✓"}#action-container[data-status=done] .step-container .step-2 .title{color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-3 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-3 .icon::before{content:"✓"}#action-container[data-status=done] .step-container .step-3 .title{color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-4 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-4 .icon::before{content:"✓"}#action-container[data-status=done] .step-container .step-4 .title{color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-5 .icon{color:#fff;background-color:var(--site-theme-color)}#action-container[data-status=done] .step-container .step-5 .icon::before{content:"✓"}#action-container[data-status=done] .step-container .step-5 .title{color:var(--site-theme-color)}#action-container[data-status=done] .action-content .header .done-title{display:block}#action-container[data-status=done] .action-content .main .done-box{display:block}#action-container[data-status=done] .action-content .footer{display:flex}#action-container[data-status=done] .action-content .footer .back-btn,#action-container[data-status=done] .action-content .footer .enhance-btn,#action-container[data-status=done] .action-content .footer .download-btn{display:flex}@media screen and (max-width: 600px){#action-container[data-status=""] #upload-action-2,#action-container[data-status=running] #upload-action-2,#action-container[data-status=done] #upload-action-2,#action-container[data-status=uploading] #upload-action-2,#action-container[data-status=recognizing] #upload-action-2,#action-container[data-status=swap] #upload-action-2,#action-container[data-status=swapped] #upload-action-2,#action-container[data-status=swapping] #upload-action-2{pointer-events:none;background-color:var(--primary-button-disabled-bgcolor);cursor:not-allowed}#action-container[data-status=""] .mobile-upload,#action-container[data-status=swapped] .mobile-upload,#action-container[data-status=done] .mobile-upload,#action-container[data-status=swap] .mobile-upload{display:flex}#action-container[data-status=""] #upload-action-2,#action-container[data-status=swapped] #upload-action-2,#action-container[data-status=done] #upload-action-2,#action-container[data-status=swap] #upload-action-2{pointer-events:all;background-color:var(--primary-button-bgcolor);cursor:pointer}#action-container .step-container{align-items:flex-start;gap:.5rem}#action-container .action-content{width:100%;padding:.5rem}#action-container .action-content .header .title .tip{font-size:var(--font-size-xsmall)}#action-container .action-content .main .box .preview{height:10rem}#action-container .action-content .main .swapface-box{flex-direction:column-reverse;gap:1rem;max-height:15rem;height:auto}#action-container .action-content .main .swapface-box .faces{height:100%;overflow-y:auto;scrollbar-width:none}#action-container .action-content .main .swapface-box .faces .swap-container{padding-right:0;gap:1rem;height:100%;overflow:visible}#action-container .action-content .main .swapface-box .faces .swap-container .swap-item-column{gap:.5rem}#action-container .action-content .main .swapface-box .preview{display:none}#action-container .action-content .main .done-box .preview-container{flex-direction:column;height:auto}#action-container .action-content .main .done-box .preview-container .preview{height:7rem !important}#action-container .action-content .footer .right{flex-direction:column}}