*{box-sizing:border-box;font-family:Roboto,sans-serif}p{display:block;margin-block-end:.4em;margin-block-start:.4em;margin-inline-end:0;margin-inline-start:0}img::selection{background:#0000}#root,body{background:#d6d4d4;background:linear-gradient(188deg,#d6d4d4 33%,#c9c9c8 64%);height:100vh;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100vw}.preloader{color:#000;font-family:Orbitron,sans-serif;font-size:xx-large;font-weight:700;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.webgl{background:#d6d4d4;background:linear-gradient(188deg,#d6d4d4 33%,#c9c9c8 64%)}.ui{align-items:center;background:#d6d4d4;background:linear-gradient(343deg,#d6d4d4,#c9c9c8);display:flex;height:100%;justify-content:center;position:relative;width:100%}.main-container{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:100vh;position:relative;width:100vw}.icons-cont{display:flex;gap:50px;justify-content:right;padding-right:50px;position:absolute;top:20px;width:100%}.icons{display:flex;padding:5px;position:relative}.icons-box{align-items:center;background-color:#fff;border-radius:11px;border-top-right-radius:0;box-shadow:0 1.5px 4px #0000000d;color:#505050;cursor:pointer;display:grid;font-size:35px;height:65px;margin:5px;position:relative;text-align:center;width:4.7rem}.icons-box img{height:50px;margin-left:12px;object-fit:cover;width:50px}.grids{grid-column-gap:20px;grid-row-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);height:480px;width:380px}.grids>div{background-position:50%!important;border:1px solid #969696;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.done-button{background-color:#9ea792;border:2px solid #8a9081;border-radius:30px;border-top-right-radius:0;bottom:3%;font-size:x-large;padding:12px 70px}.done-button,.edit-button{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-weight:400;justify-content:center;position:absolute;text-align:center}.edit-button{background-color:#34369c;border:1px solid #000;border-radius:20px;font-size:medium;height:3rem;top:1rem;width:30%}.switch{display:inline-block;height:38px;margin-left:1rem;margin-right:1rem;position:relative;width:65px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:5px;content:"";height:28px;left:6px;width:28px}input:checked+.slider{background-color:#134b7b}input:focus+.slider{box-shadow:0 0 1px #134b7b}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.avatar-ui-container{align-items:center;display:flex;flex-direction:column}.slider-text{align-items:center;display:flex;font-family:Orbitron,sans-serif;font-size:20px;font-weight:500;justify-content:center;text-align:center}.color-pallet{border-radius:5px;cursor:pointer;height:35px;margin:5px;width:35px}#dialog-box{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 19px rgba(0,0,0,.065);flex-direction:column;gap:10px;left:50%;max-width:330px;padding:5px 20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:330px;z-index:100;z-index:1000}#dialog-box,.canvas-interface{align-items:center;display:flex}.canvas-interface{bottom:90px;gap:55px;height:100px;justify-content:center;left:15%;position:absolute;z-index:100}.layer-interface{background:#fff;cursor:pointer;height:85px;position:relative;width:85px}.close-icon{background:#a10000;background:linear-gradient(0deg,#a10000,#ff0404);border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:22px;height:30px;right:0;transform:translate(50%,-50%);width:30px}.close-icon,.layer-bar{display:grid;place-items:center;position:absolute;top:0;z-index:10}.layer-bar{background:#ececec;background:linear-gradient(180deg,#ececec,#c9c9c9);border:1px solid #2a4a6b;border-radius:50px;font-size:15px;font-weight:500;height:160%;left:0;transform:translate(-58%,-19%);width:40px;writing-mode:vertical-rl}.layer-up-btn{top:25px}.layer-down-btn,.layer-up-btn{cursor:pointer;display:grid;height:35px;left:50%;object-fit:contain;place-items:center;position:absolute;transform:translate(-50%,-50%);width:35px}.layer-down-btn{bottom:-11px}.layer-icon-preview{height:65px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:65px}.text-ui{align-items:center;display:flex;gap:20px;justify-content:center;left:50%;position:absolute;top:110%}#text-color-input{background:#0000;border:0;cursor:pointer}.configurations-edit{background:#134b7b;border:0;border-radius:12px;color:#fff;display:none;font-size:17px;padding:12px 45px;top:5%;transform:translate(-50%);z-index:10}#colorPicker,.configurations-edit{cursor:pointer;left:50%;position:absolute}#colorPicker{height:100%;opacity:0!important;top:50%;width:100%}#colorPicker,.popup-close-btn{transform:translate(-50%,-50%)}.popup-close-btn{background:#bb3941;background:linear-gradient(176deg,#bb3941,#74220f);border:2px solid #832d26;border-radius:50%;color:#fff;cursor:pointer;display:grid;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bb3941",endColorstr="#74220f",GradientType=1);font-size:40px;height:50px;place-items:center;position:absolute;right:-50px;top:-7px;width:50px}.icons-mobile{display:none}.mobile-done-button{bottom:25px;display:none;left:50%;position:absolute;transform:translate(-50%);z-index:100;z-index:5}.view-3d-button{background:#134b7b;border:0;border-radius:12px;color:#fff;font-size:16px;padding:9px 25px;right:25px;top:35px}.mobile-icon-box,.view-3d-button{display:none;position:absolute;z-index:10}.mobile-icon-box{right:15px;top:3.5%}.color-dialog-box{background:#fff;border-radius:9px;box-shadow:0 3px 16px #00000014;display:none;flex-direction:column;gap:15px;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.color-dialog-box-popup-close-btn{background:#bb3941;background:linear-gradient(176deg,#bb3941,#74220f);border:2px solid #832d26;border-radius:50%;color:#fff;cursor:pointer;display:grid;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bb3941",endColorstr="#74220f",GradientType=1);font-size:40px;height:50px;place-items:center;position:absolute;right:-50px;top:-7px;transform:translate(-50%,-50%);width:50px}.eyedropper{background:#e8e8e8;border:0;border-radius:50%;bottom:75px;cursor:pointer;height:30px;left:10px;position:absolute;width:30px;z-index:100}.eyedropper i{font-size:15px}@media (min-width:700px) and (max-width:1200px){.grids{height:400px!important;width:300px!important}}@media (max-width:650px){.canvases-container{position:relative;top:35px}.configurations-edit{display:block}.canvas-interface{bottom:0;top:11%}.back-section-btn{height:55px;top:25px;z-index:10}.icons{opacity:0;pointer-events:none}.mobile-done-button{bottom:100px;display:grid!important;height:50px;padding:0!important;place-items:center;width:240px}.mobile-icon-box{display:grid}}@media (min-width:200px) and (max-width:650px){.icons-mobile{bottom:8%;display:none;left:50%;position:absolute;transform:translate(-50%,-50%);z-index:100}.canvas-cont{height:100vh;width:100vw}.canvas-cont,.ui{left:0;position:absolute;top:0}.ui{display:none;z-index:100}.icons{flex-wrap:wrap;left:3%}.icons-cont{gap:10px;padding-right:15px}.icons-box{height:55px;width:4rem}.icons-box img{height:40px;width:40px}.grids{height:400px!important;width:300px!important}.done-button{display:none;font-size:18px}}
/*# sourceMappingURL=main.55e0069b.css.map*/