:root{--animation-fade-in: fadeIn .4s cubic-bezier(.4, 0, .2, 1) forwards;--animation-slide-in: slideIn .5s cubic-bezier(.4, 0, .2, 1) forwards;--duration-short: .3s}@media (prefers-reduced-motion: no-preference){.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:0}.scroll-trigger.animate--slide-in{transform:translateY(4rem)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{animation:var(--animation-fade-in);animation-delay:calc(var(--animation-order) * 25ms)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 30ms)}.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel{opacity:1;animation:none;transition:none;transform:none}.scroll-trigger.scroll-trigger--design-mode.animate--slide-in{transform:translateY(0)}@keyframes slideIn{0%{transform:translateY(4rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion: reduce){.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/animations.css.map */