*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif}:root{--black:#000;--white:#fff;--light-white:#fafafa;--gray:#555;--light-gray:#ccc;--bg-light:#eee;--shadow-white:#ffffff40;--shadow-black:#0000001a}.container{background-image:url(/assets/efr-07Oeb7Nt.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;overflow:hidden}.main-container{background-image:url(/assets/5465-JxjQKpo6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;overflow:hidden}.model-area{background:#f3f3f3;height:100vh;position:relative;overflow:hidden}.topbar{justify-content:space-between;padding:28px 48px;display:flex}.logo{letter-spacing:2px;font-size:28px;font-weight:700}.menu{color:#fff;background:#000;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.screen-inner{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.screen-inner h1{text-align:center;color:#fff;margin-bottom:40px;font-size:36px;font-weight:600}.screen-inner p{color:#fff}.sports-grid{justify-content:center;gap:110px;display:flex}.screen-inner .column ul.selector.sports{flex-flow:wrap;width:60%;display:flex}.screen-inner .column ul.selector{backface-visibility:hidden;margin:0;padding:0;position:relative;left:50%;transform:translate(-50%)}.column li{color:#fafafa;cursor:pointer;text-align:center;width:25%;margin:8px 0;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:500;line-height:3.2rem;transition:all .2s;display:inline-block}.column li:hover,.active{background:#fff;color:#000!important}.active:hover{cursor:pointer;background:#000;color:#000!important}.nav-inner{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:2.8rem;font-size:18px;font-weight:500;transition:color .3s;position:absolute;top:50%;right:0;overflow:visible;transform:translateY(-50%)}.nav-inner:before{content:"";z-index:-1;background-color:#fff;border-radius:4px 0 0 4px;width:100%;height:4.4rem;transition:transform .2s cubic-bezier(.645,.045,.355,1);position:absolute;top:50%;right:0;transform:translateY(-50%)translate(calc(100% - 1.4rem))}.nav-inner:hover{color:#000}.nav-inner span{padding:17px}.nav-inner:hover:before{transform:translateY(-50%)translate(0)}.nav-inner-mdl{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:2.8rem;font-size:18px;font-weight:500;transition:color .3s;position:absolute;top:50%;right:0;overflow:visible;transform:translateY(-50%)}.nav-inner-mdl:before{content:"";z-index:-1;background-color:#000;border-radius:4px 0 0 4px;width:100%;height:4.4rem;transition:transform .2s cubic-bezier(.645,.045,.355,1);position:absolute;top:50%;right:0;transform:translateY(-50%)translate(calc(100% - 1.4rem))}.nav-inner-mdl:hover,.nav-inner-mdl:hover a{color:#fff}.nav-inner-mdl span{padding:17px}.nav-inner-mdl:hover:before{transform:translateY(-50%)translate(0)}.nav-inner-mdl a{color:#000;text-decoration:none;list-style:none}.nav-inner-rtrn{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:2.8rem;font-size:18px;font-weight:500;transition:color .3s;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}.nav-inner-rtrn:before{content:"";z-index:-1;background-color:#000;border-radius:0 4px 4px 0;width:100%;height:4.4rem;transition:transform .2s cubic-bezier(.645,.045,.355,1);position:absolute;top:50%;left:0;transform:translateY(-50%)translate(calc(1rem - 100%))}.nav-inner-rtrn:hover{color:#fff}.nav-inner-rtrn span{padding:17px}.nav-inner-rtrn:hover:before{transform:translateY(-50%)translate(0)}.cut-list{text-align:center;padding:0;list-style:none}.cut-list li{text-align:center;cursor:pointer;color:#fff;width:30%;margin:12px auto;padding:10px 0}.cut-list li.active,.cut-list li:hover{color:#000;background:#fff}.page-enter{animation:.5s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.cut-list li,.sports li{opacity:0;animation:.4s forwards itemUp;transform:translateY(20px)}.cut-list li:first-child{animation-delay:.1s}.cut-list li:nth-child(2){animation-delay:.2s}.cut-list li:nth-child(3){animation-delay:.3s}.sports li:first-child{animation-delay:.1s}.sports li:nth-child(2){animation-delay:.15s}.sports li:nth-child(3){animation-delay:.2s}@keyframes itemUp{to{opacity:1;transform:translateY(0)}}.sidebar{flex-direction:column;gap:28px;width:200px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;padding:14px 20px;font-size:18px;display:flex;position:relative}.sidebar-item:before{content:"";background:#fff;width:6px;height:100%;position:absolute;top:0;left:0}.sidebar-item:after{content:"";z-index:-1;background:#fff;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:translate(-100%)}.sidebar-item:hover:after{transform:translate(0)}.sidebar-item:hover,.sidebar-item.active{color:#fff}.sidebar-item.active:after{transform:translate(0)}.sidebar-item .text{z-index:1}.sidebar-item:hover{color:#000}.sidebar-item .arrow{z-index:1;font-size:18px}.submenu{opacity:0;pointer-events:none;z-index:999;background:#fff;border-left:1px solid #ccc;min-width:220px;padding:8px 0;transition:all .25s;position:absolute;top:0;left:100%;transform:translate(10px)}.submenu:before{content:"";background:#000;width:100%;height:6px;position:absolute;top:0;left:0}.sidebar-item:hover .submenu{opacity:1;pointer-events:auto;transform:translate(0)}.submenu p{cursor:pointer;color:#000;margin:0;padding:10px 18px;font-size:15px}.submenu p:hover{color:#fff;background:#000}.submenu p.active{background:#000;color:#fff!important}.submenu{box-shadow:0 4px 20px #0000001a}.center-section{text-align:center;flex:1}.center-section h1{color:#fff;font-size:36px;font-weight:800}.center-section p{color:#fff}.center-section h3{color:#555;margin-top:8px}.garments-grid{grid-template-columns:repeat(4,233px);justify-content:center;gap:40px;margin-top:40px;display:grid}.garment-card{cursor:pointer;transition:all .3s}.garment-card img{transition:all .3s}.garment-card p{margin-top:10px;font-weight:600}.garment-card:hover img,.garment-card.selected img{filter:drop-shadow(0 10px 20px #ffffff40);transform:scale(1.08)}.continue-btn{cursor:pointer;font-size:18px;position:absolute;right:40px}.screen-inner .content .designs .designs__nav-up{top:-40px}.screen-inner .content .designs .designs__nav-up,.screen-inner .content .designs .designs__nav-down{cursor:pointer;backface-visibility:hidden;width:100%;padding:5px;position:absolute}.screen-inner .content .designs .designs__nav-up svg,.screen-inner .content .designs .designs__nav-down svg{pointer-events:none;width:28px;height:12px;margin-left:-14px;transition:transform .1s cubic-bezier(.645,.045,.355,1);position:relative;left:50%}.screen-inner .content .designs .designs__nav-down{bottom:-35px}.screen-inner .content .designs .designs__nav-up:hover svg{transform:translateY(-1rem)scaleX(.8)}.screen-inner .content .designs .designs__nav-down:hover svg{transform:translateY(1rem)scaleX(.8)}.screen-inner .content .left{width:20%;height:100%;position:absolute;left:5%}.screen-inner .content .designs{border-right:2px solid #000;padding-top:20px;padding-bottom:20px;padding-right:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.screen-inner .content .designs .designs__nav-next-prev{text-align:center;width:80px;font-size:30px;font-weight:700;position:absolute;bottom:-80px}.screen-inner .content .designs .designs__nav-next-prev>div{cursor:pointer;color:#000;width:30px;height:30px;display:inline-block}.screen-inner .content .designs .designs__content{max-height:420px;position:relative;overflow:hidden}.screen-inner .content .designs .designs__content ul li.selected{pointer-events:none;font-weight:700;transform:scale(.8)}.screen-inner .content .designs .designs__content ul{white-space:nowrap;margin:0;padding:0;transition:transform .4s cubic-bezier(.39,.575,.565,1);transform:translateY(0%)}.screen-inner .content .designs .designs__content ul li{cursor:pointer;text-align:right;width:70px;height:60px;transition:transform .2s,opacity .2s;display:block;position:relative}.screen-inner .content .designs .designs__content ul li.selected label{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.screen-inner .content .designs .designs__content ul li label{opacity:0;pointer-events:none;background:gray;border-radius:50%;width:60px;height:60px;margin-left:5px;transition:transform .2s,opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.screen-inner .content .designs .designs__content ul li:not(.selected):hover label{opacity:1;transform:translate(-50%,-50%)scale(1)}.screen-inner .content .designs .designs__content ul li img{border:2px solid gray;border-radius:40px;width:50px;height:50px;margin-left:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-inner .content{height:100vh;position:relative}.screen-inner .content .center{width:60%;height:100%;position:absolute;left:20%}.screen-inner .content .colors{width:100%;height:80px;position:absolute;bottom:0;left:0}.screen-inner .content .colors .colors__colors{width:100%;position:absolute;bottom:0;left:0;overflow:hidden}.screen-inner .content .colors .colors__colors ul{white-space:nowrap;margin:0;padding:20px 0 0;transition:transform .4s cubic-bezier(.39,.575,.565,1);position:relative;transform:translate(0%)}.screen-inner .content .colors .colors__colors ul li{width:33px;height:75px;margin-right:5px;display:inline-block;position:relative}.screen-inner .content .colors .colors__colors ul li span{cursor:pointer;transform-origin:0 100%;background-color:currentColor;width:33px;height:85px;transition:transform .1s cubic-bezier(.645,.045,.355,1);position:absolute;transform:scaleY(.8)}.screen-inner .content .colors .colors__colors ul li label{text-transform:uppercase;opacity:0;visibility:hidden;color:#000;font-size:14px;transition:all .2s cubic-bezier(.645,.045,.355,1);position:absolute;top:-20px;left:50%;transform:translate(-50%)translateY(10px)}.screen-inner .content .colors .colors__colors ul li:hover label{opacity:1;visibility:visible;transform:translate(-50%)}.screen-inner .content .colors .colors__colors ul li:hover span,.screen-inner .content .colors .colors__colors ul li span.active{transform:scaleY(1)}.screen-inner .content .colors .colors__nav-left,.screen-inner .content .colors .colors__nav-right{cursor:pointer;backface-visibility:hidden;padding:10px;position:absolute;top:50%}.screen-inner .content .colors .colors__nav-left{left:-10px;transform:translate(-100%)translateY(-50%)}.screen-inner .content .colors .colors__nav-right{right:-10px;transform:translate(100%)translateY(-50%)}.screen-inner .content .colors .colors__nav-right svg,.screen-inner .content .colors .colors__nav-left svg{pointer-events:auto;width:14px;height:40px;transition:transform .1s cubic-bezier(.645,.045,.355,1)}.screen-inner .content .colors .colors__nav-left:hover svg{transform:translate(-10px)scaleY(.8)}.screen-inner .content .colors .colors__nav-right:hover svg{transform:translate(10px)scaleY(.8)}svg:not(:root){overflow:hidden}.nav-inner,.nav-inner-mdl,.nav-inner-rtrn{z-index:30}.screen-inner .content .left,.screen-inner .content .center{z-index:20}.screen-inner .content .center,.screen-inner .content .colors{pointer-events:none}.screen-inner .content .colors ul li{pointer-events:auto}.screen-inner .content .right{z-index:20;width:20%;height:100%;position:absolute;right:5%}.screen-inner .content .right-content{position:absolute;top:50%;left:0;transform:translateY(-50%)}.screen-inner .content .nav-bt{cursor:pointer;margin:10px 0;font-size:18px;font-weight:700;transition:all .2s;position:relative}.screen-inner .content .nav-bt:before,.screen-inner .content .nav-bt:after{content:"";background-color:#000;position:absolute}.screen-inner .content .nav-bt:before{width:10px;height:2px;top:50%;left:-20px;transform:translateY(-50%)}.screen-inner .content .nav-bt:after{width:2px;height:10px;top:50%;left:-16px;transform:translateY(-50%)}.screen-inner .content .color-parts{border-left:2px solid #000;padding-left:10px}.screen-inner .content .color-parts ul{margin:0;padding:0;list-style:none}.screen-inner .content .color-parts ul li{cursor:pointer;height:32px;font-size:16px;line-height:32px;position:relative}.screen-inner .content .color-parts ul li .ico{background-color:currentColor;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.screen-inner .content .color-parts ul li label{color:#000;pointer-events:none;margin-left:28px}.screen-inner .content .logo-content .logo-content-inner{border-left:2px solid #000;margin-bottom:10px}.screen-inner .content .logo-content .logo-content-inner>div{margin-left:15px}.screen-inner .content .uploader{height:32px;line-height:32px;transition:all .2s}.screen-inner .content .uploader label{cursor:pointer;font-size:16px;display:block}.screen-inner .content .uploader input{display:none}.screen-inner .content .uploader label svg,.screen-inner .content .uploader svg{transition:transform .2s;position:relative;left:-5px}.screen-inner .content .logo-remover{opacity:0;visibility:hidden;height:0;line-height:32px;transition:all .2s}.screen-inner .content .logo-remover label{cursor:pointer;font-size:16px;display:block}.screen-inner .content .logo-remover label svg{position:relative;left:-5px}.screen-inner .content .logo-content .logo-content-inner.uploaded .uploader{opacity:0;visibility:hidden;height:0}.screen-inner .content .logo-content .logo-content-inner.uploaded .logo-remover{opacity:1;visibility:visible;height:32px}.screen-inner .content .color-parts .color-parts__content ul li:hover{font-weight:700}.clubcloth-load{z-index:999999;background:#e6e6e6;place-content:center;align-items:center;transition:top .6s ease-out;display:flex;position:fixed;inset:0}.clubcloth-load .cloth-load{text-align:center}.loader-container{width:50px;height:50px;position:relative}.loader{border-radius:50%;width:70px;height:70px;animation:1s linear infinite rotate;position:relative}.loader:before{content:"";box-sizing:border-box;border:8px solid #000;border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.percentage-text{color:#000;font-size:18px;font-weight:700;position:absolute;top:72%;left:70%;transform:translate(-50%,-50%)}