/* Vertical breathe motion observed on the original Wix hero.
   Each molecule has its own duration and travel distance. */
@media (prefers-reduced-motion: no-preference) {
  #comp-lzuikpeg { --float-distance: 40px; animation: hydrogen-breathe-small 13.8s linear infinite !important; }
  #comp-lzuilir0 { --float-distance: 40px; animation: hydrogen-breathe 10s linear infinite !important; }
  #comp-lzuiiygc { --float-distance: 20px; animation: hydrogen-breathe 15s linear infinite !important; }
}
@keyframes hydrogen-breathe {
  0% { transform: translate3d(0,0,0); animation-timing-function: cubic-bezier(.39,.575,.565,1); }
  10% { transform: translate3d(0,var(--float-distance),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  30% { transform: translate3d(0,calc(var(--float-distance) * -1),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  50% { transform: translate3d(0,var(--float-distance),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  70% { transform: translate3d(0,calc(var(--float-distance) * -.7),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  83.332% { transform: translate3d(0,calc(var(--float-distance) * .6),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  100% { transform: translate3d(0,0,0); }
}
@keyframes hydrogen-breathe-small {
  0% { transform: translate3d(0,0,0); animation-timing-function: cubic-bezier(.39,.575,.565,1); }
  7.25% { transform: translate3d(0,var(--float-distance),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  21.75% { transform: translate3d(0,calc(var(--float-distance) * -1),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  36.25% { transform: translate3d(0,var(--float-distance),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  50.75% { transform: translate3d(0,calc(var(--float-distance) * -.7),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  60.4157% { transform: translate3d(0,calc(var(--float-distance) * .6),0); animation-timing-function: cubic-bezier(.445,.05,.55,.95); }
  100% { transform: translate3d(0,0,0); }
}

