/* Delay */

[data-delay="01"] {
    animation-delay: 0.1s !important;
}

[data-delay="02"] {
    animation-delay: 0.2s !important;
}

[data-delay="03"] {
    animation-delay: 0.3s !important;
}

[data-delay="04"] {
    animation-delay: 0.4s !important;
}

[data-delay="05"] {
    animation-delay: 0.5s !important;
}

[data-delay="06"] {
    animation-delay: 0.6s !important;
}

[data-delay="07"] {
    animation-delay: 0.7s !important;
}

[data-delay="08"] {
    animation-delay: 0.8s !important;
}

[data-delay="09"] {
    animation-delay: 0.9s !important;
}

[data-delay="10"] {
    animation-delay: 1.0s !important;
}

[data-delay="11"] {
    animation-delay: 1.1s !important;
}

[data-delay="12"] {
    animation-delay: 1.2s !important;
}

[data-delay="13"] {
    animation-delay: 1.3s !important;
}

[data-delay="14"] {
    animation-delay: 1.4s !important;
}

[data-delay="15"] {
    animation-delay: 1.5s !important;
}

[data-delay="16"] {
    animation-delay: 1.6s !important;
}

[data-delay="17"] {
    animation-delay: 1.7s !important;
}

[data-delay="18"] {
    animation-delay: 1.8s !important;
}

[data-delay="19"] {
    animation-delay: 1.9s !important;
}

[data-delay="20"] {
    animation-delay: 2.0s !important;
}

/* Slide Up */
@keyframes slideUp {
    0.00% {
        transform: translateY(30px) scale(0.8);
        opacity: 0;
    }

    100.00% {
        transform: translateY(0px) scale(1);
        opacity: 1;
    }
}

[data-anim="slideUp"] {
    transform: translateY(30px) scale(0.8);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.07, 1.28, 0.62, 0.98);
    will-change: transform, opacity, filter;
}

[data-anim="slideUp"].animated {
    animation: slideUp 2.000s cubic-bezier(0.07, 1.28, 0.62, 0.98) 0.000s 1 both;
}