@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}#root,body,html{font-family:Bebas Neue,cursive}#root,.App,body,html{height:100%;width:100%}.App{background-color:azure}.three-container{position:fixed}.data-container,.three-container{height:100%;left:0;top:0;width:100%}.data-container{justify-content:center;pointer-events:none;position:absolute;z-index:30}.content,.data-container{align-items:center;display:flex;position:relative}.content{flex-direction:column;height:85vh;justify-content:flex-end;max-width:1110px;opacity:0;transition:opacity .6s ease 1.4s;width:100%}.content.loaded{opacity:1}.config-container{align-items:center;display:flex;flex-wrap:wrap;height:240px;justify-content:center;padding:20px 40px;pointer-events:all;width:70%}.picker-container{left:0;opacity:1;pointer-events:all;position:absolute;top:0;transition:opacity .4s ease;z-index:900}.picker-container.hide{opacity:0;pointer-events:none}.chrome-picker{pointer-events:all}.picker-buttons{bottom:-40px;display:flex;justify-content:center;position:absolute;right:0;width:100%}.picker-buttons button{-webkit-backdrop-filter:blur(4px);background-color:rgba(252,255,255,.15);border-color:#252525;cursor:pointer;font-family:Bebas Neue,cursive;font-size:16px;margin:0 10px;padding:4px 8px;transition:background-color .4s ease,color .4s ease}.picker-buttons button:hover{background-color:#252525;color:#fff}.photoshop-picker,.sketch-picker{opacity:1;pointer-events:all;transition:opacity .4s ease-out;z-index:900}.photoshop-picker.hide,.sketch-picker.hide{opacity:0;pointer-events:none}.colorContainer{cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));height:80px;justify-content:center;margin:6px;opacity:.7;padding:8px;-webkit-transform:scale(1);transform:scale(1);transition:opacity .4s ease,-webkit-transform .25s ease-out;transition:opacity .4s ease,transform .25s ease-out;transition:opacity .4s ease,transform .25s ease-out,-webkit-transform .25s ease-out;width:80px}.colorContainer.active,.colorContainer:hover{opacity:1;-webkit-transform:scale(1.025);transform:scale(1.025)}.colorContainer.active .colorDiv{border-color:#2c3e50}.addColorContainer{cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));height:80px;justify-content:center;margin:6px;padding:8px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:80px}.addColorContainer:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.iconContainer{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:center}.colorDiv,.iconContainer{border-radius:50%;height:100%;width:100%}.colorDiv{border:4px solid #fff;transition:border-color .4s ease}.icon-back{-webkit-transform:translateX(2px);transform:translateX(2px)}.sliders-parent{position:absolute;right:0;top:0}.sliders-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(6px);background-color:rgba(252,255,255,.15);border-radius:20px;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));flex-direction:column;justify-content:space-around;min-height:40px;min-width:320px;padding:30px 20px;pointer-events:all}.sliders-container.hide{pointer-events:none}.picker-grabable{align-items:center;background-color:#fff;border-radius:4px 4px 0 0;color:#252525;cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));height:40px;justify-content:center;left:0;pointer-events:all;position:absolute;top:0;-webkit-transform:translateY(-40px);transform:translateY(-40px);transition:background-color .35s ease,color .35s ease;width:100%;z-index:950}.picker-grabable:hover{background-color:#252525;color:#fff}.eye-icon{align-items:center;background-color:#fff;border-radius:50%;color:#252525;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:1;pointer-events:all;position:absolute;right:0;top:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);transition:opacity .35s ease-out;width:30px;z-index:100}.eye-icon.hide{opacity:0;pointer-events:none}.sliders-show{opacity:1;pointer-events:all;transition:opacity .35s ease-out}.sliders-show.hide{opacity:0;pointer-events:none}.loading-container{align-items:center;background-color:#2c3e50;color:#fff;display:flex;height:100vh;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;-webkit-transform:translate(0)!important;transform:translate(0)!important;width:100%;z-index:999!important}.loading-container h2{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.65));filter:drop-shadow(0 4px 4px rgba(0,0,0,.65));font-size:60px}.loading-container.loaded{opacity:0;pointer-events:none}@media (max-width:1024px){.content{width:90%}.config-container{width:95%}}@media (max-width:700px){.content{width:95%}.config-container{width:100%}.addColorContainer{height:60px;width:60px}.sliders-parent{right:15px}.sliders-container{padding:10px}}.slider-content{display:flex;justify-content:space-between;margin:6px 0;width:100%}.slider-title{color:#000;font-size:24px;margin-bottom:14px}.slider-property,.slider-value{font-size:18px;letter-spacing:.5px;padding:4px 8px}input{accent-color:#2c3e50;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));margin:0 20px;outline:none}.slider-value{background-color:#2c3e50;border-radius:4px;color:#fff;display:flex;justify-content:center;width:44px}@media (max-width:700px){.slider-title{font-size:18px}.slider-property,.slider-value{font-size:14px}.slider-value{width:30px}}.colors-car-container{align-items:center;display:flex;flex-wrap:wrap;height:240px;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,transparent);mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,transparent);overflow-y:scroll;padding:20px 40px;pointer-events:all;position:relative;width:70%}@media (max-width:1024px){.colors-car-container{width:95%}}@media (max-width:700px){.colors-car-container{padding:20px 0}.colorContainer{height:60px;margin:4px;width:60px}}.config-circle:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.config-circle{align-items:center;background-color:#3f66da;background-color:#2c3e50;border-radius:50%;color:#fff;cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));height:80px;justify-content:center;margin:16px;padding:8px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:80px}@media (max-width:700px){.config-circle{height:60px;width:60px}}.color-light-container{align-items:center;display:flex;flex-wrap:wrap;height:240px;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,#000,#000,transparent);mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,#000,#000,transparent);overflow-y:scroll;padding:20px 40px;pointer-events:all;position:relative;width:70%}@media (max-width:1024px){.color-light-container{width:95%}}@media (max-width:700px){.color-light-container{padding:20px}}.window-light-container{align-items:center;display:flex;flex-wrap:wrap;height:240px;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,#000,#000,transparent);mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,#000,#000,transparent);overflow-y:scroll;padding:20px 40px;pointer-events:all;position:relative;width:70%}@media (max-width:1024px){.window-light-container{width:95%}}@media (max-width:700px){.window-light-container{padding:20px}}
/*# sourceMappingURL=main.263b161a.css.map*/