:root{--duration-long: .6s;--duration-extra-long: 1.2s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-long) var(--ease-out-slow);--animation-appear-from-behind: appearFromBehind var(--duration-extra-long) var(--ease-out-slow)}@media (prefers-reduced-motion: no-preference){.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in,.scroll-trigger.animate--appear-from-behind{opacity:.01}.scroll-trigger.animate--appear-from-behind{position:absolute;bottom:0}.scroll-trigger.animate--slide-in{transform:translateY(2rem)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{opacity:1;animation:var(--animation-fade-in)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--appear-from-behind{animation:var(--animation-appear-from-behind);animation-delay:calc(var(--animation-order) * 75ms);animation-fill-mode:forwards}@keyframes appearFromBehind{0%{z-index:0;opacity:.01;transform:translateY(0)}to{opacity:1;z-index:1;transform:translateY(-300%)}}@keyframes slideIn{0%{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:.01}to{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/1180/assets/component-animate-on-scroll.css.map */