.upload-action-container{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--spacing-medium);width:100%}.upload-action-container>.text-with-title-container{width:45rem}.upload-action-container .upload-action-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative}.upload-action-container .upload-action-content[data-status=""] #upload-action-1,.upload-action-container .upload-action-content[data-status=running] #upload-action-1,.upload-action-container .upload-action-content[data-status=done] #upload-action-1,.upload-action-container .upload-action-content[data-status=uploading] #upload-action-1,.upload-action-container .upload-action-content[data-status=recognizing] #upload-action-1,.upload-action-container .upload-action-content[data-status=swap] #upload-action-1,.upload-action-container .upload-action-content[data-status=swapped] #upload-action-1,.upload-action-container .upload-action-content[data-status=swapping] #upload-action-1{background-color:var(--primary-button-disabled-bgcolor);cursor:not-allowed}.upload-action-container .upload-action-content[data-status=""] #upload-placeholder,.upload-action-container .upload-action-content[data-status=running] #upload-placeholder,.upload-action-container .upload-action-content[data-status=done] #upload-placeholder,.upload-action-container .upload-action-content[data-status=uploading] #upload-placeholder,.upload-action-container .upload-action-content[data-status=recognizing] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swap] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swapped] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swapping] #upload-placeholder{pointer-events:none}.upload-action-container .upload-action-content[data-status=""] #upload-action-1,.upload-action-container .upload-action-content[data-status=swapped] #upload-action-1,.upload-action-container .upload-action-content[data-status=done] #upload-action-1,.upload-action-container .upload-action-content[data-status=swap] #upload-action-1{background-color:var(--primary-button-bgcolor);cursor:pointer}.upload-action-container .upload-action-content[data-status=""] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swapped] #upload-placeholder,.upload-action-container .upload-action-content[data-status=done] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swap] #upload-placeholder{pointer-events:all}.upload-action-container .upload-action-content .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}.upload-action-container .upload-action-content .mobile-upload button,.upload-action-container .upload-action-content .mobile-upload a{padding:.5rem 1rem;border-radius:var(--border-radius)}.upload-action-container .upload-action-content .mobile-upload .to-upload-action{padding:0;width:2rem;height:2rem}.upload-action-container .upload-action-content .upload-action-bg{position:absolute;width:39.1rem;height:15.05rem;top:0;bottom:0;z-index:1;background:var(--upload-action-bg-bgcolor);filter:blur(5rem);border-radius:100%}.upload-action-container .upload-action-content .upload-action-inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;margin-top:var(--spacing-medium);position:relative;z-index:2;cursor:pointer}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item{width:23.6rem;display:flex;position:relative}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item,.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.result-item{height:23.6rem;background:#1c072a;border-radius:1rem;align-items:center;justify-content:center;overflow:hidden}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item>img,.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item>video,.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.result-item>img,.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.result-item>video{width:100%;height:100%;object-fit:contain;object-position:center;display:none}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item>img[src],.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item>video[src],.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.result-item>img[src],.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.result-item>video[src]{display:inline}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item{width:19.6rem;height:20.25rem;margin-right:3.8rem;cursor:pointer}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.upload-item:not(.not-empty)::before{content:"+";font-size:5rem;color:#ccc}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.template-item{width:15.75rem;flex-wrap:wrap;margin:-0.375rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.template-item .template-image-item{width:4.5rem;height:4.5rem;margin:.375rem;object-fit:cover;object-position:center;border:2px solid #fff;border-radius:var(--border-radius);cursor:pointer}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.template-item .template-image-item.active{border-color:var(--site-theme-color)}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item{min-width:19.6rem;height:20.25rem;width:unset;margin-left:3.8rem;background:#1c072a;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item{width:5.1rem;height:5.1rem;margin:0 .5rem 3.7rem;border-radius:50%;background:#2f1b3c;display:none;align-items:center;justify-content:center;cursor:pointer;position:relative}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:none}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item:before{content:"+";color:#ccc;font-size:1.5rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item:nth-child(odd):after{content:"";top:5.1rem;left:0;right:0;height:3.7rem;background-image:url("/static/arrow.png");background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;z-index:1}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item:nth-child(even){cursor:unset}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item[data-id]{display:flex}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item[data-url] img{display:inline}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item[data-url]:before{display:none}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item:nth-child(even){margin-bottom:0}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.select-item{width:100%;align-items:center;justify-content:center;flex-direction:column;margin-bottom:2rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.select-item input[type=radio]{margin-left:.5rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-hint{width:100%;color:#fff;font-size:1rem;font-weight:500;text-align:center;margin-top:2rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img{position:absolute;width:6.9rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img.abs-img-01{display:none;top:-13.05rem;right:-8.4rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img.abs-img-02{top:0;left:-14.44rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img.abs-img-03{top:10.6rem;right:-14.65rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder{width:35.2rem;height:13.35rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-button{width:19.75rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:3.5rem;cursor:pointer;text-decoration:none}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-button .upload-text{font-size:var(--font-size-regular);color:#fff;margin-left:1rem;text-align:center;font-style:normal;text-transform:none}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-button svg{width:1.5rem;height:1.5rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-info{margin:0;text-align:center;font-weight:500;font-size:var(--font-size-regular);color:var(--color-light) !important;text-align:center;font-style:normal;text-transform:none;margin-top:.8rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-file-type{color:var(--color-light)}.upload-action-container .upload-action-content .upload-action-inner.placeholder: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}.upload-action-container>button,.upload-action-container>a button{background:var(--site-theme-color);border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;position:relative;text-transform:none;width:15rem;height:3rem;color:#fff}.upload-action-container>.button{margin-top:-5.55rem;margin-bottom:8rem}.upload-action-container>.button.revert,.upload-action-container>.button.revert button{border:1px solid var(--site-theme-color);border-radius:var(--border-radius);background-color:rgba(0,0,0,0);color:var(--site-theme-color)}.upload-action-container>.button.speed-up{background-color:#ffc43a;color:var(--site-theme-color)}.upload-action-container input[type=file]{width:0;height:0;display:none}@media(max-width: 600px){#upload-placeholder{padding:0 1rem;width:auto !important;min-width:15rem}.upload-action-container>.text-with-title-container{width:13.275rem}.upload-action-container .upload-action-content{flex-direction:column}.upload-action-container .upload-action-content .mobile-upload{display:flex}.upload-action-container .upload-action-content[data-status=""] #upload-placeholder,.upload-action-container .upload-action-content[data-status=running] #upload-placeholder,.upload-action-container .upload-action-content[data-status=done] #upload-placeholder,.upload-action-container .upload-action-content[data-status=uploading] #upload-placeholder,.upload-action-container .upload-action-content[data-status=recognizing] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swap] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swapped] #upload-placeholder,.upload-action-container .upload-action-content[data-status=swapping] #upload-placeholder{display:none}.upload-action-container .upload-action-content[data-status=""] #upload-action-1,.upload-action-container .upload-action-content[data-status=""] #upload-action-2,.upload-action-container .upload-action-content[data-status=running] #upload-action-1,.upload-action-container .upload-action-content[data-status=running] #upload-action-2,.upload-action-container .upload-action-content[data-status=done] #upload-action-1,.upload-action-container .upload-action-content[data-status=done] #upload-action-2,.upload-action-container .upload-action-content[data-status=uploading] #upload-action-1,.upload-action-container .upload-action-content[data-status=uploading] #upload-action-2,.upload-action-container .upload-action-content[data-status=recognizing] #upload-action-1,.upload-action-container .upload-action-content[data-status=recognizing] #upload-action-2,.upload-action-container .upload-action-content[data-status=swap] #upload-action-1,.upload-action-container .upload-action-content[data-status=swap] #upload-action-2,.upload-action-container .upload-action-content[data-status=swapped] #upload-action-1,.upload-action-container .upload-action-content[data-status=swapped] #upload-action-2,.upload-action-container .upload-action-content[data-status=swapping] #upload-action-1,.upload-action-container .upload-action-content[data-status=swapping] #upload-action-2{pointer-events:none;background-color:var(--primary-button-disabled-bgcolor);cursor:not-allowed}.upload-action-container .upload-action-content[data-status=""] .mobile-upload,.upload-action-container .upload-action-content[data-status=swapped] .mobile-upload,.upload-action-container .upload-action-content[data-status=done] .mobile-upload,.upload-action-container .upload-action-content[data-status=swap] .mobile-upload{display:flex}.upload-action-container .upload-action-content[data-status=""] #upload-action-2,.upload-action-container .upload-action-content[data-status=swapped] #upload-action-2,.upload-action-container .upload-action-content[data-status=done] #upload-action-2,.upload-action-container .upload-action-content[data-status=swap] #upload-action-2{pointer-events:all;background-color:var(--primary-button-bgcolor);cursor:pointer}.upload-action-container .upload-action-content .upload-action-bg{width:100%;height:12.225rem;filter:blur(2rem)}.upload-action-container .upload-action-content .upload-action-inner{margin-top:1.225rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item{min-width:17.25rem;height:8.975rem;width:unset;margin-left:0}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item{width:2.55rem;height:2.55rem;margin:0 .2rem 1.85rem;visibility:unset;display:none}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item[data-id]{visibility:unset;display:flex}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.swap-item .faces-image-item:nth-child(odd):after{content:"";top:2.75rem;left:0;right:0;height:1.3rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-item.result-item{width:17.25rem;height:11.8rem;margin-bottom:.45rem}.upload-action-container .upload-action-content .upload-action-inner .upload-action-hint{font-size:.6rem;margin-top:1rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img{display:none;width:2.2rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img.abs-img-01{top:-7.3rem;right:-1.2rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img.abs-img-02{top:-1.775rem;left:-2.02rem}.upload-action-container .upload-action-content .upload-action-inner .abs-img.abs-img-03{top:-1.775rem;right:-2.075rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder{width:13.125rem;height:8.025rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-button{padding:0 1rem;width:auto;height:1.85rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-button svg{width:.7rem;height:.7rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-button .upload-text{margin-left:.25rem;font-size:.7rem}.upload-action-container .upload-action-content .upload-action-inner.placeholder .upload-button-container .upload-info{margin:0;margin-top:.5rem;font-size:.7rem !important}.upload-action-container .upload-action-content>div{height:unset}.upload-action-container>button,.upload-action-container>a button{width:11.75rem;height:2.2rem;font-size:.5rem}.upload-action-container>.button{margin-top:-1rem;margin-bottom:2rem}}@media(max-width: 1700px){#upload-placeholder{width:35rem}}@media(max-width: 850px){#upload-placeholder{width:30rem}.upload-action-container>.text-with-title-container{width:100%}}