html,body{width:100%;font-family:Roboto,sans-serif}*{box-sizing:border-box;scrollbar-width:3px;scroll-behavior:smooth}body{margin:0;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale}*::-webkit-scrollbar{width:2px;height:2px}*::-webkit-scrollbar-thumb{border-radius:2px}*::-webkit-scrollbar-track{background:transparent}#root{display:flex;flex-direction:column;height:100vh}.top-menu{color:#fff;text-align:center}.app{display:grid;grid-template-rows:48px 1fr;height:100vh}.main{flex:1;display:flex;height:100%}.left-menu{width:270px;padding:1rem;height:100%;transition:width .2s ease;box-shadow:1px 0 4px #0000000f}.left-menu.closed{width:0;padding:0}.content{flex:1;padding:1rem}