.my-clothes-swap-v1{--padding: 24px;max-width:1096px;width:100%}.my-clothes-swap-v1[status=done] .my-clothes-swap__result__media{display:flex}.my-clothes-swap-v1[status=done] .my-clothes-swap__result__recent{display:block}.my-clothes-swap-v1[status=done] .my-clothes-swap__result__placeholder{display:none}.my-clothes-swap-v1 .my-clothes-swap__wrapper{--my-gradual-border-width: 1px;--my-gradual-border-color: linear-gradient( 132deg, rgba(195, 73, 109, 0.4), rgba(252, 119, 158, 0.8), rgba(226, 75, 119, 0.43) );position:relative;padding:var(--padding);display:flex;flex-direction:row;gap:var(--padding);height:100%;background:linear-gradient(133deg, rgba(226, 75, 221, 0.1) 0%, rgba(226, 75, 119, 0.1) 100%);border-radius:40px;overflow:hidden}.my-clothes-swap-v1 .my-clothes-swap__box{width:calc(50% - var(--padding)/2)}.my-clothes-swap-v1 .my-clothes-swap__card{display:flex;flex-direction:column}.my-clothes-swap-v1 .my-clothes-swap__card+.my-clothes-swap__card{margin-top:var(--padding)}.my-clothes-swap-v1 .my-clothes-swap__card__title{color:#fff;font-size:20px;font-weight:500}.my-clothes-swap-v1 .my-clothes-swap__card__body{margin-top:16px}.my-clothes-swap-v1 .my-clothes-swap__card__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.my-clothes-swap-v1 .my-clothes-swap__card__header--right{display:flex;flex-direction:row;align-items:center;gap:12px}.my-clothes-swap-v1 .my-clothes-swap__card__header--right .my-button{padding:4px}.my-clothes-swap-v1 .my-clothes-swap__upload{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:258px;color:#fff;background:linear-gradient(133deg, rgba(226, 75, 221, 0.1) 0%, rgba(226, 75, 119, 0.1) 100%);border-radius:16px;overflow:hidden;cursor:pointer}.my-clothes-swap-v1 .my-clothes-swap__upload:hover .my-clothes-swap__upload-btn__inner{animation:my-clothes-super-upload-btn-beat 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate}@keyframes my-clothes-super-upload-btn-beat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}.my-clothes-swap-v1 .my-clothes-swap__upload__preview{max-width:100%;max-height:100%;object-fit:contain}.my-clothes-swap-v1 .my-clothes-swap__upload__preview:not([src]),.my-clothes-swap-v1 .my-clothes-swap__upload__preview[src=""]{display:none}.my-clothes-swap-v1 .my-clothes-swap__upload__preview:not([src])~.my-clothes-swap__upload-btn,.my-clothes-swap-v1 .my-clothes-swap__upload__preview:not([src])~.my-clothes-swap__upload__title,.my-clothes-swap-v1 .my-clothes-swap__upload__preview[src=""]~.my-clothes-swap__upload-btn,.my-clothes-swap-v1 .my-clothes-swap__upload__preview[src=""]~.my-clothes-swap__upload__title{display:block}.my-clothes-swap-v1 .my-clothes-swap__upload-btn,.my-clothes-swap-v1 .my-clothes-swap__upload__title{display:none}.my-clothes-swap-v1 .my-clothes-swap__upload-btn{position:relative;width:140px;height:140px}.my-clothes-swap-v1 .my-clothes-swap__upload-btn .my-button__icon{width:100%;height:100%}.my-clothes-swap-v1 .my-clothes-swap__upload-btn__inner{position:absolute;bottom:-45px}.my-clothes-swap-v1 .my-clothes-swap__upload-btn__inner svg{width:100%;height:100%}.my-clothes-swap-v1 .my-clothes-swap__options__item{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:4px;width:83px;color:rgba(255,255,255,.7);font-size:14px;border-radius:6px;overflow:hidden;cursor:pointer;transition:color .2s}.my-clothes-swap-v1 .my-clothes-swap__options__item[s-active],.my-clothes-swap-v1 .my-clothes-swap__options__item:hover{color:#fff}.my-clothes-swap-v1 .my-clothes-swap__options__item[s-active] img,.my-clothes-swap-v1 .my-clothes-swap__options__item:hover img{border-color:#e24b77}.my-clothes-swap-v1 .my-clothes-swap__options__item+.my-clothes-swap__options__item{margin-left:12px}.my-clothes-swap-v1 .my-clothes-swap__options__item img{width:100%;height:123px;border:2px solid rgba(0,0,0,0);border-radius:inherit;object-fit:cover;transition:border-color .2s}.my-clothes-swap-v1 .my-clothes-swap__template__upload{background:#3c1729}.my-clothes-swap-v1 .my-clothes-swap__template__upload-btn{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.my-clothes-swap-v1 .my-clothes-swap__template__upload-btn[loading] .my-clothes-swap__template__upload-placeholder,.my-clothes-swap-v1 .my-clothes-swap__template__upload-btn[loading] .my-clothes-swap__template__upload-clear,.my-clothes-swap-v1 .my-clothes-swap__template__upload-btn[loading] .my-clothes-swap__template__upload-preview{display:none !important}.my-clothes-swap-v1 .my-clothes-swap__template__upload-btn[loading]::before{content:"";display:block;width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:999px;animation:my-clothes-swap-tmp-upload-loading 1s linear infinite}@keyframes my-clothes-swap-tmp-upload-loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.my-clothes-swap-v1 .my-clothes-swap__template__upload-placeholder{width:100%;height:100%;background-image:url("/static/icons/48x48/icon-upload-03.webp");background-position:center;background-repeat:no-repeat;background-size:24px;opacity:.7;transition:.2s}.my-clothes-swap-v1 .my-clothes-swap__template__upload-placeholder:hover{opacity:1;scale:1.1}.my-clothes-swap-v1 .my-clothes-swap__template__upload-clear{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-v1 .my-clothes-swap__template__upload-preview~.my-clothes-swap__template__upload-placeholder{display:none}.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview~.my-clothes-swap__template__upload-clear{display:flex}.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview:not([src]),.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview[src=""]{display:none}.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview:not([src])~.my-clothes-swap__template__upload-placeholder,.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview[src=""]~.my-clothes-swap__template__upload-placeholder{display:flex}.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview:not([src])~.my-clothes-swap__template__upload-clear,.my-clothes-swap-v1 .my-clothes-swap__template__upload-preview[src=""]~.my-clothes-swap__template__upload-clear{display:none}.my-clothes-swap-v1 .my-clothes-swap__generate{position:relative}.my-clothes-swap-v1 .my-clothes-swap__generate-btn{width:100%;height:40px;font-size:16px}.my-clothes-swap-v1 .my-clothes-swap__cost-credits{position:absolute;top:-35px;left:50%;transform:translateX(-50%)}.my-clothes-swap-v1 .my-clothes-swap__button{margin-top:50px !important}.my-clothes-swap-v1 .my-clothes-swap__result--mobile{display:none}.my-clothes-swap-v1 .my-clothes-swap__result--desktop{height:100%}.my-clothes-swap-v1 .my-clothes-swap__result--desktop .my-clothes-swap__card__body{position:relative;display:flex;flex-direction:column;flex:1;padding:16px;padding-bottom:0;background:#3c1729;border-radius:16px;overflow:hidden}.my-clothes-swap-v1 .my-clothes-swap__result__media{position:relative;display:none;align-items:center;justify-content:center;flex:1;padding:16px;background:#220519;border-radius:12px;overflow:hidden}.my-clothes-swap-v1 .my-clothes-swap__result__image{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:inherit}.my-clothes-swap-v1 .my-clothes-swap__result__toolbar{position:absolute;top:12px;right:12px;display:flex;flex-direction:row;gap:12px}.my-clothes-swap-v1 .my-clothes-swap__download{background:linear-gradient(133deg, #c52da6 0%, #e24b77 100%);transition:.2s}.my-clothes-swap-v1 .my-clothes-swap__download:hover{filter:brightness(1.2)}.my-clothes-swap-v1 .my-clothes-swap__download,.my-clothes-swap-v1 .my-clothes-swap__location-btn{width:40px;height:40px;font-size:20px;border-radius:999px}.my-clothes-swap-v1 .my-clothes-swap__download img,.my-clothes-swap-v1 .my-clothes-swap__location-btn img{width:1em;height:1em}.my-clothes-swap-v1 .my-clothes-swap__result__recent{display:none;margin-top:16px}.my-clothes-swap-v1 .my-clothes-swap__result__recent .my-clothes-swap__card__title{font-size:16px;text-align:center}.my-clothes-swap-v1 .my-clothes-swap__result__recent.my-clothes-swap__result__recent--mobile{display:none}.my-clothes-swap-v1 .my-clothes-swap__recent__list{display:flex;flex-direction:row;gap:16px;margin-top:12px;padding-bottom:calc(16px - var(--my-scrollbar-width, 0px));list-style:none;overflow-x:scroll}.my-clothes-swap-v1 .my-clothes-swap__recent__list__item{flex-shrink:0;position:relative;width:107px;height:107px;border:2px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;overflow:hidden;transition:.2s}.my-clothes-swap-v1 .my-clothes-swap__recent__list__item img{width:100%;height:100%;object-fit:cover;filter:blur(4px)}.my-clothes-swap-v1 .my-clothes-swap__recent__list__item[s-active]{border-color:#e24b77}.my-clothes-swap-v1 .my-clothes-swap__recent__clear{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:16px;background:rgba(0,0,0,.5);border-radius:999px;transition:.2s;cursor:pointer}.my-clothes-swap-v1 .my-clothes-swap__recent__clear::before{content:"";display:block;width:1em;height:1em;background-image:url("/static/icons/27x27/icon-cancel-01.webp");background-position:center;background-repeat:no-repeat;background-size:100%}.my-clothes-swap-v1 .my-clothes-swap__recent__clear:hover{background:rgba(0,0,0,.8);filter:brightness(1.5)}.my-clothes-swap-v1 .my-clothes-swap__result__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-bottom:16px;width:100%;height:100%;background:#3c1729;opacity:.5}.my-clothes-swap-v1 .my-clothes-swap__preview{overflow:hidden}@media screen and (max-width: 880px){.my-clothes-swap-v1{--padding: 12px}.my-clothes-swap-v1[status=done] .my-clothes-swap__result--mobile{display:block}.my-clothes-swap-v1[status=done] .my-clothes-swap__result__recent.my-clothes-swap__result__recent--mobile{display:block}.my-clothes-swap-v1 .my-clothes-swap__wrapper{flex-direction:column;border-radius:12px}.my-clothes-swap-v1 .my-clothes-swap__box{width:100%}.my-clothes-swap-v1 .my-clothes-swap__card__title{font-size:14px}.my-clothes-swap-v1 .my-clothes-swap__card__body{margin-top:8px}.my-clothes-swap-v1 .my-clothes-swap__upload{height:140px}.my-clothes-swap-v1 .my-clothes-swap__upload-btn{width:72px;height:72px}.my-clothes-swap-v1 .my-clothes-swap__upload-btn__inner{bottom:-23px}.my-clothes-swap-v1 .my-clothes-swap__options__item+.my-clothes-swap__options__item{margin-left:8px}.my-clothes-swap-v1 .my-clothes-swap__template__item{width:64px}.my-clothes-swap-v1 .my-clothes-swap__template__item img{height:88px}.my-clothes-swap-v1 .my-clothes-swap__preview{display:none}.my-clothes-swap-v1 .my-clothes-swap__generate-btn{height:34px;font-size:14px}.my-clothes-swap-v1 .my-clothes-swap__cost-credits{top:-30px}.my-clothes-swap-v1 .my-clothes-swap__result__media{padding:12px}.my-clothes-swap-v1 .my-clothes-swap__result__image{max-width:150px}.my-clothes-swap-v1 .my-clothes-swap__result__toolbar{top:5px;right:5px;gap:6px}.my-clothes-swap-v1 .my-clothes-swap__download,.my-clothes-swap-v1 .my-clothes-swap__location-btn{display:flex;width:30px;height:30px;font-size:16px;transform:none}.my-clothes-swap-v1 .my-clothes-swap__result__recent{margin-top:8px}.my-clothes-swap-v1 .my-clothes-swap__result__recent .my-clothes-swap__card__title{font-size:14px;text-align:left}.my-clothes-swap-v1 .my-clothes-swap__recent__list__item{width:97px;height:97px}.my-clothes-swap-v1 .my-clothes-swap__recent__clear{top:2px;right:2px;width:20px;height:20px;font-size:12px}}