#root,body,html{-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;height:100%;margin:0;width:100%}body{background-color:var(--background-color);color:var(--text-color);overflow:hidden}.app-container,body{display:flex;flex-direction:column}.app-container{height:100%}header{background-color:var(--header-background-color);color:var(--header-text-color);height:60px}footer,header{align-items:center;display:flex;flex-shrink:0;padding:0 20px}footer{background-color:var(--footer-background-color);color:var(--footer-text-color);height:40px;text-transform:lowercase}.content-container{flex-direction:row}.content-container,main{display:flex;flex-grow:1}main{align-items:center;justify-content:center;width:100%}.drawer{background-color:var(--sidebar-background-color);border:1px solid var(--sidebar-border-color);color:var(--sidebar-text-color);height:calc(100% - 100px);padding:20px;text-transform:lowercase;top:60px;width:400px}.canvas-container{margin:auto;max-height:100%;max-width:100%}#stage-parent,.canvas-container{align-items:center;display:flex;justify-content:center}#stage-parent{height:100%;width:100%}@media screen and (max-width:480px){.canvas-container{max-height:100%;max-width:100%}}.footer{align-items:center;background-color:var(--footer-background-color);color:var(--footer-text-color);display:flex;height:40px;justify-content:center;text-transform:lowercase}.footer a{color:inherit;text-decoration:none}.header{align-items:stretch;background-color:var(--header-background-color);color:var(--header-text-color);display:flex;height:60px;padding:0 20px}.header-title{flex-grow:1;font-size:1.5rem;text-align:center}.header svg{max-height:40px}.modal-box{background-color:var(--modal-background-color);border:1px solid var(--text-color);box-shadow:24px;color:var(--modal-text-color);left:50%;padding:16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:420px}.modal-logo{margin-bottom:20px;width:100px}.modal-text{padding-top:10px}.modal-description span,.modal-text{font-style:italic;font-weight:700}.modal-powered{font-size:12px;font-style:italic;padding-top:10px}@media screen and (max-width:420px){.modal-box{width:80%}}.sidebar-drawer{background-color:var(--sidebar-background-color);color:var(--sidebar-text-color);width:320px}.sidebar-drawer .MuiListItem-root{border-bottom:1px solid var(--sidebar-border-color);padding:16px 24px}.sidebar-drawer .MuiCollapse-root{background-color:var(--sidebar-collapse-background-color)}.center-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:16px}.sidebar-drawer .MuiListItemText-primary{font-size:.9em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sidebar-drawer .MuiListItemIcon-root{min-width:40px}.sidebar-section{margin-bottom:16px}.sidebar-section-title{font-weight:700;margin-bottom:8px}.sidebar-drawer .MuiButton-root{margin-top:16px;width:100%}.sidebar-drawer .MuiTextField-root{margin-bottom:16px}.sidebar-drawer .MuiFormControl-root{margin-bottom:16px;width:100%}:root{--primary-color:#7e97a6;--secondary-color:#b6f7c1;--accent-color:#63686e;--background-color:#f5f5f5;--surface-color:#fff;--text-color:#373640;--header-background-color:#7e97a6;--header-text-color:#fff;--footer-background-color:#f0f0f0;--footer-text-color:#63686e;--sidebar-background-color:#fff;--sidebar-text-color:#373640;--sidebar-border-color:#e0e0e0;--sidebar-collapse-background-color:#f5f5f5;--modal-background-color:#fff;--modal-text-color:#373640}.dark-mode{--primary-color:#7e97a6;--secondary-color:#b6f7c1;--accent-color:#63686e;--background-color:#373640;--surface-color:#444750;--text-color:#f5f5f5;--header-background-color:#2a2c33;--header-text-color:#b6f7c1;--footer-background-color:#2a2c33;--footer-text-color:#7e97a6;--sidebar-background-color:#444750;--sidebar-text-color:#f5f5f5;--sidebar-border-color:#63686e;--sidebar-collapse-background-color:#373640;--modal-background-color:#444750;--modal-text-color:#f5f5f5}
/*# sourceMappingURL=main.6ed2862e.css.map*/