.my-clothes-super-v2[upload=""] .my-clothes-super__canvas,.my-clothes-super-v2:not([upload]) .my-clothes-super__canvas{display:none}.my-clothes-super-v2[upload=""] .my-clothes-super__upload,.my-clothes-super-v2:not([upload]) .my-clothes-super__upload{display:flex}.my-clothes-super-v2[detected] #mask-clothes{opacity:.8;pointer-events:all;z-index:4}.my-clothes-super-v2[detected] #cursor-canvas{opacity:.8;z-index:3}.my-clothes-super-v2[detected] #segment-clothes{opacity:0;pointer-events:all;z-index:0}.my-clothes-super-v2:not([detected]) #mask-clothes,.my-clothes-super-v2:not([detected]) #cursor-canvas,.my-clothes-super-v2:not([detected]) #segment-clothes{display:none}.my-clothes-super-v2 .my-clothes-super__upload,.my-clothes-super-v2 .my-clothes-super__canvas__container{flex-direction:column;width:100%;height:249px;background:var(--my-background-normal);border-radius:16px;border:1px solid hsla(0,0%,100%,.07);overflow:hidden}.my-clothes-super-v2 .my-clothes-super__upload:hover .my-clothes-super__upload-icon__inner,.my-clothes-super-v2 .my-clothes-super__canvas__container:hover .my-clothes-super__upload-icon__inner{animation:my-clothes-super-upload-btn-beat 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate}.my-clothes-super-v2 .my-clothes-super__upload{display:none;opacity:1 !important}@keyframes my-clothes-super-upload-btn-beat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}.my-clothes-super-v2 .my-clothes-super__upload-icon{position:relative;width:120px;height:120px}.my-clothes-super-v2 .my-clothes-super__upload-icon .my-button__icon{width:100%;height:100%}.my-clothes-super-v2 .my-clothes-super__upload-icon__inner{position:absolute;bottom:-45px}.my-clothes-super-v2 .my-clothes-super__upload-icon__inner svg{width:100%;height:100%}.my-clothes-super-v2 .my-clothes-super__upload__title{color:#fff;font-weight:500}.my-clothes-super-v2 .my-clothes-super__canvas{display:flex;flex-direction:column;gap:calc(var(--my-clothes-super-padding)*1)}.my-clothes-super-v2 .my-clothes-super__canvas__container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto}.my-clothes-super-v2 .my-clothes-super__canvas__container canvas{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:-1}.my-clothes-super-v2 .my-clothes-super__upload__media{max-width:calc(100% - 50px);max-height:300px;min-height:200px;object-fit:contain}.my-clothes-super-v2 .my-clothes-super__upload__toolbar{position:absolute;top:calc(var(--my-clothes-super-padding)*.75);right:calc(var(--my-clothes-super-padding)*.75);display:flex;flex-direction:column;gap:calc(var(--my-clothes-super-padding)*.5)}.my-clothes-super-v2 .my-clothes-super__upload__tools{padding:6px;color:#fff;background:rgba(0,0,0,.5);border-radius:8px;font-size:15px;transition:.2s}.my-clothes-super-v2 .my-clothes-super__upload__tools:hover{color:#ff4180}.my-clothes-super-v2 .my-clothes-super__canvas__toolbar{display:flex;flex-direction:row;align-items:center;gap:calc(var(--my-clothes-super-padding)*.5);padding:calc(var(--my-clothes-super-padding)*1);background:var(--my-background-normal);border-radius:16px;border:1px solid hsla(0,0%,100%,.07)}.my-clothes-super-v2 .my-clothes-super__canvas__toolbar .my-button{--my-button-transition: background 0.2s;padding:4px;font-size:18px;border-radius:8px}.my-clothes-super-v2 .my-clothes-super__canvas__toolbar .my-button[s-active],.my-clothes-super-v2 .my-clothes-super__canvas__toolbar .my-button:not(:disabled,[s-disabled]):hover{background:#ff4180}.my-clothes-super-v2 .my-clothes-super__canvas__toolbar .my-button__icon{width:1em;height:1em}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size{padding:0 7px;flex:1}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range .noUi-marker-horizontal.noUi-marker{display:none}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range.noUi-horizontal{height:12px}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range.noUi-target{border:1px solid #ff4180;background:rgba(0,0,0,0);border-radius:999px;box-shadow:none}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range .noUi-connect{background:linear-gradient(90deg, #ff4180 0%, #ff4180 100%)}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range .noUi-connects{border-radius:999px}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range .noUi-handle{right:-9px;top:-4px;width:18px;height:18px;background:#ff4180;border:3px solid #fff;border-radius:999px;box-shadow:none}.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range .noUi-handle::before,.my-clothes-super-v2 .my-clothes-super__canvas__brush-size__range .noUi-handle::after{content:none}.my-clothes-super-v2{--my-clothes-super-options-padding: calc(var(--my-clothes-super-padding) * 1)}.my-clothes-super-v2 .my-clothes-super__options{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--my-clothes-super-options-padding);list-style:none}.my-clothes-super-v2 .my-clothes-super__options-item{display:flex;flex-direction:column;align-items:center;gap:2px;width:calc(33.3333333333% - var(--my-clothes-super-options-padding) + var(--my-clothes-super-options-padding)/3);max-width:120px;cursor:pointer}.my-clothes-super-v2 .my-clothes-super__options-item img{width:100%;aspect-ratio:1/1;border:2px solid rgba(0,0,0,0);border-radius:12px;transition:border-color .2s}.my-clothes-super-v2 .my-clothes-super__options-item span{font-size:14px;font-weight:500;transition:color .2s}.my-clothes-super-v2 .my-clothes-super__options-item:hover img,.my-clothes-super-v2 .my-clothes-super__options-item[s-active] img{border-color:#ff4180}.my-clothes-super-v2 .my-clothes-super__options-item:hover span,.my-clothes-super-v2 .my-clothes-super__options-item[s-active] span{color:#ff4180}@media screen and (max-width: 880px){.my-clothes-super-v2 .my-clothes-super__options-item{max-width:80px}.my-clothes-super-v2 .my-clothes-super__options-item span{font-size:11px}}.my-clothes-super-v2{--my-clothes-super-operation-footer-height: 102px}.my-clothes-super-v2 .my-clothes-super__operation{position:relative;padding-top:var(--my-clothes-super-padding);padding-left:var(--my-clothes-super-padding)}.my-clothes-super-v2 .my-clothes-super__operation__body{padding-right:calc(var(--my-clothes-super-padding) - var(--my-scrollbar-width, 0px));padding-bottom:calc(var(--my-clothes-super-operation-footer-height) + var(--my-clothes-super-padding));width:100%;max-height:100%;overflow-y:scroll;overflow-x:hidden}.my-clothes-super-v2 .my-clothes-super__operation__footer{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--my-clothes-super-padding)*1);gap:calc(var(--my-clothes-super-padding)*.75);width:100%;height:var(--my-clothes-super-operation-footer-height);background:var(--my-background-regular);border-top:1px solid hsla(0,0%,100%,.07);z-index:9}.my-clothes-super-v2 .my-clothes-super__operation__footer .my-button{width:100%;height:40px;font-size:14px;border-radius:14px}.my-clothes-super-v2 .my-clothes-super__upload-btn,.my-clothes-super-v2 .my-clothes-super__generate-btn{display:none}.my-clothes-super-v2[upload=""] .my-clothes-super__upload-btn,.my-clothes-super-v2:not([upload]) .my-clothes-super__upload-btn{display:flex}.my-clothes-super-v2[upload=""] .my-clothes-super__detect-btn,.my-clothes-super-v2[upload=""] .my-clothes-super__generate-btn,.my-clothes-super-v2:not([upload]) .my-clothes-super__detect-btn,.my-clothes-super-v2:not([upload]) .my-clothes-super__generate-btn{display:none}.my-clothes-super-v2[detected] .my-clothes-super__generate-btn{display:flex}.my-clothes-super-v2[detected] .my-clothes-super__upload-btn,.my-clothes-super-v2[detected] .my-clothes-super__detect-btn{display:none}@media screen and (max-width: 880px){:root{--my-foo-view-margin-bottom: 40px}.my-clothes-super-v2{--my-clothes-super-operation-footer-height: 86px}.my-clothes-super-v2 .my-clothes-super__operation__body{padding-right:0;padding-bottom:var(--my-clothes-super-padding)}.my-clothes-super-v2 .my-clothes-super__operation__footer{position:fixed}.my-clothes-super-v2 .my-clothes-super__operation__footer .my-button{height:35px}}.my-clothes-super-v2 .my-clothes-super__result{padding:var(--my-clothes-super-padding)}.my-clothes-super-v2 .my-clothes-super__result[src=""] .my-clothes-super__result__placeholder,.my-clothes-super-v2 .my-clothes-super__result:not([src]) .my-clothes-super__result__placeholder{display:flex}.my-clothes-super-v2 .my-clothes-super__result[src=""] .my-clothes-super__result__wrapper,.my-clothes-super-v2 .my-clothes-super__result:not([src]) .my-clothes-super__result__wrapper{display:none}.my-clothes-super-v2 .my-clothes-super__result__placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.my-clothes-super-v2 .my-clothes-super__result__placeholder__icon{display:flex;align-items:center;justify-content:center;opacity:.7;font-size:64px}.my-clothes-super-v2 .my-clothes-super__result__placeholder__icon svg{width:1em;height:1em}.my-clothes-super-v2 .my-clothes-super__result__placeholder__title{margin-top:var(--my-clothes-super-padding);max-width:300px;font-size:14px;text-align:center;color:hsla(0,0%,100%,.7);line-height:1.2}.my-clothes-super-v2 .my-clothes-super__result__placeholder__btn{margin-top:var(--my-clothes-super-padding);padding:8px 16px;color:#ff4180;background:rgba(255,65,128,.15);border-radius:12px;transition:.2s}.my-clothes-super-v2 .my-clothes-super__result__placeholder__btn:not(:disabled,[s-disabled]):hover{filter:brightness(1.2)}.my-clothes-super-v2 .my-clothes-super__result__wrapper{display:flex;flex-direction:column;width:100%;height:100%}.my-clothes-super-v2 .my-clothes-super__result__body{position:relative;display:flex;align-items:center;justify-content:center;flex:1;padding:var(--my-clothes-super-padding);background:var(--my-background-normal);border-radius:16px;overflow:hidden}.my-clothes-super-v2 .my-clothes-super__result__media__wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:0}.my-clothes-super-v2 .my-clothes-super__original__media{position:absolute;z-index:-1;opacity:0}.my-clothes-super-v2 .my-clothes-super__original__media,.my-clothes-super-v2 .my-clothes-super__result__media{max-width:100%;max-height:100%;border-radius:16px}.my-clothes-super-v2 .my-clothes-super__download{position:absolute;top:var(--my-clothes-super-padding);right:var(--my-clothes-super-padding);width:38px;height:38px;color:#fff;background:linear-gradient(to right bottom, #ff4180, #ff415a);border-radius:12px;font-size:18px;transition:.2s}.my-clothes-super-v2 .my-clothes-super__download:hover{filter:brightness(1.2)}.my-clothes-super-v2 .my-clothes-super__result__compare{position:absolute;bottom:var(--my-clothes-super-padding);right:var(--my-clothes-super-padding);padding:8px;color:#fff;background:hsla(0,0%,100%,.1);font-size:14px;border-radius:12px;transition:.2s}.my-clothes-super-v2 .my-clothes-super__result__compare:hover{filter:brightness(1.2)}.my-clothes-super-v2 .my-clothes-super__result__footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:calc(var(--my-clothes-super-padding)*1.8);gap:var(--my-clothes-super-padding)}.my-clothes-super-v2 .my-clothes-super__location{padding:10px 14px;color:#ff4180;background:rgba(255,65,128,.15);border-radius:16px;border:1px solid #ff4180;font-size:13px;line-height:1.2}.my-clothes-super-v2 .my-clothes-super__location[hidden]{display:none !important}.my-clothes-super-v2 .my-clothes-super__location .my-button__icon{width:1.2em;height:1.2em}.my-clothes-super-v2 .my-clothes-super__location .my-button__icon img,.my-clothes-super-v2 .my-clothes-super__location .my-button__icon svg{width:100%;height:100%}@media screen and (max-width: 880px){.my-clothes-super-v2 .my-clothes-super__result__placeholder__title{max-width:240px;font-size:12px}.my-clothes-super-v2 .my-clothes-super__result__placeholder__icon{font-size:48px}.my-clothes-super-v2 .my-clothes-super__result__placeholder__btn{font-size:11px}.my-clothes-super-v2 .my-clothes-super__location{flex:1 0 calc(50% - var(--my-clothes-super-padding));padding:6px 10px;border-radius:10px;font-size:11px}.my-clothes-super-v2 .my-clothes-super__download{width:30px;height:30px;border-radius:10px;font-size:16px}.my-clothes-super-v2 .my-clothes-super__original__media,.my-clothes-super-v2 .my-clothes-super__result__media{border-radius:12px}}.my-clothes-super-v2 .my-clothes-super__templates{display:flex;flex-direction:column;gap:calc(var(--my-clothes-super-padding)*.75);padding:var(--my-clothes-super-padding) 0 var(--my-clothes-super-padding) var(--my-clothes-super-padding)}.my-clothes-super-v2 .my-clothes-super__templates__header{padding-right:calc(var(--my-clothes-super-padding) - var(--my-scrollbar-width, 0px))}.my-clothes-super-v2 .my-clothes-super__templates__body{flex:1;padding-right:calc(var(--my-clothes-super-padding) - var(--my-scrollbar-width, 0px));overflow-x:hidden;overflow-y:scroll}.my-clothes-super-v2 .my-clothes-super__templates__list{columns:2;gap:calc(var(--my-clothes-super-padding)*.75);list-style:none}.my-clothes-super-v2 .my-clothes-super__templates__item{position:relative;display:flex;margin-bottom:calc(var(--my-clothes-super-padding)*.75);border-radius:10px;overflow:hidden;cursor:pointer;break-inside:avoid}.my-clothes-super-v2 .my-clothes-super__templates__item:hover .my-clothes-super__templates__try-btn{opacity:1}.my-clothes-super-v2 .my-clothes-super__templates__poster{width:100%}.my-clothes-super-v2 .my-clothes-super__templates__try-btn{position:absolute;left:calc(var(--my-clothes-super-padding)*.75);bottom:calc(var(--my-clothes-super-padding)*.75);width:calc(100% - var(--my-clothes-super-padding)*.75*2);height:30px;border-radius:10px;font-size:14px;opacity:0;transition:.2s}@media screen and (max-width: 880px){.my-clothes-super-v2 .my-clothes-super__templates__title{font-size:13px}}.my-clothes-super-v2{--my-clothes-super-padding: 16px;display:flex;flex-direction:row;margin-bottom:30px;width:100%;height:calc(var(--vh) - var(--my-header-height));min-height:500px;max-height:850px}.my-clothes-super-v2 .my-clothes-super__operation{flex:.27;min-width:320px;border-right:1px solid hsla(0,0%,100%,.2);overflow:hidden}.my-clothes-super-v2 .my-clothes-super__result{flex:.5}.my-clothes-super-v2 .my-clothes-super__templates{flex:.23;min-width:200px;border-left:1px solid hsla(0,0%,100%,.2)}.my-clothes-super-v2 .my-clothes-super__block{display:flex;flex-direction:column;gap:calc(var(--my-clothes-super-padding)*.75)}.my-clothes-super-v2 .my-clothes-super__block+.my-clothes-super__block{margin-top:var(--my-clothes-super-padding)}.my-clothes-super-v2 .my-clothes-super__block__title{color:hsla(0,0%,100%,.8);line-height:1.2}@media screen and (max-width: 880px){.my-clothes-super-v2{--my-clothes-super-padding: 12px;flex-direction:column;height:auto;max-height:none;min-height:auto}.my-clothes-super-v2 .my-clothes-super__operation{border-right:none}.my-clothes-super-v2 .my-clothes-super__templates{border-left:none}.my-clothes-super-v2 .my-clothes-super__result{flex:none;height:300px}.my-clothes-super-v2 .my-clothes-super__block__title{font-size:13px}}