.my-clothes-swap-v3{--my-cs-v3-padding: 16px;--my-cs-v3-footer-height: 100px;--my-cs-v3-accent: #ff4180;--my-cs-v3-accent-15: rgba(255, 65, 128, 0.15);--my-cs-v3-accent-25: rgba(255, 65, 128, 0.25);--my-cs-v3-accent-50: rgba(255, 65, 128, 0.5);--my-cs-v3-bg: #121415;--my-cs-v3-bg-card: #16191b;--my-cs-v3-border: rgba(255, 255, 255, 0.07);--my-cs-v3-border-light: rgba(255, 255, 255, 0.2);--my-cs-v3-text: rgba(255, 255, 255, 0.8);--my-cs-v3-text-dim: rgba(255, 255, 255, 0.7);display:flex;flex-direction:row;margin-bottom:30px;width:100%;height:calc(var(--vh) - var(--my-header-height));min-height:500px;max-height:850px}@media screen and (max-width: 880px){.my-clothes-swap-v3{--my-cs-v3-padding: 12px;--my-cs-v3-footer-height: 90px;flex-direction:column;height:auto;max-height:none;min-height:auto}}.my-clothes-swap-v3[upload=""] .my-clothes-swap-v3__upload-btn,.my-clothes-swap-v3:not([upload]) .my-clothes-swap-v3__upload-btn{display:flex}.my-clothes-swap-v3[upload=""] .my-clothes-swap-v3__generate-btn,.my-clothes-swap-v3:not([upload]) .my-clothes-swap-v3__generate-btn{display:none}.my-clothes-swap-v3[upload]:not([upload=""]) .my-clothes-swap-v3__upload-btn{display:none}.my-clothes-swap-v3[upload]:not([upload=""]) .my-clothes-swap-v3__generate-btn{display:flex}.my-clothes-swap-v3 .my-clothes-swap-v3__upload-btn{display:none}.my-clothes-swap-v3[result] .my-clothes-swap-v3__result-wrapper{display:flex}.my-clothes-swap-v3:not([result]) .my-clothes-swap-v3__result-placeholder{display:flex}.my-clothes-swap-v3 .my-clothes-swap-v3__operation{position:relative;padding:var(--my-cs-v3-padding) 0 var(--my-cs-v3-padding) var(--my-cs-v3-padding);max-width:440px;width:100%;border-right:1px solid var(--my-cs-v3-border-light)}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__operation{max-width:100%;border-right:none}}.my-clothes-swap-v3 .my-clothes-swap-v3__operation-body{display:flex;flex-direction:column;gap:var(--my-cs-v3-padding);padding-right:calc(var(--my-cs-v3-padding) - var(--my-scrollbar-width, 0px));padding-bottom:var(--my-cs-v3-footer-height);max-height:100%;overflow-y:scroll}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__operation-body{padding-bottom:0;overflow:visible}}.my-clothes-swap-v3 .my-clothes-swap-v3__operation-footer{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-small);padding:var(--my-cs-v3-padding);width:100%;height:var(--my-cs-v3-footer-height);background:var(--my-cs-v3-bg);border-top:1px solid var(--my-cs-v3-border);z-index:100}.my-clothes-swap-v3 .my-clothes-swap-v3__operation-footer .my-button{width:100%;height:40px;border-radius:16px;font-size:14px}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__operation-footer{position:fixed;bottom:0;z-index:10000}}.my-clothes-swap-v3 .my-clothes-swap-v3__card{background:var(--my-cs-v3-bg-card);border:1px solid var(--my-cs-v3-border);border-radius:16px}.my-clothes-swap-v3 my-upload{display:block;height:230px;border:none}.my-clothes-swap-v3 .my-clothes-swap-v3__card-divider{height:1px;background:var(--my-cs-v3-border)}.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-section{padding:12px 6px 12px 12px;max-height:400px;overflow-y:scroll}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-section{padding:var(--my-cs-v3-padding) 0 var(--my-cs-v3-padding) var(--my-cs-v3-padding);background:rgba(0,0,0,0);border:none;border-radius:0;overflow:hidden}}.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-header{padding-right:var(--my-cs-v3-padding)}}.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-title{color:#fff;font-size:16px;font-weight:500;line-height:1.21}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-title{font-size:14px}}.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-header--right{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small)}.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-header--right .my-container-scroll__scroll-btn{padding:3px}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-header--right .my-container-scroll__scroll-btn{padding:1px}}.my-clothes-swap-v3 .my-clothes-swap-v3__scroll-body{margin-top:6px}.my-clothes-swap-v3 .my-clothes-swap-v3__models .my-container-scroll__scroll-btn{display:none !important}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__models .my-container-scroll__scroll-btn{display:flex !important}}.my-clothes-swap-v3 .my-clothes-swap-v3__models .my-container-scroll__container{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:6px;overflow-x:visible;scroll-snap-type:none}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__models .my-container-scroll__container{display:flex;grid-template-columns:none;gap:0;overflow-x:scroll;scroll-snap-type:x mandatory}}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item{display:flex;flex-shrink:0;border-radius:10px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:border-color .2s}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item[s-active]{border-color:var(--my-cs-v3-accent)}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item:hover img{scale:1.05}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item img{display:block;width:100%;aspect-ratio:122/202;object-fit:cover;transition:scale .2s}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__model-item{width:89px;border-radius:8px}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item img{height:auto;aspect-ratio:auto}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item+.my-clothes-swap-v3__model-item{margin-left:8px}.my-clothes-swap-v3 .my-clothes-swap-v3__model-item:hover:not([s-active]){border-color:rgba(0,0,0,0)}}.my-clothes-swap-v3 .my-clothes-swap-v3__cost-credits{display:flex;align-items:center;justify-content:center;width:100%}.my-clothes-swap-v3 .my-clothes-swap-v3__menu{display:flex;flex-direction:column;padding:var(--my-cs-v3-padding) 0 var(--my-cs-v3-padding) var(--my-cs-v3-padding);width:560px;flex-shrink:0;background:var(--my-cs-v3-bg);overflow:hidden;border-right:1px solid var(--my-cs-v3-border)}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__menu{margin:0 6px 0 12px;width:calc(100% - 18px);background:#0d0f11;padding:12px;border:1px solid var(--my-cs-v3-border);border-radius:12px}}.my-clothes-swap-v3 .my-clothes-swap-v3__menu-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--my-cs-v3-padding);margin-bottom:12px}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__menu-header{justify-content:flex-start;margin-right:0;margin-bottom:10px}}.my-clothes-swap-v3 .my-clothes-swap-v3__menu-title{color:#fff;font-size:16px;font-weight:500}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__menu-title{font-size:14px}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-wrapper{flex:1;min-height:0;overflow-y:scroll;padding-right:calc(var(--my-cs-v3-padding) - var(--my-scrollbar-width, 0px))}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-wrapper{flex:none;overflow:visible;padding-right:0;min-width:0}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-grid{--gap: calc(var(--my-cs-v3-padding) * 0.8);display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap);list-style:none}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item{position:relative;border-radius:12px;border:1.5px solid rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:border-color .2s}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item{flex-shrink:0;width:89px !important;border-radius:8px}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload[s-active] .my-clothes-swap-v3__clothing-upload-btn{border-color:var(--my-cs-v3-accent)}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1f2325;border:1.5px solid rgba(0,0,0,0);border-radius:inherit;overflow:hidden;cursor:pointer;transition:border-color .2s}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-btn:hover{border-color:var(--my-cs-v3-accent-50)}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-btn[loading] .my-clothes-swap-v3__clothing-upload-placeholder,.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-btn[loading] .my-clothes-swap-v3__clothing-upload-clear,.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-btn[loading] .my-clothes-swap-v3__clothing-upload-preview{display:none !important}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-btn[loading]::before{content:"";display:block;width:20px;height:20px;border:2px solid hsla(0,0%,100%,.6);border-top-color:#fff;border-radius:999px;animation:my-cs-v3-upload-loading 1s linear infinite}@keyframes my-cs-v3-upload-loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;color:#bcbdbe;opacity:.7;transition:opacity .2s}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-placeholder:hover{opacity:1}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-label{color:hsla(0,0%,100%,.7);font-size:12px;text-align:center;max-width:90%;pointer-events:none;line-height:1.2}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-label{font-size:10px}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-preview{display:none;width:100%;height:100%;object-fit:cover}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-preview[src]:not([src=""]){display:block}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-preview[src]:not([src=""])~.my-clothes-swap-v3__clothing-upload-placeholder{display:none}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-clear{display:none;position:absolute;top:4px;right:4px;width:25px;height:25px;background-image:url("/static/icons/27x27/icon-cancel-01.webp");background-position:center;background-repeat:no-repeat;background-size:15px;background-color:rgba(0,0,0,.7);border-radius:999px;cursor:pointer}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-upload-preview[src]:not([src=""])~.my-clothes-swap-v3__clothing-upload-clear{display:flex}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-preset{display:block;width:100%;height:100%}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-preset img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .2s}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item[s-active] .my-clothes-swap-v3__clothing-item-overlay,.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item:hover .my-clothes-swap-v3__clothing-item-overlay{opacity:1}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-preset:hover img{scale:1.05}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item[s-active] .my-clothes-swap-v3__clothing-item-try{display:none}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item[s-active] .my-clothes-swap-v3__clothing-item-use{display:flex}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item[s-active]:not(.my-clothes-swap-v3__clothing-upload){border-color:var(--my-cs-v3-accent)}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-overlay{position:absolute;bottom:0;left:0;right:0;height:79px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);opacity:0;transition:opacity .2s;z-index:1}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-overlay{display:none}}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-try,.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-use{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--my-cs-v3-padding)*.8*2);height:32px;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-try{border:1px solid hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.25);transition:.2s}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-try:hover{background:var(--my-cs-v3-accent);border-color:rgba(0,0,0,0);box-shadow:0 0 20.9px rgba(255,51,170,.25),inset 4px 5px 9.8px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}.my-clothes-swap-v3 .my-clothes-swap-v3__clothing-item-use{display:none;background:var(--my-cs-v3-accent);box-shadow:0 0 20.9px rgba(255,51,170,.25),inset 4px 5px 9.8px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}.my-clothes-swap-v3 .my-clothes-swap-v3__result{flex:1;margin:var(--my-cs-v3-padding) calc(var(--my-cs-v3-padding) - var(--my-scrollbar-width, 0px)) var(--my-cs-v3-padding) var(--my-cs-v3-padding);border-radius:12px;overflow:hidden}.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--my-cs-v3-padding);width:100%;height:100%}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder{gap:8px;padding:calc(var(--my-cs-v3-padding)*2) var(--my-cs-v3-padding);height:300px;background:var(--my-background-regular);border-radius:12px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-icon{display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.7}.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-icon svg{width:1em;height:1em}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-icon{font-size:36px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-title{max-width:310px;color:var(--my-cs-v3-text-dim);font-size:14px;line-height:1.2;text-align:center}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-title{font-size:12px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-btn{padding:8px 22px;color:var(--my-cs-v3-accent);background:var(--my-cs-v3-accent-15);border-radius:12px}.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-btn:hover{background:var(--my-cs-v3-accent-25)}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-placeholder-btn{padding:6px 18px;border-radius:8px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-wrapper{display:none;flex-direction:column;gap:calc(var(--my-cs-v3-padding)*2);width:100%;height:100%}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-wrapper{gap:8px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-header{display:flex;align-items:center;justify-content:space-between}.my-clothes-swap-v3 .my-clothes-swap-v3__result-header-title{font-size:18px;font-weight:500}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-header-title{font-size:16px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-card{flex:1;display:flex;flex-direction:column;gap:calc(var(--my-cs-v3-padding)*2);overflow:hidden}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-card{gap:0;padding:12px 0;border-radius:12px;overflow:hidden;background:#121415;border:1px solid var(--my-cs-v3-border)}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-body{position:relative;display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-body{padding:0 12px 16px 12px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media screen and (min-width: 881px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-preview{background:var(--my-cs-v3-bg-card);border-radius:16px;border:1px solid var(--my-cs-v3-border)}}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-preview{border-radius:8px;overflow:hidden}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-media{max-width:100%;max-height:100%;min-height:200px}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-media{max-height:400px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-maximize{display:none;position:absolute;right:var(--my-cs-v3-padding);bottom:var(--my-cs-v3-padding);align-items:center;justify-content:center;width:28px;height:28px;color:#fff;background:hsla(0,0%,100%,.15);border-radius:8px;cursor:pointer}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-maximize{display:flex}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-enhance{position:absolute;top:var(--my-cs-v3-padding);right:var(--my-cs-v3-padding);width:40px;height:40px;color:var(--my-cs-v3-text);transition:color .2s}.my-clothes-swap-v3 .my-clothes-swap-v3__result-enhance:hover{color:var(--my-cs-v3-accent)}.my-clothes-swap-v3 .my-clothes-swap-v3__result-enhance svg{width:100%;height:100%}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-enhance{width:28px;height:28px}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--my-cs-v3-padding)}@media screen and (min-width: 1600px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 880px){.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer{padding:16px 12px 0 12px;grid-template-columns:repeat(1, 1fr);border-top:1px solid var(--my-cs-v3-border)}}.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer .my-button{padding:10px 12px;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:14px;font-size:14px;line-height:1.2;text-align:center;transition:color .3s,background-color .3s}.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer .my-button:hover{color:#000;background:#fff}.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer .my-button.my-clothes-swap-v3__result-download{color:var(--my-cs-v3-accent);background:var(--my-cs-v3-accent-15);border:1.5px solid var(--my-cs-v3-accent-50);transition:color .3s,background-color .3s,box-shadow .3s}.my-clothes-swap-v3 .my-clothes-swap-v3__result-footer .my-button.my-clothes-swap-v3__result-download:hover{color:#fff;background:var(--my-cs-v3-accent);box-shadow:0 0 21px rgba(255,51,170,.25),inset 4px 5px 10px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}.my-clothes-swap-v3 .my-clothes-swap-v3__location{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 880px){.function-container .function-container__inner{background:var(--my-background)}}