body{margin:0;padding:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5em;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}._loader_1g8jh_1{position:absolute;top:0;z-index:999;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}._spinner_1g8jh_14{-webkit-animation:_rotate_1g8jh_1 2s linear infinite;animation:_rotate_1g8jh_1 2s linear infinite;z-index:2;width:80px;height:80px;margin-bottom:1rem}._path_1g8jh_22{stroke:#b9151b;stroke-linecap:round;-webkit-animation:_dash_1g8jh_1 1.5s ease-in-out infinite;animation:_dash_1g8jh_1 1.5s ease-in-out infinite}@-webkit-keyframes _rotate_1g8jh_1{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes _rotate_1g8jh_1{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes _dash_1g8jh_1{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes _dash_1g8jh_1{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}._canvasContainer_c8p0s_1{background-color:#f0f0f0;position:absolute;left:0;top:0;width:100%;height:100%;max-width:unset;margin:unset}._canvasContainer_c8p0s_1 canvas{width:100%!important;height:100%!important;outline:none}#root,body,html{overflow:hidden}.controls-wrap{padding:.5em;position:absolute;top:1em;left:1em;z-index:1;width:-webkit-min-content;width:min-content}.controls-material{padding:.5em;position:absolute;bottom:1em;left:1em;z-index:1}.controls-top-material{padding:1em;position:absolute;top:1em;right:2em;z-index:1}.hidden{display:none}#overlay{position:absolute;z-index:10;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:space-between}.nodeSelector{top:0;left:0;padding-top:10rem;padding-bottom:10rem;margin-left:5rem;width:25vw;height:100%;max-height:60vh;z-index:1;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around}.nodeImageContainer{pointer-events:auto;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;width:50%;max-width:15vh}.nodeImage{width:75%;object-fit:cover;object-position:center}.selected{border:#FF885A solid 3px;border-radius:50%}.nodeSelector div:not(.selected){padding:3px}.materialSelector{top:0;left:0;padding-top:10rem;padding-bottom:10rem;margin-left:5rem;width:15vw;height:100%;max-height:60vh;z-index:1;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around}.materialSelectorContainer{pointer-events:auto;display:flex;justify-content:center;align-items:center;width:60px;height:60px}.materialSelectorContainer:not(.selected){padding:3px}.overlay-middle{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.dragHelp{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-bottom:1rem}.dragHelp p{font-weight:700;font-size:30px;line-height:45px;color:#333;margin-top:0;margin-bottom:0;pointer-events:auto}@media (max-width: 900px){.nodeSelector{width:75%;margin-left:0}.materialSelector{width:15%;min-width:5rem;margin-left:0}}@media (max-width: 500px){.nodeSelector{width:40%;margin-left:0}.materialSelector{width:15%;min-width:5rem;margin-left:0}.dragHelp{display:none}}