/*
 * animations.css - Published-site animation styles.
 *
 * Loaded by published pages only. The OBM editor intentionally renders the
 * static block state without live entrance or heading animation CSS.
 */

/* Block Animation */
.bws_animate {
    --bws-animation-offset: 28px;
    --bws-animation-duration: 620ms;
    --bws-animation-delay: 0ms;
    opacity: 0;
    transform: translate3d(0, var(--bws-animation-offset), 0);
    transition:
        opacity var(--bws-animation-duration) ease var(--bws-animation-delay),
        transform var(--bws-animation-duration) ease var(--bws-animation-delay);
    will-change: opacity, transform;
}

.bws_animate--fade-in {
    transform: none;
}

.bws_animate--fade-up {
    transform: translate3d(0, var(--bws-animation-offset), 0);
}

.bws_animate--fade-left {
    transform: translate3d(calc(var(--bws-animation-offset) * -1), 0, 0);
}

.bws_animate--fade-right {
    transform: translate3d(var(--bws-animation-offset), 0, 0);
}

.bws_animate.bws_is_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.bws_letter-reveal.bws_animate,
.bws_letter-reveal.bws_animate.bws_is_visible {
    opacity: 1;
    transform: none;
    transition: none;
}

.bws_letter-reveal__content {
    display: block;
    text-wrap: balance;
}

.bws_letter-reveal__word {
    display: inline-block;
    line-height: inherit;
    white-space: nowrap;
}

.bws_letter-reveal__mask {
    display: inline-block;
    overflow: hidden;
    line-height: inherit;
    vertical-align: bottom;
}

.bws_letter-reveal__letter {
    display: inline-block;
    line-height: inherit;
    opacity: 0;
    transform: none;
    transition:
        opacity 940ms cubic-bezier(.16, .72, .18, 1) calc(var(--letter-line-index, var(--letter-index)) * 58ms),
        transform 940ms cubic-bezier(.16, .72, .18, 1) calc(var(--letter-line-index, var(--letter-index)) * 58ms);
    will-change: opacity, transform;
}

.bws_letter-reveal--letter-reveal .bws_letter-reveal__letter {
    transform: scale(.96);
}

.bws_letter-reveal--letter-reveal-up .bws_letter-reveal__letter {
    transform: translate3d(0, 1.08em, 0);
}

.bws_letter-reveal--letter-reveal-left .bws_letter-reveal__letter {
    transform: translate3d(-.34em, 0, 0);
}

.bws_letter-reveal--letter-reveal-right .bws_letter-reveal__letter {
    transform: translate3d(.34em, 0, 0);
}

.bws_letter-reveal.bws_is_visible .bws_letter-reveal__letter {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 640px) {
    .bws_animate--stacked-up.bws_animate--fade-left,
    .bws_animate--stacked-up.bws_animate--fade-right {
        transform: translate3d(0, var(--bws-animation-offset), 0);
    }
}

@container root-canvas (max-width: 640px) {
    .bws_animate--stacked-up.bws_animate--fade-left,
    .bws_animate--stacked-up.bws_animate--fade-right {
        transform: translate3d(0, var(--bws-animation-offset), 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bws_animate,
    .bws_animate.bws_is_visible,
    .bws_animate--fade-in,
    .bws_animate--fade-up,
    .bws_animate--fade-left,
    .bws_animate--fade-right,
    .bws_animate--stacked-up.bws_animate--fade-left,
    .bws_animate--stacked-up.bws_animate--fade-right,
    .bws_letter-reveal__letter {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}