/* Subtle transitions between same-origin KASSE pages. */
@view-transition {
    navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root) {
        animation: 110ms ease-in both al-page-leave;
    }

    ::view-transition-new(root) {
        animation: 190ms cubic-bezier(.2, .7, .2, 1) both al-page-enter;
    }
}

@keyframes al-page-leave {
    to { opacity: 0; }
}

@keyframes al-page-enter {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 0.01ms !important;
    }
}