@media (min-width: 1024px) {
    [data-fade] {
        opacity: 0
    }

    [data-fade].show {
        opacity: 1;
        transform: scale(1) translateZ(0) rotate(0deg)
    }

    [data-fade~=fade-on] {
        transition: opacity 1s
    }

    [data-fade~=fade-up] {
        transform: translate3d(0, 1rem, 0);
        transition: all 1s
    }

    [data-fade~=fade-down] {
        transform: translate3d(0, -1rem, 0);
        transition: all 1s
    }

    [data-fade~=fade-left] {
        transform: translate3d(-1rem, 0, 0);
        transition: all 1s
    }

    [data-fade~=fade-right] {
        transform: translate3d(1rem, 0, 0);
        transition: all 1s
    }

    [data-fade~=fade-scale] {
        transform: scale(.5);
        transition: all 1s
    }
}