/**
 * Page Transition Animations
 * Handles smooth transitions between pages using View Transitions API
 */

/* Enable view transitions */
@view-transition {
    navigation: auto;
}

/* Exit animation */
@keyframes yank-out {
    from {
        transform: translate(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Enter animation */
@keyframes yank-in {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* Apply animations to view transitions */
::view-transition-old(root) {
    animation: 1s cubic-bezier(0.3, -0.6, 0.15, 1) both yank-out;
}

::view-transition-new(root) {
    animation: 1s cubic-bezier(0.3, -0.6, 0.15, 1) both yank-in;
}