#root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}html{touch-action:none}.App{position:fixed;width:100%;height:100%;background-color:#f3f3f3;display:flex;flex-direction:column}.editor{background-color:purple;margin:10;display:flex;flex-direction:column;justify-content:center;flex:1;position:absolute;top:0;left:0;height:100%;width:100%}.editor-canvas{background-color:#f3f3f3;position:relative;flex:1}.scale-buttons>button,.cross-section-selector-buttons>button{border:none;border-radius:4px;color:#000;background-color:#f8f8ff;box-shadow:1px 1px 3px 3px #808080b3;margin:0;padding:0;width:30px;height:30px}.scale-buttons>button:hover,.cross-section-selector-buttons>button:hover{background-color:#2196f3}.scale-buttons>button:active,.cross-section-selector-buttons>button:active{background-color:#4dabf5;box-shadow:1px 1px 2px 2px #808080cc;transform:translate(1px) translateY(1px)}.scale-buttons>button>svg{vertical-align:middle}.menu-button{position:absolute;top:30px;left:30px;z-index:100}.menu-button-accordion{width:30px;height:30px}.menu-button-accordion:not(.Mui-expanded){background-color:#f8f8ff;display:flex;justify-content:center;align-items:center}.menu-button-accordion:not(.Mui-expanded):hover{background-color:#2196f3}.menu-button-accordion.Mui-expanded{width:240px;height:440px;overflow:hidden}.menu-button .MuiAccordionDetails-root,.menu-button .MuiList-padding{padding:0 16px 16px}.menu-button-icon{vertical-align:middle}.info-button{position:absolute;bottom:30px;left:30px;z-index:100}.info-button-accordion{width:30px;height:30px}.info-button-accordion:not(.Mui-expanded){background-color:#f8f8ff;display:flex;justify-content:center;align-items:center}.info-button-accordion:not(.Mui-expanded):hover{background-color:#2196f3}.info-button-accordion.Mui-expanded{width:320px;height:270px;overflow:hidden}.scale-icon{width:25px;height:25px}.google-icon{width:20px;height:20px;padding:0 10px 0 0}.scale-buttons{position:absolute;bottom:30px;right:30px;display:flex;height:100%;min-height:100%;flex-direction:column-reverse;gap:10px;z-index:100}.curve-toggle-button-container{position:absolute;top:30px;width:100%;display:flex;justify-content:center;align-items:center}.curve-toggle-button-group{height:30px;z-index:99;background-color:#f8f8ff;box-shadow:1px 1px 2px 2px #8080804d}.curve-toggle-button:hover{background-color:#2196f3!important}.cross-section-selector-buttons{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.cross-section-selector{position:absolute;bottom:30px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.cross-section-selector-label{width:100%;color:#000;justify-content:center;align-items:center;display:flex}.tools-menu-button{position:absolute;top:16px;right:26px;z-index:1000}.tools-menu-button-accordion{width:30px;height:30px}.tools-menu-button-accordion:not(.Mui-expanded){background-color:#f8f8ff;display:flex;justify-content:center;align-items:center}.tools-menu-button-accordion:not(.Mui-expanded):hover{background-color:#2196f3}.tools-menu-button-accordion.Mui-expanded{width:150px;height:30px;overflow:hidden}.tools-menu-button-icon{vertical-align:top;horizontal-align:right}