.scroll-reveal{--scroll-distance:24px;--scroll-duration:780ms;opacity:0;translate:0 var(--scroll-distance);transition:opacity var(--scroll-duration) cubic-bezier(.16,1,.3,1),translate var(--scroll-duration) cubic-bezier(.16,1,.3,1),scale var(--scroll-duration) cubic-bezier(.16,1,.3,1);transition-delay:var(--scroll-delay,0ms);will-change:opacity,translate,scale}
.scroll-reveal.scroll-reveal-panel{scale:.99}
.scroll-reveal.scroll-reveal-visual{--scroll-duration:900ms;translate:none;scale:.992}
.scroll-reveal.scroll-reveal-line{translate:none;transform:scaleY(0);transform-origin:50% 0;transition:opacity var(--scroll-duration) ease,transform var(--scroll-duration) cubic-bezier(.16,1,.3,1);transition-delay:var(--scroll-delay,0ms)}
.scroll-reveal.is-revealed{opacity:1;translate:0 0;scale:1;will-change:auto}
.scroll-reveal.scroll-reveal-line.is-revealed{transform:scaleY(1)}

@media(max-width:780px){.scroll-reveal{--scroll-distance:16px;--scroll-duration:650ms}.scroll-reveal.scroll-reveal-visual{--scroll-duration:720ms;scale:.996}}
.gc-product-preview.scroll-reveal-visual{--scroll-duration:250ms;translate:none;scale:1;transition:opacity var(--scroll-duration) ease-out;will-change:opacity}
.gc-product-preview.scroll-reveal-visual.is-revealed{opacity:1;will-change:auto}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.scroll-reveal-panel,.scroll-reveal.scroll-reveal-visual,.scroll-reveal.scroll-reveal-line{opacity:1!important;translate:none!important;scale:1!important;transform:none!important;transition:none!important;will-change:auto!important}}