/* ==========================================================
   ATLAS CMS ROOT ISOLATION
   ========================================================== */

.cms-content {
    position: relative;
    width: 100%;
    isolation: isolate;
}

.cms-content *,
.cms-content *::before,
.cms-content *::after {
    box-sizing: border-box;
}

/* ==========================================================
   ANIMATIONS SAFE SYSTEM
   ========================================================== */

.cms-content [data-animate] {
    opacity: 1;
    transform: none;
}

.cms-content [data-animate].is-animated {
    opacity: 0;
    transform: translateY(40px);
}

.cms-content [data-animate].is-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease, transform 0.8s ease;
}