:root{--anim-duration: .8s;--anim-ease: cubic-bezier(.25, .46, .45, .94);--anim-distance: 18px}.anim-on [data-anim]{opacity:0!important;transition:opacity var(--anim-duration) var(--anim-ease) var(--anim-delay, 0s),transform var(--anim-duration) var(--anim-ease) var(--anim-delay, 0s);will-change:opacity,transform}.anim-on [data-anim=fade]{transform:none}.anim-on [data-anim=fade-up]{transform:translateY(var(--anim-distance))}.anim-on [data-anim=fade-down]{transform:translateY(calc(var(--anim-distance) * -1))}.anim-on [data-anim=fade-left]{transform:translate(var(--anim-distance))}.anim-on [data-anim=fade-right]{transform:translate(calc(var(--anim-distance) * -1))}.anim-on [data-anim=zoom-in]{transform:scale(.96)}.anim-on [data-anim=zoom-out]{transform:scale(1.04)}.anim-on [data-anim=pop]{transform:translateY(38px) scale(.9)}.anim-on [data-anim].anim-in{opacity:1!important;transform:none;will-change:auto}.anim-on [data-anim].anim-init{transition:none!important}@media(prefers-reduced-motion:reduce){.anim-on [data-anim]{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/scroll-animations.css.map */