@keyframes heroSlideIn{0%{opacity:0;transform:translateY(calc(var(--hero-distance,50px) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideOut{0%{transform:translateY(0)}to{transform:translateY(calc(var(--hero-distance,50px) * -1))}}@keyframes heroFloat{0%{transform:translate(0)rotate(0)}18%{transform:translate(var(--hero-fx,7px), calc(var(--hero-fy,5px) * -.7)) rotate(var(--hero-fr,.8deg))}38%{transform:translate(calc(var(--hero-fx,7px) * -.4), var(--hero-fy,5px)) rotate(calc(var(--hero-fr,.8deg) * -1))}58%{transform:translate(calc(var(--hero-fx,7px) * .8), calc(var(--hero-fy,5px) * .5)) rotate(calc(var(--hero-fr,.8deg) * .6))}78%{transform:translate(calc(var(--hero-fx,7px) * -.6), calc(var(--hero-fy,5px) * -.3)) rotate(calc(var(--hero-fr,.8deg) * -.4))}to{transform:translate(0)rotate(0)}}@media (min-width:640px){.hero-enter{animation-name:heroSlideIn;animation-duration:var(--hero-in-dur,.8s);animation-timing-function:var(--hero-easing,cubic-bezier(.22, 1, .36, 1));animation-delay:var(--hero-in-delay,.15s);animation-fill-mode:both}.hero-leave{animation-name:heroSlideOut;animation-duration:var(--hero-out-dur,.9s);animation-timing-function:var(--hero-easing,cubic-bezier(.22, 1, .36, 1));animation-fill-mode:forwards}.hero-float{animation-name:heroFloat;animation-duration:var(--hero-float-dur,6s);animation-timing-function:var(--hero-float-ease,ease-in-out);animation-delay:var(--hero-float-delay,1.4s);will-change:transform;animation-iteration-count:infinite}}