/* Swipe Navigation — transition feedback */

html.afpwa-swiping-next,
html.afpwa-swiping-prev {
    overflow-x: hidden;
}

html.afpwa-swiping-next body {
    animation: afpwa-swipe-out-left 0.2s ease-out;
}

html.afpwa-swiping-prev body {
    animation: afpwa-swipe-out-right 0.2s ease-out;
}

@keyframes afpwa-swipe-out-left {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-30px);
        opacity: 0.7;
    }
}

@keyframes afpwa-swipe-out-right {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(30px);
        opacity: 0.7;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.afpwa-swiping-next body,
    html.afpwa-swiping-prev body {
        animation: none;
    }
}