@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    ::view-transition-old(root) {
        animation: krewpick-page-fade-out 120ms ease-out both;
    }

    ::view-transition-new(root) {
        animation: krewpick-page-fade-in 120ms ease-out both;
    }
}

@keyframes krewpick-page-fade-out {
    to { opacity: 0; }
}

@keyframes krewpick-page-fade-in {
    from { opacity: 0; }
}