.btn{background:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent;border-radius:50px;cursor:pointer;display:inline-block;margin:10px 0;padding:6px;width:100%}.btn p{color:#fff;font-size:1.5rem;font-weight:600;text-align:center}.btn:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent}.btn:hover p{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);color:transparent}.blk{background:#000}.input{background-color:#f1f3f5;border:none;border-radius:30px;color:#000;font-size:1.5rem;height:42px;margin:10px 0;outline:none;text-align:center;width:100%}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:focus{background-color:transparent;border:1px solid #7b2ff7;box-shadow:0 0 5px #f107a3}select{-webkit-appearance:none;margin:0;padding:0}.login-container{align-items:center;color:#000;display:flex;flex-direction:column;justify-content:space-around}.login-container .login-title{margin:20px 0}.login-container .login-button{color:#fff;font-size:1.5rem;height:50px;text-align:center;width:100%}.register-container{align-items:center;color:#000;display:flex;flex-direction:column;justify-content:space-around}.register-container .register-title{margin:20px 0}.intro-container{color:#000;height:100%;width:100%}.intro-container h2{margin:20px 0}.intro-container .taps-container{align-items:center;border:3px solid #000;border-radius:30px;cursor:pointer;display:flex;font-size:1.3rem;font-weight:600;height:50px;justify-content:space-around;position:relative;z-index:1}.intro-container .taps-container .tap{align-items:center;border-radius:30px;display:flex;height:100%;justify-content:center;width:50%}.intro-container .taps-container .active{color:#fff}.intro-container .taps-container .active-tap{background-color:#000;position:absolute;z-index:-1}.intro-container .back-btn{background:none;background-color:#000}.intro-container .back-btn:hover{background-color:#fff;border:3px solid #000}.intro-container .back-btn:hover p{color:#000}.intro-container .radio-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0;width:100%}.intro-container .radio-container .radio-btn{margin:10px 0;width:30%}.intro-container .radio-container .rnd{margin:0 6px}.intro-container .measurments .radio-btn{width:48%}.intro-container .measurements-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0;width:100%}.intro-container .measurements-container input{width:48%}.radioo{position:relative}.radioo label{align-items:center;background-color:#f1f3f5;border-radius:30px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px}.radioo input{height:100%;opacity:0;position:absolute}.radioo input:checked+label{background-color:#000;color:#fff}.fullW{width:100%}.rnd{position:relative}.rnd label{align-items:center;background-color:#f1f3f5;border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:20px}.rnd input{height:100%;opacity:0;position:absolute}.rnd input:checked+label{border:5px solid #222121}.boxy label{padding:60px}.dropzone{background-color:#f1f3f5;color:#222121;display:flex;margin:10px 0}.uploaded-image-container{border:3px solid #f1f3f5;border-radius:30px;width:100%}.uploaded-image-container .uploaded-image{border-radius:30px;max-height:30vh;object-fit:cover;object-position:top;padding:10px 10px 0;width:100%}.uploaded-image-container .remove-btn{background:none;margin:0}.uploaded-image-container .remove-btn .material-icons{background-color:#f1f3f5;border-radius:30px;color:red;font-size:30px;font-weight:600;padding:5px;width:100%}.uploaded-image-container .remove-btn .material-icons:hover{color:#222121}.user-container{align-items:center;background:#fff;border-radius:30px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;padding:3%;width:30vw}.user-container .tabsWrapper{border:3px solid #000}.user-container .tabControl,.user-container .tabsWrapper{border-radius:30px;width:100%}.user-container .activeTab{background:#000;color:#fff}.admin-container{background-color:#fff;border-radius:30px;color:#000;height:85vh;overflow:hidden;width:90%}.admin-container .admin-header{align-items:center;background-image:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:7vh;justify-content:space-between;padding:0 30px}.admin-container .admin-header .material-icons{cursor:pointer;font-size:1.8rem}.admin-container .admin-header .material-icons:hover{color:#f1f3f5}.admin-container .admin-body{align-items:center;display:flex;height:calc(100% - 7vh);justify-content:center;width:100%}.admin-container .admin-body .body-comp{width:100%}.garType{flex-direction:column;gap:80px;height:100%;justify-content:center;width:100%}.garType,.garType .garments{align-items:center;display:flex}.garType .garments{flex-wrap:wrap;justify-content:space-around;width:80%}.garType .garments img{background-color:#f1f3f5;border-radius:30px;cursor:pointer;height:250px;padding:50px;width:250px}.garType .garments .clicked,.garType .garments img:hover{background:linear-gradient(#f1f3f5,#f1f3f5) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent}.garType .gar-type-btns{align-items:center;display:flex;gap:25px;justify-content:center;width:40%}.garType .gar-type-btns .gar-type-btn{cursor:pointer;width:45%}.garType .gar-type-btns .gar-type-btn:hover{background-color:#fff;color:#000}.garType .garType2btns{width:55%}.TshirtPage{align-items:center;display:flex;flex-direction:column;gap:50px;height:100%;justify-content:center;overflow:hidden;width:100%}.TshirtPage>h2{font-size:2.52rem}.TshirtPage .TshirtPage-dropZone{max-width:60%}.TshirtPage .TshirtPage-btns,.TshirtPage .TshirtPage-drops{align-items:center;display:flex;gap:50px;justify-content:center;width:100%}.TshirtPage .TshirtPage-btns{width:45%}.TshirtPage .TshirtPage-input{height:60px;margin-bottom:25px}.iconColor{left:20%}.inputColor{background-color:#f1f3f5;border:none;border-radius:30px;color:#000;font-size:1.5rem;height:60px;margin:10px 0;outline:none;padding:0!important;text-align:center;width:100%}.inputColor:focus{background-color:transparent;border:1px solid #7b2ff7;box-shadow:0 0 5px #f107a3}.inputColor::-webkit-input-placeholder{color:#757575}.inputColor:-ms-input-placeholder{color:#757575}.inputColor::placeholder{color:#757575}.beforePreview{align-items:center;display:flex;flex-direction:column;gap:50px;height:100%;justify-content:center;width:100%}.beforePreview>h2{font-size:2.52rem}.beforePreview .beforePreview-btns{width:380px}.admin-preview{align-items:center;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;padding-top:15px;width:100%}.admin-preview .preview-btns{width:30%}.admin-preview .preview-container{border-radius:30px;height:75%;width:75%}.admin-preview .preview-container .canvas-container{background-color:#000;border-radius:30px;display:flex;height:100%;position:relative;width:100%}.admin-preview .preview-container .canvas-container .pose-btns{bottom:0;height:14%;padding:10px;position:absolute;width:100%}.admin-preview .preview-container .canvas-container .pose-btn{background:#f1f3f5;border-radius:15px;height:50px;margin:0 5px;width:50px}.admin-preview .preview-container .canvas-container .pose-btn P{color:#000;font-weight:800}.admin-preview .preview-container .canvas-container .pose-btn:hover{background:#fff;height:54px;margin:0 3px;width:54px}.UploadTexture{align-items:center;display:flex;flex-direction:column;gap:50px;height:100%;justify-content:center;overflow:hidden;width:100%}.UploadTexture>h2{font-size:2.52rem}.UploadTexture .UploadTexture-dropZone{max-width:60%}.UploadTexture .UploadTexture-btns,.UploadTexture .UploadTexture-drops{align-items:center;display:flex;gap:50px;justify-content:center;width:100%}.UploadTexture .UploadTexture-btns{width:40%}.UploadTexture .UploadTexture-input{height:60px;margin-bottom:25px}.main-container{align-items:center;background:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);border-radius:30px;display:flex;flex-direction:column;height:50vh;justify-content:space-around;padding:3%;width:30vw}.main-container .nav-container,.nav{width:100%}.nav{align-items:center;background:#fff;border-radius:30px;cursor:pointer;display:flex;flex-direction:column;font-weight:600;height:140px;justify-content:center;text-align:center}.nav h2{color:#000;font-size:2.1rem}.nav:hover h2{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);color:transparent}.app-container{background-color:#fff;border-radius:30px;color:#000;height:86%;width:94%}.app-container h2{margin:20px 0}.app-container .app-header{align-items:center;background-image:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);border-top-left-radius:30px;border-top-right-radius:30px;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:8%;justify-content:space-between;padding:10px 30px}.app-container .app-header i{font-size:2.1rem}.app-container .app-header ul{display:flex;list-style:none}.app-container .app-header ul li{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0 10px;width:100%}.app-container .app-header ul li .material-icons:hover{color:#f1f3f5}.app-container .app-body{align-items:center;display:flex;flex-direction:column;height:92%;justify-content:center;width:100%}.welcome-user{align-items:center;cursor:pointer;display:flex;justify-content:space-around;width:200px}.gar-type-container{display:block;overflow:hidden!important;padding:8vh 6vw;width:100%}.gar-type-container .gar-type-body{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:5%}.gar-type-container .gar-type-body .garments{align-items:center;display:flex;justify-content:space-around;margin:10px 0;width:100%}.gar-type-container .gar-type-body .garments img{background-color:#f1f3f5;border-radius:30px;cursor:pointer;max-width:280px;padding:50px}.gar-type-container .gar-type-body .garments .clicked,.gar-type-container .gar-type-body .garments img:hover{background:linear-gradient(#f1f3f5,#f1f3f5) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent}.gar-type-container .gar-type-body .garments .clicked{max-width:300px}.gar-type-container .gar-type-body .gar-type-btns{align-items:center;display:flex;justify-content:space-around;margin-top:5%;width:80%}.gar-type-container .gar-type-body .gar-type-btns .gar-type-btn{cursor:pointer;width:45%}.gar-type-container .gar-type-body .gar-type-btns .gar-type-btn:hover{background-color:#fff;color:#000}.preview{align-items:flex-start;display:flex;flex-direction:column;height:92%;justify-content:space-around}.preview-container{background-color:#f1f3f5;border-radius:30px;display:flex;height:80%;width:86vw}.preview-container .canvas-container{background-color:#000;border-radius:30px;display:flex;height:100%;position:relative;width:80%}.preview-container .canvas-container .pose-btns{bottom:0;height:14%;padding:10px;position:absolute;width:100%}.preview-container .canvas-container .pose-btn{background:#f1f3f5;border-radius:15px;height:50px;margin:0 5px;width:50px}.preview-container .canvas-container .pose-btn P{color:#000;font-weight:800}.preview-container .canvas-container .pose-btn:hover{background:#fff;height:51px;width:51px}.preview-container .selection-list{overflow:hidden;padding:10px 0;width:20%}.preview-container .selection-list .selection-items{align-items:center;cursor:grab;display:flex;flex-direction:column;justify-content:center;width:100%}.preview-container .selection-list .selection-items .item{cursor:pointer;width:90%}.preview-container .selection-list .selection-items .item .item-image{padding:10px;width:100%}.preview-container .selection-list .selection-items .item .item-image img{border-radius:15px;height:100%;pointer-events:none;width:100%}.preview-container .selected{background:linear-gradient(#f1f3f5,#f1f3f5) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent}.back-btn{background:none;background-color:#000;width:20%}.back-btn:hover{background-color:#fff;border:3px solid #000}.back-btn:hover p{color:#000}.size-rec-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.gar-header-container{margin-bottom:6vh;width:100%}.items-container{align-items:center;display:flex;height:50%;justify-content:center;width:84%}.items-container .item-container{border-radius:30px;cursor:pointer}.items-container .item-image{border-radius:30px;width:90%}.btns-container{display:flex;justify-content:space-around;margin-top:3%;width:80%}.btns-container .btn{cursor:pointer;width:45%}.selected{background:linear-gradient(#f1f3f5,#f1f3f5) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent}.recommendation-item-container{display:flex;height:80%;width:86vw}.recommendation-item-container .right{width:50%}.recommendation-item-container .left{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:3%;width:50%}.recommendation-item-container .left .size{align-items:center;background-color:#f1f3f5;border-radius:30px;cursor:pointer;display:flex;justify-content:space-between;padding:5%;text-align:left;width:100%}.recommendation-item-container .left .size p{text-decoration:underline}.recommendation-item-container .left .size .radio-container{align-items:center;display:flex;height:100%;justify-content:space-between;width:60%}.recommendation-item-container .left .size .radio-container .radio-btn{border-radius:30px;cursor:pointer;margin:0 10px;padding:8px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.recommendation-item-container .left .size .radio-container .selected{background:#000;border:none;color:#fff;font-weight:600;width:100px}.canvas-container{background-color:#000;border-radius:30px;height:100%;position:relative;width:100%}.canvas-container .pose-btns{bottom:0;height:14%;padding:10px;position:absolute;width:100%}.canvas-container .pose-btn{background:#f1f3f5;border-radius:15px;height:50px;margin:0 5px;width:50px}.canvas-container .pose-btn P{color:#000;font-weight:800}.canvas-container .pose-btn:hover{background:#fff;height:51px;width:51px}.rating-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.rating-container .rating-buttons{width:36%}.rating-container .rating-header{margin-bottom:50px}.rating-container h1{font-size:4.2rem}.rating-container h2{font-size:2.1rem}.rating-container .rate{cursor:pointer;font-size:1.3rem;margin-bottom:20px;text-decoration:underline}.rating-container .rate:hover{color:#f107a3}.rate-container{align-items:center;background-color:#222121;border-radius:30px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:36%}.rate-container h2{color:#fff;font-weight:600;margin-bottom:0}.rate-container .rate-input-container{align-items:center;display:flex;justify-content:center;padding:20px}.rate-container .rate-input-container .rate-input{margin-right:28px;width:200px}.rate-container .rate-input-container .rate-input:focus{background:#f1f3f5}.rate-container .rate-input-container .rate-btn{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.rate-container .rate-input-container .rate-btn:hover{background:linear-gradient(#f1f3f5,#f1f3f5) padding-box,linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4) border-box;border:3px solid transparent}.thank-you{align-items:center;color:#000;display:flex;flex-direction:column;height:40%;justify-content:space-around;width:100%}.thank-you h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);color:transparent;font-size:4.2rem}.thank-you h2{font-size:2.1rem;text-decoration:underline}.loader{background:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);border-radius:50%;height:15px;width:15px}.settings-container{background:#fff;color:#fff;flex-direction:column;height:86%;padding:3%;position:relative;width:94%}.settings-container,.settings-container .settings-header{align-items:center;border-radius:30px;display:flex;justify-content:center}.settings-container .settings-header{background:linear-gradient(220deg,#d5f6b3,#e23f66,#8e4ee4);font-size:1.5rem;font-weight:600;height:20%;left:0;position:absolute;top:0;width:100%}.settings-container .settings-body{align-items:flex-end;display:flex;height:75%;justify-content:space-around;width:100%}.settings-container .section{align-items:center;-webkit-column-gap:20px;column-gap:20px;display:flex;flex-direction:column;height:70%;justify-content:flex-start;padding:0 20px;width:33%}.settings-container .section h2{color:#000;margin-bottom:30px}.settings-container .section input{margin:10px;width:45%}.settings-container .btns-container{width:100%}.settings-container .btns-container .btns{align-items:center;display:flex;justify-content:space-around;width:80%}.settings-container .btns-container .btns .cancel-btn{background:#000}.settings-container .btns-container .btns .cancel-btn:hover{background:#fff}.settings-container .radio-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.settings-container .radio-container .radio-btn{margin:30px 0;width:30%}html{box-sizing:border-box;font-size:1rem;overflow-x:hidden}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:Raleway,sans-serif;margin:0;padding:0;text-align:center}a,a:active,a:hover,a:visited{color:#fff;text-decoration:none}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}
/*# sourceMappingURL=main.58b1b711.css.map*/