/*!* page-transitions.css - proste fade *!*/
/*.barba-container {*/
/*    opacity: 1;*/
/*    transition: opacity 360ms ease;*/
/*    will-change: opacity;*/
/*}*/

/*!* przy wychodzeniu (fade out) *!*/
/*.barba-exit {*/
/*    opacity: 0 !important;*/
/*    pointer-events: none;*/
/*}*/

/*!* wejście - startujemy od 0 *!*/
/*.barba-enter {*/
/*    opacity: 0;*/
/*}*/

/*!* aktywne wejście - animacja do 1 *!*/
/*.barba-enter-active {*/
/*    opacity: 1;*/
/*    transition: opacity 360ms ease;*/
/*}*/

.barba-container {
    opacity: 1;
    transform: translateX(0);
    transition:
            opacity 350ms ease,
            transform 450ms cubic-bezier(.22,.61,.36,1);
    will-change: opacity, transform;
}

.barba-exit {
    opacity: 0 !important;
    transform: translateX(-20px) !important;
}

.barba-enter {
    opacity: 0;
    transform: translateX(20px);
}

.barba-enter-active {
    opacity: 1;
    transform: translateX(0);
}

html.is-filter-transition .barba-container {
    transition: opacity 200ms ease-in-out !important;
    transform: none !important;
}

html.is-filter-transition .barba-exit {
    opacity: 0 !important;
    transform: none !important;
}

html.is-filter-transition .barba-enter {
    opacity: 0 !important;
    transform: none !important;
}

html.is-filter-transition .barba-enter-active {
    opacity: 1 !important;
    transform: none !important;
}