/*.transition-fade {*/
/*    transition: 0.4s;*/
/*    opacity: 1;*/
/*}*/

/*html.is-animating .transition-fade {*/
/*    opacity: 0;*/
/*}*/

/*.swup-transition-slide {*/
/*    transition: all 0.4s;*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

/*html.is-animating .swup-transition-slide {*/
/*    position: absolute;*/
/*    left: -100%;*/
/*}*/

/*html.reversed .swup-transition-slide {*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

/*html.reversed.is-animating .swup-transition-slide {*/
/*    position: absolute;*/
/*    left: 100%;*/
/*}*/


.swup-transition-slide {
    transition: 0.4s;
    transform: translateX(0);
}

html.is-animating .swup-transition-slide {
    transform: translateX(100%);
}

html.is-animating.reversed .swup-transition-slide {
    transform: translateX(-100%);
}

html.is-leaving .swup-transition-slide{
    transform: translateX(-100%);
}

html.is-animating.reversed .swup-transition-slide {
    transform: translateX(-100%);
}

html.is-leaving.reversed .swup-transition-slide{
    transform: translateX(100%);
}


.swup-fade-out{
    transition: 0.4s;
    opacity: 1;
}

html.is-animating .swup-fade-out{
    opacity: 0;
}
html.is-leaving .swup-fade-out{
    opacity: 0;
}