@import"https://rsms.me/inter/inter.css";*{box-sizing:border-box}html,body,main,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#roott{overflow-y:scroll;scroll-behavior:auto;margin:0;padding:0;height:100vh;width:calc(100vw + 20px);scrollbar-width:0}main{background:#ffffff;display:flex;flex-direction:column}.canvas{order:1;flex:1;height:100%}.overlay{position:relative;order:2;flex:0;pointer-events:none}svg{width:100%;height:100%}@media only screen and (max-aspect-ratio: 8/7){main{flex-direction:column}.canvas{order:1}svg{order:2;width:100%;max-width:100%;height:60vh}}