.mobile-nav-container{height:110vh;position:fixed;top:0;right:0;bottom:0;left:0;left:var(--mobile-menu-left-position);background-color:hsl(var(--color-background));z-index:1;transition-property:left;transition-duration:.2s;transition-timing-function:ease-out}.mobile-nav-button-container{padding:calc(var(--grid-unit) * 2);width:100%;display:flex;justify-content:flex-end}.mobile-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--grid-unit) * 8)}