.hero-animate{opacity:0}.hero-animate--bg{animation:heroFadeIn .4s var(--ease-default) forwards}.hero-animate--product{animation:heroProductSettle .65s var(--ease-bounce) .3s forwards}.hero-animate--headline{animation:heroSlideUp .4s var(--ease-default) .5s forwards}.hero-animate--sub{animation:heroFadeIn .4s var(--ease-default) .7s forwards}.hero-animate--cta{animation:heroCtaReveal .4s var(--ease-default) .95s forwards}.hero-animate--nav{animation:heroNavIn .3s var(--ease-default) .2s forwards}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCtaReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroNavIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes heroProductSettle{0%{opacity:0;transform:scale(.93) rotate(2.5deg)}60%{opacity:1;transform:scale(1.01) rotate(-.3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes countFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.count-up.is-visible{animation:countFadeIn var(--duration-slow) var(--ease-default) forwards}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.success-animate{animation:successPop .5s var(--ease-bounce) forwards}@media(prefers-reduced-motion:reduce){.hero-animate{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/animations.css.map */
