@view-transition {
    navigation: auto;
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

::view-transition-old(root) {
    animation: 1s ease-in-out both fade-out;
}

::view-transition-new(root) {
    animation: 1s ease-in-out both fade-in;
}