body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.allButFooter{margin-bottom:60px;min-height:calc(100vh - 188px)}.hero-section-1{clip-path:ellipse(1200px 150px at 25% 50%);-webkit-clip-path:ellipse(1200px 150px at 25% 50%)}.hero-section-2{clip-path:ellipse(1050px 200px at 60% 50%);-webkit-clip-path:ellipse(1050px 200px at 60% 50%)}@media (max-width:900px){.hero-section-1{clip-path:ellipse(750px 200px at 35% 50%);-webkit-clip-path:ellipse(750px 200px at 35% 50%)}.hero-section-2{clip-path:ellipse(800px 200px at 75% 50%);-webkit-clip-path:ellipse(800px 200px at 75% 50%)}}@media (max-width:600px){.hero-section-1{clip-path:ellipse(750px 250px at 35% 50%);-webkit-clip-path:ellipse(750px 250px at 35% 50%)}.hero-section-2{clip-path:ellipse(1000px 300px at 80% 55%);-webkit-clip-path:ellipse(1000px 300px at 80% 55%)}}@media (max-width:450px){.hero-section-1{clip-path:ellipse(750px 275px at 35% 50%);-webkit-clip-path:ellipse(750px 275px at 35% 50%)}.hero-section-2{clip-path:ellipse(800px 350px at 80% 55%);-webkit-clip-path:ellipse(800px 350px at 80% 55%)}}.navbar{clip-path:ellipse(700px 85px at 20% -40%);-webkit-clip-path:ellipse(700px 85px at 20% -40%);height:64px}@media (min-width:1440px){.navbar{clip-path:ellipse(1400px 85px at -10% -20%);-webkit-clip-path:ellipse(1400px 85px at -10% -20%)}}@media (max-width:400px){.navbar-mobile-title{font-size:1.25rem!important}.navbar-mobile-logo{width:1.5rem!important}}@media (max-width:300px){.navbar-mobile-title{font-size:1rem!important}.navbar-mobile-logo{width:1.25rem!important}}:root{--canvasWidthVw:100%;--canvasHeightVh:85vh}.canvasStyle{background:#fff;color:#000;display:flex;height:85vh;height:var(--canvasHeightVh);margin-top:7px;position:relative;width:100%;width:var(--canvasWidthVw)}.toolboxMenu{background:hsla(0,0%,58%,.15);border:1px solid #c8c8c8;border-left:none;text-align:center}.toolboxTitle{font-size:20px;height:50px}.toolboxContainer{align-items:center;display:flex;flex-direction:column;height:calc(100% - 68px);justify-content:space-evenly}#toolboxGrid{height:100%}.statesContainer{border:1px solid #c8c8c8;position:relative;width:100%}.state{align-items:center;background:#fff;border:1px solid #999;display:flex;justify-content:center;text-align:center}@media (max-height:440px){#toolboxGrid{height:auto!important}}.topBarStyle{background:#dcf0fa;display:flex;height:90px;overflow:hidden;position:absolute;transition:all .2s ease-out;width:100%}.topBarLabel{align-items:center;background:#fff;border-radius:30px;display:flex;margin:5px}.topBarLabel:hover{background:azure}.topBarLabel:active{background:#00bfff}.actionBubbles{justify-content:space-evenly;margin-left:50px;width:calc(100% - 120px)}.actionBubble,.actionBubbles{align-items:center;display:flex}.actionBubble{background:#fff;border-radius:50px;height:80%;margin:5px;padding:10px}.actionBubble:hover{background:azure}.actionBubble:active{background:#00bfff}@media (max-width:820px) and (min-width:680px){.actionBubbles{font-size:.9em}}@media (max-width:680px) and (min-width:540px){.actionBubbles{font-size:.8em}.actionBubble{padding:8px}}@media (max-width:540px) and (min-width:450px){.actionBubbles{font-size:.7em}.actionBubble{margin:3px;padding:6px}}@media (max-width:450px) and (min-width:380px){.actionBubbles{font-size:.6em}.actionBubble{margin:2px;padding:4px}}@media (max-width:380px) and (min-width:320px){.actionBubbles{font-size:.5em}.actionBubble{margin:2px;padding:2px}}@media (max-width:320px){.actionBubbles{font-size:.5em}.actionBubble{margin:1px;padding:1px}}
/*# sourceMappingURL=main.78da96f7.css.map*/