body{margin:0;font-family:deuterium-variable\, sans-serif}.layout{flex-direction:column;min-height:100vh;display:flex}.menu-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;margin-right:1rem;padding:0;display:flex}.menu-button div{border-radius:10px;width:30px;height:3px;transition:all .3s}.menu-button.open .bar1{transform:rotate(-45deg)translate(-5px,6px)}.menu-button.open .bar2{opacity:0}.menu-button.open .bar3{transform:rotate(45deg)translate(-5px,-6px)}.top-bar{color:#fff;z-index:49;flex-direction:column;width:250px;height:100%;padding-top:60px;transition:left .3s;display:flex;position:fixed;top:0;left:-250px}.top-bar.open{left:0}.top-bar nav{padding-top:20px;padding-left:5px;padding-right:5px}.top-bar nav ul{padding:0;list-style-type:none}.top-bar nav ul li{padding:1rem}.top-bar nav ul li a{color:#fff;text-decoration:none}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:10px}.content-top{flex:1;margin-top:60px;transition:margin-left .3s}.darken{z-index:48;visibility:hidden;background-color:#0000;width:100%;height:100%;transition-duration:.3s;position:fixed;top:0;left:0}.darken.open{visibility:visible;background-color:#00000080;display:block}.hide-on-mobile{display:none}.show-on-mobile{display:block}@media (min-width:1024px){.menu-button,.darken.open{display:none}.hide-on-mobile{display:block}.show-on-mobile{display:none}}.sidebar-footer{margin-top:auto}.legal{margin:6px;font-size:8pt}.header-content{justify-content:space-between;width:100%;display:flex}.user-info{align-items:center;gap:4px;display:flex}nav li{align-items:center;gap:1rem;display:flex}.center-max-width{max-width:1600px;margin:0 auto}