/* FADE ANIMATION */
/*
        @keyframes fadeInFromLeft {
            from {
                opacity: 0;
                transform: translateX(calc(var(--offset-x) - 50%));
            }
            to {
                opacity: 1;
                transform: translateX(var(--offset-x)); 
            }
        }






        @keyframes easeInFromRight {
            from {
                opacity: 0;
                transform: translateX(calc(var(--offset-x) + 50%)); 
            }
            to {
                opacity: 1;
                transform: translateX(var(--offset-x));
            }
        }
*/

@keyframes applyMask {
    from {}
    to {
        -webkit-mask:
        linear-gradient(#000 0 0),
        linear-gradient(#000 0 0);
    }
    
}