html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{flex-direction:column;min-height:100vh;display:flex}main{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}@supports (view-transition-name:none){::view-transition-old(root){animation-duration:.25s}::view-transition-new(root){animation-duration:.25s}::view-transition-old(root){animation-name:fade-and-slide-out}::view-transition-new(root){animation-name:fade-and-slide-in}@keyframes fade-and-slide-out{to{opacity:0;transform:translate(-5%)}}@keyframes fade-and-slide-in{0%{opacity:0;transform:translate(5%)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}}