.swap-clothes-action .action-content{display:flex;flex-direction:row;justify-content:center;margin-top:var(--spacing-regular);gap:1rem;width:100%;height:580px}.swap-clothes-action .action-content .box{padding:var(--spacing-xxsmall);height:100%;border:2px solid rgba(70,129,255,.2);background-color:var(--background-color-regular);border-radius:var(--border-radius-small);backdrop-filter:blur(1rem)}.swap-clothes-action .canvas-tools-box{display:flex;flex-direction:row;align-items:center;flex-shrink:0;gap:5px;padding:5px;height:50px;background-color:rgba(0,0,0,.5);border-radius:var(--border-radius-small);overflow-x:auto;overflow-y:hidden;pointer-events:all}@media screen and (max-width: 600px){.swap-clothes-action .canvas-tools-box:not(.mobile){display:none}}.swap-clothes-action .canvas-tools-box.mobile{display:none;margin-bottom:10px}.swap-clothes-action .canvas-tools-box[s-disabled] .button{pointer-events:none}.swap-clothes-action .canvas-tools-box[s-disabled] .slider{pointer-events:none}.swap-clothes-action .canvas-tools-box .button{display:flex;align-items:center;justify-content:center;padding:10px;color:#fff;transition:all .2s ease;border-radius:var(--border-radius-small);cursor:pointer}.swap-clothes-action .canvas-tools-box .button[s-active]{background-color:var(--site-theme-color)}.swap-clothes-action .canvas-tools-box .button[s-disabled]{pointer-events:none}@media screen and (min-width: 600px){.swap-clothes-action .canvas-tools-box .button:hover{background-color:var(--site-theme-color)}}.swap-clothes-action .canvas-tools-box .slider{display:flex;align-items:center;flex:1}.swap-clothes-action .canvas-tools-box .slider input[type=range]{width:calc(100% - 5px)}.swap-clothes-action .button__container{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;pointer-events:all}.swap-clothes-action .button__container.mobile{display:none;margin:10px}.swap-clothes-action .button__container .button{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small);text-decoration:none}.swap-clothes-action .button__container .button svg{width:1rem;height:1rem}.swap-clothes-action .button__container .location-btn{position:relative;display:none;flex:1;height:40px;background-size:200% auto;background-image:linear-gradient(to right, #f09819, #edde5d)}.swap-clothes-action .button__container .location-btn:hover{background-position:right center}.swap-clothes-action .button__container .location-btn .tags{position:absolute;top:-15px;right:-10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.2rem;padding:3px 15px;background-image:linear-gradient(90deg, rgb(77, 54, 208) 0%, rgb(132, 116, 254) 100%);border-radius:999px;color:#fff;font-size:var(--font-size-small);transition:all .2s ease}.swap-clothes-action .button__container .location-btn .tags:hover{scale:1.1}.swap-clothes-action .button__container .location-btn .tags.new::after{content:"NEW"}.swap-clothes-action .button__container .locations-container{display:flex;flex-direction:row;gap:10px}.swap-clothes-action .swap-btn{position:relative;background-image:linear-gradient(to right, #2563eb, #60a5fa);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(85,198,247,.2),0 4px 6px -4px rgba(85,198,247,.2);height:50px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;cursor:pointer}.swap-clothes-action .swap-btn[s-disabled]{pointer-events:none;background-image:none}.swap-clothes-action .swap-btn[s-disabled] .btn-mask{display:none}.swap-clothes-action .swap-btn .swap,.swap-clothes-action .swap-btn .detect{display:none}.swap-clothes-action .swap-btn[detect] .detect{display:block}.swap-clothes-action .swap-btn:not([detect]) .swap{display:block}.swap-clothes-action .swap-btn .btn-mask{position:absolute;inset:0;background-image:linear-gradient(to right, rgba(85, 174, 247, 0.2), rgba(99, 128, 241, 0.2));transform:translateX(-100%)}.swap-clothes-action .swap-btn:hover{box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.swap-clothes-action .swap-btn:hover .btn-mask{animation:btn-mask-hover 1s cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode:forwards}@keyframes btn-mask-hover{0%{transform:translateX(0%)}50%{transform:translateX(100%)}100%{transform:translateX(0%)}}.swap-clothes-action .cost{display:flex;justify-content:center;visibility:hidden;color:rgba(248,250,252,.7);text-align:center;font-size:var(--font-size-xsmall)}.swap-clothes-action .upload__container{position:relative;width:500px;cursor:pointer}.swap-clothes-action .upload__container[s-disabled]{pointer-events:none}.swap-clothes-action .upload__container:not([undress]) #segment-clothes{opacity:0 !important;pointer-events:none !important;z-index:0 !important}.swap-clothes-action .upload__container[undress]{pointer-events:none;padding:0}.swap-clothes-action .upload__container[undress] #mask-clothes{opacity:.8;pointer-events:all;z-index:1}.swap-clothes-action .upload__container[undress] #cursor-canvas{opacity:.8;z-index:1}.swap-clothes-action .upload__container[undress] #segment-clothes{opacity:0;pointer-events:all;z-index:0}.swap-clothes-action .upload__container[undress] .canvas-toolbar{display:flex}@media screen and (max-width: 600px){.swap-clothes-action .upload__container[undress] .canvas-tools-box{display:flex}.swap-clothes-action .upload__container[undress] .button__container{display:flex}}.swap-clothes-action .upload__container .image{position:relative;width:100%;height:100%;min-height:400px;background-image:linear-gradient(to right, #3859a2, #386295);border:2px dashed rgba(70,129,255,.5);border-radius:var(--spacing-xsmall)}.swap-clothes-action .upload__container .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.swap-clothes-action .upload__container .image img:not([src]),.swap-clothes-action .upload__container .image img[src=""]{opacity:0;z-index:-1}.swap-clothes-action .upload__container .image img:not([src]).origin~.icon,.swap-clothes-action .upload__container .image img[src=""].origin~.icon{opacity:1}.swap-clothes-action .upload__container .image canvas{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:-1}.swap-clothes-action .upload__container .image .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xsmall);color:#fff;width:max-content;opacity:0}.swap-clothes-action .upload__container .image .icon svg{width:2rem;height:2rem;color:var(--site-theme-color)}.swap-clothes-action .upload__container .image .icon p{margin:0;text-align:center}.swap-clothes-action .upload__container .image .icon p.title-1{font-weight:bold;font-size:var(--font-size-regular)}.swap-clothes-action .upload__container .image .icon p.title-2{font-size:var(--font-size-xsmall);color:rgba(248,250,252,.7)}.swap-clothes-action .toolbar{width:90%;position:absolute;top:25px;transform:translateX(-50%);left:50%;z-index:9;display:none;flex-direction:row;align-items:center;gap:10px;color:#fff;pointer-events:all}.swap-clothes-action .toolbar .icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(150,150,150,.3);backdrop-filter:blur(1rem);border-radius:999px;transition:all .2s ease;color:#fff !important}.swap-clothes-action .toolbar .icon svg{width:20px;height:20px}.swap-clothes-action .toolbar .icon:active{scale:.95}.swap-clothes-action .toolbar .icon.delete{margin-right:auto}.swap-clothes-action .clothes__container{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;width:400px;background-image:linear-gradient(to right, #3859a2, #386295)}@media screen and (max-width: 600px){.swap-clothes-action .clothes__container[super-swap] .button__container{display:none}}.swap-clothes-action .clothes-tabs-tab{display:none}.swap-clothes-action .clothes-tabs-tab[s-active]{display:flex}.swap-clothes-action .clothes-template{flex-wrap:wrap;justify-content:center;gap:.5rem;overflow-y:auto}.swap-clothes-action .template-item{width:calc(33% - .5rem);border:5px solid rgba(0,0,0,0);border-radius:var(--border-radius-small);overflow:hidden;aspect-ratio:1/1;transition:all .2s ease;cursor:pointer}.swap-clothes-action .template-item:hover{border-color:var(--site-theme-color);border-style:solid !important}.swap-clothes-action .template-item:hover img{scale:1.05}.swap-clothes-action .template-item[s-active]{border-style:solid !important;border-color:var(--site-theme-color)}.swap-clothes-action .template-item.upload{position:relative;border-style:dashed;border-color:var(--site-theme-color);color:var(--site-theme-color);overflow:visible}.swap-clothes-action .template-item.upload .icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;padding:10px;background-color:rgba(104,18,243,.4);border-radius:999px}.swap-clothes-action .template-item.upload .clear{position:absolute;bottom:-10px;right:-10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#f2f4f5;border-radius:999px;box-shadow:0 0 5px #c5c5c5;color:#000}.swap-clothes-action .template-item.upload .image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-small)}.swap-clothes-action .template-item.upload .image:not([src]),.swap-clothes-action .template-item.upload .image[src=""]{opacity:0}.swap-clothes-action .template-item.upload .image:not([data-url])~.clear,.swap-clothes-action .template-item.upload .image[data-url=""]~.clear{display:none}.swap-clothes-action .template-item img{width:100%;height:100%;transition:scale .2s ease}.swap-clothes-action .template-item.hide{border:none;height:0}.swap-clothes-action .super-swap-box{flex-direction:column;gap:10px}.swap-clothes-action .options-box{padding:20px;background-color:rgba(13,5,26,.5);height:330px;overflow-y:auto;border-radius:var(--border-radius-small)}@media screen and (max-width: 600px){.swap-clothes-action .options-box{height:280px}}.swap-clothes-action .options-box .list-box{display:flex;flex-direction:column;gap:10px}.swap-clothes-action .options-box .list-box+.list-box{margin-top:10px}.swap-clothes-action .options-box .title{color:#fff}.swap-clothes-action .options-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@media screen and (max-width: 600px){.swap-clothes-action .options-list{flex-wrap:nowrap;overflow-x:auto}}.swap-clothes-action .options-list .list-item{flex-shrink:0;width:calc(33.3% - 7px);aspect-ratio:1/1;border-radius:var(--border-radius-small);border:5px solid rgba(0,0,0,0);overflow:hidden;transition:all .2s ease;cursor:pointer}.swap-clothes-action .options-list .list-item:hover{border-color:var(--site-theme-color)}.swap-clothes-action .options-list .list-item[s-active]{border-color:var(--site-theme-color)}.swap-clothes-action .options-list .list-item img{width:100%;height:100%}.swap-clothes-action .clothes-tabs{display:flex;flex-direction:row;gap:5px;padding:5px;color:#fff;background-color:rgba(0,0,0,.3);border-radius:14px}.swap-clothes-action .clothes-tabs .item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;gap:5px;padding:8px 5px;font-size:14px;cursor:pointer;border-radius:var(--border-radius-small);transition:all .2s ease}.swap-clothes-action .clothes-tabs .item[s-active]{scale:.98;background-image:linear-gradient(to right, #2563eb, #60a5fa)}.swap-clothes-action .clothes-tabs .item[s-disabled]{pointer-events:none}.swap-clothes-action .clothes-tabs .item.super-swap[s-active]{background-image:linear-gradient(to right, #2563eb, #60a5fa)}.swap-clothes-action .clothes-tabs .item:hover:not([s-active]){background-color:rgba(251,207,232,.1)}.swap-clothes-action .clothes-tabs .item .icon{display:flex;align-items:center;justify-content:center}.swap-clothes-action .clothes-tabs .item .icon svg{width:20px;height:20px}.swap-clothes-action .clothes-tabs .item .tag{position:absolute;top:-15px;right:-5px;padding:2px 8px;color:#fff;background-image:linear-gradient(to right, #2563eb, #60a5fa);font-size:var(--font-size-small);border-radius:999px;transition:all .2s ease}.swap-clothes-action[data-status=uploading] .action-content .upload__container,.swap-clothes-action[data-status=swapping] .action-content .upload__container,.swap-clothes-action[data-status=segmenting] .action-content .upload__container{pointer-events:none}.swap-clothes-action[data-status=uploading] .action-content .clothes__container .clothes-tabs .item,.swap-clothes-action[data-status=swapping] .action-content .clothes__container .clothes-tabs .item,.swap-clothes-action[data-status=segmenting] .action-content .clothes__container .clothes-tabs .item{pointer-events:none}.swap-clothes-action[data-status=uploading] .action-content .clothes__container .template-item,.swap-clothes-action[data-status=swapping] .action-content .clothes__container .template-item,.swap-clothes-action[data-status=segmenting] .action-content .clothes__container .template-item{pointer-events:none}.swap-clothes-action[data-status=uploading] .action-content #mask-clothes,.swap-clothes-action[data-status=uploading] .action-content #segment-clothes,.swap-clothes-action[data-status=swapping] .action-content #mask-clothes,.swap-clothes-action[data-status=swapping] .action-content #segment-clothes,.swap-clothes-action[data-status=segmenting] .action-content #mask-clothes,.swap-clothes-action[data-status=segmenting] .action-content #segment-clothes{pointer-events:none !important;z-index:-1 !important}.swap-clothes-action[data-status=uploading] .action-content .canvas-tools-box .button,.swap-clothes-action[data-status=uploading] .action-content .canvas-tools-box .slider,.swap-clothes-action[data-status=swapping] .action-content .canvas-tools-box .button,.swap-clothes-action[data-status=swapping] .action-content .canvas-tools-box .slider,.swap-clothes-action[data-status=segmenting] .action-content .canvas-tools-box .button,.swap-clothes-action[data-status=segmenting] .action-content .canvas-tools-box .slider{pointer-events:none !important}.swap-clothes-action[data-status=uploading] .mobile-upload #upload-action-2,.swap-clothes-action[data-status=swapping] .mobile-upload #upload-action-2,.swap-clothes-action[data-status=segmenting] .mobile-upload #upload-action-2{pointer-events:none !important;background-color:var(--primary-button-disabled-bgcolor) !important}.swap-clothes-action[data-status=uploading] .swap-btn,.swap-clothes-action[data-status=swapping] .swap-btn,.swap-clothes-action[data-status=segmenting] .swap-btn{pointer-events:none}.swap-clothes-action[data-status=done] .action-content .upload__container .toolbar{display:flex}.swap-clothes-action[data-status=done] .location-btn{display:flex}@media screen and (max-width: 600px){.swap-clothes-action .action-content{flex-direction:column;height:auto}.swap-clothes-action .action-content .upload__container{width:100%}.swap-clothes-action .action-content .upload__container .toolbar{top:auto;right:5px}.swap-clothes-action .action-content .upload__container .canvas-toolbar{flex-direction:column;height:auto}.swap-clothes-action .action-content .clothes__container{width:100%}.swap-clothes-action .action-content .clothes__container .clothes-template{padding-bottom:1rem;flex-wrap:nowrap;justify-content:flex-start;overflow-y:visible;overflow-x:auto;scrollbar-width:none}.swap-clothes-action .action-content .clothes__container .clothes-template .template-item{width:80px;height:80px;flex-shrink:0}.swap-clothes-action .action-content .clothes__container .clothes-template .template-item.hide{display:none}.swap-clothes-action[data-status=""] .upload__container{display:none}}