@charset "UTF-8";
 :root {
--reveal-distance: 70px;
--reveal-distance-long: 180px;
--reveal-duration: 820ms;
--reveal-easing: cubic-bezier(0.22, 1, 0.36, 1);
} .reveal-ready .scroll-reveal {
opacity: 0;
transform: translate3d(0, 0, 0);
transition:
opacity var(--reveal-duration) var(--reveal-easing),
transform var(--reveal-duration) var(--reveal-easing);
transition-delay: var(--reveal-delay, 0ms);
will-change: opacity, transform;
} .reveal-ready .fade-in-left,
.reveal-ready .scroll-reveal--left {
transform: translate3d(calc(var(--reveal-distance) * -1), 0, 0);
}
.reveal-ready .fade-in-right,
.reveal-ready .scroll-reveal--right {
transform: translate3d(var(--reveal-distance), 0, 0);
}
.reveal-ready .fade-in-top,
.reveal-ready .scroll-reveal--top {
transform: translate3d(0, calc(var(--reveal-distance) * -1), 0);
}
.reveal-ready .fade-in-bottom,
.reveal-ready .scroll-reveal--bottom {
transform: translate3d(0, var(--reveal-distance), 0);
} .reveal-ready .fade-in-long-left {
transform: translate3d(calc(var(--reveal-distance-long) * -1), 0, 0);
}
.reveal-ready .fade-in-long-right {
transform: translate3d(var(--reveal-distance-long), 0, 0);
}
.reveal-ready .fade-in-long-top {
transform: translate3d(0, calc(var(--reveal-distance-long) * -1), 0);
}
.reveal-ready .fade-in-long-bottom {
transform: translate3d(0, var(--reveal-distance-long), 0);
} .reveal-ready .scroll-reveal.is-revealed {
opacity: 1;
transform: translate3d(0, 0, 0);
will-change: auto;
} @media only screen and (min-width: 801px) and (max-width: 991px) {
:root {
--reveal-distance: 55px;
--reveal-distance-long: 125px;
--reveal-duration: 760ms;
}
} @media only screen and (max-width: 800px) {
:root {
--reveal-distance: 32px;
--reveal-distance-long: 70px;
--reveal-duration: 690ms;
}
.reveal-ready .scroll-reveal {
transition-delay: min(var(--reveal-delay, 0ms), 320ms);
}
} @media (prefers-reduced-motion: reduce) {
.reveal-ready .scroll-reveal,
.reveal-ready .scroll-reveal--left,
.reveal-ready .scroll-reveal--right,
.reveal-ready .scroll-reveal--top,
.reveal-ready .scroll-reveal--bottom,
.reveal-ready .fade-in-left,
.reveal-ready .fade-in-right,
.reveal-ready .fade-in-top,
.reveal-ready .fade-in-bottom,
.reveal-ready .fade-in-long-left,
.reveal-ready .fade-in-long-right,
.reveal-ready .fade-in-long-top,
.reveal-ready .fade-in-long-bottom {
opacity: 1;
transform: none;
transition: none;
will-change: auto;
}
}