#action-container{display:flex;flex-direction:column;align-items:center}#action-container .step__container{display:flex;flex-direction:row;align-items:center;gap:3rem}#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 .step__item{display:flex;flex-direction:column;align-items:center;justify-content:center}#action-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);transition:all .2s ease}#action-container .step__item .icon::before{font-size:.9rem}#action-container .step__item .title{margin-top:.5rem;font-size:.6rem;text-align:center;transition:all .2s ease;color:var(--color-info)}#action-container .action-content{margin-top:1rem;padding:1rem;color:#000;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;background:#000}#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;background:#a1a1a1}#action-container .action-content .button.btn-light{border:1px solid #e4e4e7;background:rgba(0,0,0,0)}#action-container .action-content .button.btn-light:hover{background-color:#f4f4f5}#action-container .action-content .button.btn-light:active{transform:scale(0.96)}#action-container .action-content .header .title{display:none;font-size:1rem;font-weight:bold}#action-container .action-content .header .title .tip{font-size:.8rem;font-weight:500;color:var(--color-info)}#action-container .action-content .header .title .save-tip a{color:#000;font-weight:bold}#action-container .action-content .main{margin-top:2rem}#action-container .action-content .main .box{display:none}#action-container .action-content .main .box .preview{position:relative;width:100%;height:100%;background-color:var(--background-color-regular);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 video,#action-container .action-content .main .box .preview img{position:relative;width:100%;height:100%;object-fit:cover;z-index:1}#action-container .action-content .footer{margin-top:2rem;display:none;justify-content:space-between}#action-container .action-content .footer .right{display:flex;flex-direction:row;gap:.5rem}#action-container .upload-box{flex-direction:column;align-items:center;justify-content:center;width:100%;height:10rem;border-radius:.5rem;border:2px dashed #4c5a6d;color:#96a2b7;background-color:inherit;cursor:pointer}#action-container .upload-box[s-disabled]{pointer-events:none}#action-container .upload-box svg{width:2rem;height:2rem}#action-container .upload-box span{margin-top:.5rem}#action-container .detect-box{height:20rem}#action-container .swapface-box{flex-direction:row;gap:.5rem;height:20rem}#action-container .swapface-box .faces{flex:1}#action-container .swapface-box .preview{flex:2}#action-container .swap-container{display:flex;flex-direction:column;gap:.5rem;padding-right:1rem;height:100%;overflow-y:auto}#action-container .swap-item-column{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:.5rem;border:1px solid #495468;border-radius:.5rem}#action-container .swap-item-face-image{position:relative;width:4rem;height:4rem;border-radius:.5rem;background-color:#f2f4f5;cursor:pointer}#action-container .swap-item-face-image .image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem;overflow:hidden}#action-container .swap-item-face-image .image img{width:100%;height:100%;object-fit:cover;z-index:1;background-color:#cfcfcf}#action-container .swap-item-face-image .image img:not([src]),#action-container .swap-item-face-image .image img[src=""]{opacity:0}#action-container .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 .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 .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 .face{width:4rem;height:4rem;object-fit:cover;border-radius:.5rem}#action-container .running-box{flex-direction:column;gap:1rem;height:15rem}#action-container .running-box .loading-container{flex:2}#action-container .running-box .button-container{display:flex;align-items:center;justify-content:center;flex:.5}#action-container .running-box .button-container .speed-btn{display:flex}#action-container .done-box .preview-container{display:flex;flex-direction:row;gap:1rem;height:15rem}#action-container .done-box .preview-container .before-preview,#action-container .done-box .preview-container .after-preview{display:flex;flex-direction:column;align-items:center;flex:1;gap:.5rem}#action-container .done-box .preview-container .before-preview .title,#action-container .done-box .preview-container .after-preview .title{font-weight:bold}#action-container .done-box .preview-container .before-preview .preview,#action-container .done-box .preview-container .after-preview .preview{height:100%}#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:flex;pointer-events:none;background:#a1a1a1}#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 .running-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 .step__container{align-items:flex-start;gap:1rem}#action-container .action-content{width:100%}#action-container .detect-box{height:10rem}#action-container .swapface-box{flex-direction:column;gap:1rem;max-height:15rem;height:auto;overflow-y:auto}#action-container .swapface-box .faces{height:100%}#action-container .swapface-box .swap-container{padding-right:0;gap:1rem;height:100%}#action-container .swapface-box .swap-item-column{gap:.5rem}#action-container .swapface-box .preview{display:none}#action-container .done-box .preview-container{flex-direction:column;height:auto}#action-container .done-box .preview-container .preview{height:7rem !important}}