.animation-in-prev-fade {
    animation: obsidium-fadeFromLeft 0.2s forwards ease-out;
}

.animation-out-prev-fade {
    animation: obsidium-fadeToLeft 0.2s forwards ease-in;
}

.animation-in-next-fade {
    animation: obsidium-fadeFromRight 0.2s forwards ease-out;
}

.animation-out-next-fade {
    animation: obsidium-fadeToRight 0.2s forwards ease-in;
}

@keyframes obsidium-fadeToRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes obsidium-fadeFromLeft {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes obsidium-fadeToLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes obsidium-fadeFromRight {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}