.z-animate-on-scroll{display:block}.z-animate-on-scroll .z-reveal{opacity:1;transform:none;will-change:opacity,transform}.z-animate-on-scroll[data-z-scroll-nested-reveals=false] .z-reveal{opacity:1;transform:none;animation:none;will-change:auto}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.z-animate-on-scroll[data-z-scroll-ready=false][data-z-scroll-animation]:not([data-z-scroll-animation=none]) [data-z-scroll-item],.z-animate-on-scroll[data-z-scroll-ready=true][data-z-scroll-animation]:not([data-z-scroll-animation=none]) [data-z-scroll-item]:not([data-z-scroll-revealed=true]),.z-animate-on-scroll[data-z-scroll-ready=false] [data-z-scroll-item][data-z-scroll-animation]:not([data-z-scroll-animation=none]),.z-animate-on-scroll[data-z-scroll-ready=true] [data-z-scroll-item][data-z-scroll-animation]:not([data-z-scroll-animation=none]):not([data-z-scroll-revealed=true]),.z-animate-on-scroll[data-z-scroll-ready=false] [data-z-scroll-item] .z-reveal:not([data-z-animation=none]),.z-animate-on-scroll[data-z-scroll-ready=true] [data-z-scroll-item]:not([data-z-scroll-revealed=true]) .z-reveal:not([data-z-animation=none]){opacity:0}}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true][data-z-scroll-self-playing=true]{animation-duration:var(--z-scroll-duration);animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-delay:var(--z-scroll-delay);animation-fill-mode:both}.z-animate-on-scroll [data-z-scroll-self-playing=true][data-z-scroll-animation=fade]{animation-name:z-scroll-reveal-fade}.z-animate-on-scroll [data-z-scroll-self-playing=true][data-z-scroll-animation=fade-up]{animation-name:z-scroll-reveal-fade-up}.z-animate-on-scroll [data-z-scroll-self-playing=true][data-z-scroll-animation=fade-down]{animation-name:z-scroll-reveal-fade-down}.z-animate-on-scroll [data-z-scroll-self-playing=true][data-z-scroll-animation=slide-left]{animation-name:z-scroll-reveal-slide-left}.z-animate-on-scroll [data-z-scroll-self-playing=true][data-z-scroll-animation=slide-right]{animation-name:z-scroll-reveal-slide-right}.z-animate-on-scroll [data-z-scroll-self-playing=true][data-z-scroll-animation=zoom]{animation-name:z-scroll-reveal-zoom}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true]{animation-duration:var(--z-reveal-duration);animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-delay:var(--z-reveal-delay);animation-fill-mode:both}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true][data-z-animation=fade]{animation-name:z-scroll-reveal-fade}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true][data-z-animation=fade-up]{animation-name:z-scroll-reveal-fade-up}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true][data-z-animation=fade-down]{animation-name:z-scroll-reveal-fade-down}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true][data-z-animation=slide-left]{animation-name:z-scroll-reveal-slide-left}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true][data-z-animation=slide-right]{animation-name:z-scroll-reveal-slide-right}.z-animate-on-scroll [data-z-scroll-item][data-z-scroll-revealed=true] .z-reveal[data-z-scroll-playing=true][data-z-animation=zoom]{animation-name:z-scroll-reveal-zoom}.z-animate-on-scroll[data-z-scroll-nested-reveals=false] [data-z-scroll-item] .z-reveal:not([data-z-animation=none]){opacity:1;transform:none;animation:none;will-change:auto}@keyframes z-scroll-reveal-fade{0%{opacity:0}}@keyframes z-scroll-reveal-fade-up{0%{opacity:0;transform:translateY(2.4rem)}}@keyframes z-scroll-reveal-fade-down{0%{opacity:0;transform:translateY(-2.4rem)}}@keyframes z-scroll-reveal-slide-left{0%{opacity:0;transform:translate(3.2rem)}}@keyframes z-scroll-reveal-slide-right{0%{opacity:0;transform:translate(-3.2rem)}}@keyframes z-scroll-reveal-zoom{0%{opacity:0;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.z-animate-on-scroll [data-z-scroll-item],.z-animate-on-scroll .z-reveal{opacity:1;transform:none;animation:none;transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/z-animate-on-scroll.css.map */
