/* Generated by scripts/build-all-inclusive-motion.mjs. Do not edit by hand. */
@keyframes all-inclusive-desktop-0-transform {
    0% { transform: translate(0rem, 0rem) rotate(0deg); }
    25% { transform: translate(2.5913218rem, -0.1878416rem) rotate(-8.277102deg); }
    50% { transform: translate(5.1969102rem, -0.7669168rem) rotate(-16.7819deg); }
    75% { transform: translate(8.0709816rem, -1.9114769rem) rotate(-26.641004deg); }
    100% { transform: translate(10.8560309rem, -3.6425535rem) rotate(-37.093827deg); }
}

@keyframes all-inclusive-desktop-0-opacity {
    0% { opacity: 1; }
    25% { opacity: 1; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-desktop-1-transform {
    0% { transform: translate(61.8809rem, 4.725774rem) rotate(5.206402deg); }
    25% { transform: translate(0rem, 0rem) rotate(0deg); }
    50% { transform: translate(2.6619777rem, -0.1978966rem) rotate(-8.504796deg); }
    75% { transform: translate(5.6710803rem, -0.916337rem) rotate(-18.363902deg); }
    100% { transform: translate(8.6763667rem, -2.2289663rem) rotate(-28.816724deg); }
}

@keyframes all-inclusive-desktop-1-opacity {
    0% { opacity: 1; }
    25% { opacity: 1; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-desktop-2-transform {
    0% { transform: translate(59rem, 0rem) rotate(0deg); }
    25% { transform: translate(59rem, 0rem) rotate(0deg); }
    50% { transform: translate(0rem, 0rem) rotate(0deg); }
    75% { transform: translate(3.0820834rem, -0.2659079rem) rotate(-9.859105deg); }
    100% { transform: translate(6.2483479rem, -1.1196364rem) rotate(-20.311927deg); }
}

@keyframes all-inclusive-desktop-2-opacity {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-desktop-3-transform {
    0% { transform: translate(59rem, 0rem) rotate(0deg); }
    25% { transform: translate(59rem, 0rem) rotate(0deg); }
    50% { transform: translate(59rem, 0rem) rotate(0deg); }
    75% { transform: translate(0rem, 0rem) rotate(0deg); }
    100% { transform: translate(3.2656699rem, -0.2986729rem) rotate(-10.452822deg); }
}

@keyframes all-inclusive-desktop-3-opacity {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-desktop-4-transform {
    0% { transform: translate(59rem, 0rem) rotate(0deg); }
    25% { transform: translate(59rem, 0rem) rotate(0deg); }
    50% { transform: translate(59rem, 0rem) rotate(0deg); }
    75% { transform: translate(59.5736503rem, 10.891714rem) rotate(9.587389deg); }
    100% { transform: translate(0rem, 0rem) rotate(0deg); }
}

@keyframes all-inclusive-desktop-4-opacity {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-mobile-0-transform {
    0% { transform: translate(0rem, 0rem) rotate(0deg); }
    25% { transform: translate(0rem, 0rem) rotate(0deg); }
    50% { transform: translate(0rem, 0rem) rotate(0deg); }
    75% { transform: translate(0rem, 0rem) rotate(0deg); }
    100% { transform: translate(0rem, 0rem) rotate(0deg); }
}

@keyframes all-inclusive-mobile-0-opacity {
    0% { opacity: 1; }
    25% { opacity: 1; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-mobile-1-transform {
    0% { transform: translate(0rem, 2.5rem) rotate(0deg); }
    25% { transform: translate(0rem, 2.5rem) rotate(0deg); }
    50% { transform: translate(0rem, 2.5rem) rotate(0deg); }
    75% { transform: translate(0rem, 2.5rem) rotate(0deg); }
    100% { transform: translate(0rem, 2.5rem) rotate(0deg); }
}

@keyframes all-inclusive-mobile-1-opacity {
    0% { opacity: 0; }
    25% { opacity: 1; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-mobile-2-transform {
    0% { transform: translate(0rem, 5rem) rotate(0deg); }
    25% { transform: translate(0rem, 5rem) rotate(0deg); }
    50% { transform: translate(0rem, 5rem) rotate(0deg); }
    75% { transform: translate(0rem, 5rem) rotate(0deg); }
    100% { transform: translate(0rem, 5rem) rotate(0deg); }
}

@keyframes all-inclusive-mobile-2-opacity {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-mobile-3-transform {
    0% { transform: translate(0rem, 7.5rem) rotate(0deg); }
    25% { transform: translate(0rem, 7.5rem) rotate(0deg); }
    50% { transform: translate(0rem, 7.5rem) rotate(0deg); }
    75% { transform: translate(0rem, 7.5rem) rotate(0deg); }
    100% { transform: translate(0rem, 7.5rem) rotate(0deg); }
}

@keyframes all-inclusive-mobile-3-opacity {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes all-inclusive-mobile-4-transform {
    0% { transform: translate(0rem, 10rem) rotate(0deg); }
    25% { transform: translate(0rem, 10rem) rotate(0deg); }
    50% { transform: translate(0rem, 10rem) rotate(0deg); }
    75% { transform: translate(0rem, 10rem) rotate(0deg); }
    100% { transform: translate(0rem, 10rem) rotate(0deg); }
}

@keyframes all-inclusive-mobile-4-opacity {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 1; }
}

@supports (animation-timeline: --all-inclusive) and (view-timeline-inset: 1px) and (animation-range: contain) {
    @media (min-width: 1201px) and (prefers-reduced-motion: no-preference) {
        .all-inclusive__card:nth-child(1) {
            animation-name: all-inclusive-desktop-0-transform, all-inclusive-desktop-0-opacity;
        }
        .all-inclusive__card:nth-child(2) {
            animation-name: all-inclusive-desktop-1-transform, all-inclusive-desktop-1-opacity;
        }
        .all-inclusive__card:nth-child(3) {
            animation-name: all-inclusive-desktop-2-transform, all-inclusive-desktop-2-opacity;
        }
        .all-inclusive__card:nth-child(4) {
            animation-name: all-inclusive-desktop-3-transform, all-inclusive-desktop-3-opacity;
        }
        .all-inclusive__card:nth-child(5) {
            animation-name: all-inclusive-desktop-4-transform, all-inclusive-desktop-4-opacity;
        }
    }
    @media (max-width: 1200px) and (prefers-reduced-motion: no-preference) {
        .all-inclusive__card:nth-child(1) {
            animation-name: all-inclusive-mobile-0-transform, all-inclusive-mobile-0-opacity;
        }
        .all-inclusive__card:nth-child(2) {
            animation-name: all-inclusive-mobile-1-transform, all-inclusive-mobile-1-opacity;
        }
        .all-inclusive__card:nth-child(3) {
            animation-name: all-inclusive-mobile-2-transform, all-inclusive-mobile-2-opacity;
        }
        .all-inclusive__card:nth-child(4) {
            animation-name: all-inclusive-mobile-3-transform, all-inclusive-mobile-3-opacity;
        }
        .all-inclusive__card:nth-child(5) {
            animation-name: all-inclusive-mobile-4-transform, all-inclusive-mobile-4-opacity;
        }
    }
}