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

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

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

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

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

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