:root{--duration-extra-long: .6s;--duration-extra-longer: .75s;--duration-extended: 3s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: scrollSlideInAnimation var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: scrollFadeInAnimation var(--duration-extra-long) var(--ease-out-slow)}@media(prefers-reduced-motion:no-preference){.scroll-trigger-animation.animate--fade-in,.scroll-trigger-animation.animate--slide-in{opacity:.01}.scroll-trigger-animation.animate--slide-in{transform:translateY(2rem)}.scroll-trigger-animation:not(.scroll-trigger--offscreen-animation).animate--fade-in{opacity:1;animation:var(--animation-fade-in)}.scroll-trigger-animation:not(.scroll-trigger--offscreen-animation).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms)}.scroll-trigger-animation.scroll-trigger--design-mode.animate--fade-in,.scroll-trigger-animation.scroll-trigger--design-mode.animate--slide-in,.scroll-trigger-animation.scroll-trigger--design-mode .slider,.scroll-trigger-animation:not(.scroll-trigger--offscreen-animation).scroll-trigger--cancel-animation{opacity:1;animation:none;transition:none;transform:none}.scroll-trigger-animation.scroll-trigger--design-mode.animate--slide-in{transform:translateY(0)}@keyframes scrollSlideInAnimation{0%{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}}@keyframes scrollFadeInAnimation{0%{opacity:.01}to{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/scroll-animations.css.map */
