*{--menu-transition-duration: .2s }#mobile-menu{transition-timing-function:ease-in-out}#mobile-menu.menu-active{animation-name:mobile-menu-open;display:block;animation-fill-mode:forwards;animation-duration:var(--menu-transition-duration);position:relative}@keyframes mobile-menu-open{0%{left:110%}to{left:0}}#mobile-menu.menu-inactive{animation-name:mobile-menu-close;animation-fill-mode:forwards;animation-duration:.2s;position:relative}@keyframes mobile-menu-close{0%{left:0;opacity:100}to{left:110%;opacity:0}}