.flocara-navigation-page {
    min-width: 0;
}

.flocara-navigation-forward {
    animation: flocara-navigation-forward-in 170ms cubic-bezier(.2, .8, .25, 1) both;
}

.flocara-navigation-back {
    animation: flocara-navigation-back-in 170ms cubic-bezier(.2, .8, .25, 1) both;
}

.flocara-navigation-tab {
    animation: flocara-navigation-tab-in 130ms ease-out both;
}

@keyframes flocara-navigation-forward-in {
    from {
        opacity: 0.78;
        transform: translate3d(18px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes flocara-navigation-back-in {
    from {
        opacity: 0.78;
        transform: translate3d(-18px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes flocara-navigation-tab-in {
    from {
        opacity: 0.72;
        transform: scale(0.995);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (min-width: 960px) {
    .flocara-navigation-forward,
    .flocara-navigation-back,
    .flocara-navigation-tab {
        animation-name: flocara-navigation-desktop-fade;
        animation-duration: 110ms;
    }

    @keyframes flocara-navigation-desktop-fade {
        from { opacity: 0.82; }
        to { opacity: 1; }
    }
}

@media (prefers-reduced-motion: reduce) {
    .flocara-navigation-forward,
    .flocara-navigation-back,
    .flocara-navigation-tab {
        animation: none !important;
    }
}