html.has-scroll-reveal .scroll-reveal-item {
    --scroll-reveal-opacity: 0;
    --scroll-reveal-translate-x: 0px;
    --scroll-reveal-translate-y: 42px;
    --scroll-reveal-blur: 10px;
    --scroll-reveal-scale: 0.985;
    --scroll-reveal-delay: 0ms;
    opacity: var(--scroll-reveal-opacity);
    transform: translate3d(var(--scroll-reveal-translate-x), var(--scroll-reveal-translate-y), 0) scale(var(--scroll-reveal-scale));
    filter: blur(var(--scroll-reveal-blur));
    transition: opacity 360ms cubic-bezier(0.16, 1, 0.3, 1), transform 520ms cubic-bezier(0.16, 1, 0.3, 1), filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--scroll-reveal-delay);
    will-change: opacity, transform, filter;
    backface-visibility: hidden;
}

html.has-scroll-reveal,
.scroll-reveal-scope {
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html.has-scroll-reveal,
    .scroll-reveal-scope {
        overflow-x: clip;
    }
}

html.has-scroll-reveal .scroll-reveal-item--from-left {
    --scroll-reveal-translate-x: -28px;
    --scroll-reveal-translate-y: 24px;
}

html.has-scroll-reveal .scroll-reveal-item--from-right {
    --scroll-reveal-translate-x: 28px;
    --scroll-reveal-translate-y: 24px;
}

html.has-scroll-reveal .scroll-reveal-item--soft {
    --scroll-reveal-translate-y: 24px;
    --scroll-reveal-blur: 6px;
    --scroll-reveal-scale: 0.99;
}

html.has-scroll-reveal .scroll-reveal-item--scale {
    --scroll-reveal-translate-y: 16px;
    --scroll-reveal-blur: 4px;
    --scroll-reveal-scale: 0.975;
}

html.has-scroll-reveal .scroll-reveal-item--hero {
    --scroll-reveal-translate-y: 34px;
    --scroll-reveal-blur: 8px;
    --scroll-reveal-scale: 0.99;
}

html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--visible {
    --scroll-reveal-opacity: 1;
    --scroll-reveal-translate-x: 0px;
    --scroll-reveal-translate-y: 0px;
    --scroll-reveal-blur: 0px;
    --scroll-reveal-scale: 1;
}

html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--carousel,
html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--carousel.scroll-reveal-item--visible {
    transform-origin: center top;
}

.scroll-reveal-scope .scroll-reveal-item {
    transform-origin: center top;
}

@media screen and (max-width: 736px) {
    html.has-scroll-reveal .scroll-reveal-item {
        --scroll-reveal-translate-y: 28px;
        --scroll-reveal-blur: 6px;
    }

    html.has-scroll-reveal .scroll-reveal-item--from-left,
    html.has-scroll-reveal .scroll-reveal-item--from-right {
        --scroll-reveal-translate-x: 0px;
        --scroll-reveal-translate-y: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.has-scroll-reveal .scroll-reveal-item,
    html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--visible {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
        will-change: auto !important;
    }
}