body { animation: page-enter .35s ease-out both; }body.page-leaving { pointer-events: none; animation: page-leave .24s ease-in both; }@keyframes page-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }@keyframes page-leave { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-7px); } }@media (prefers-reduced-motion: reduce) { body, body.page-leaving { animation: none; } }