.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(-100%)}:root{--main-nav-height:50px}@media (min-width:48rem){:root{--main-nav-height:80px}}html{scroll-padding-top:var(--main-nav-height)}.main-nav{height:var(--main-nav-height)}