/* Entrance animation of Wix ("glide in"): the element starts off to one side, is invisible until its
   delay has passed, then glides to its place. JS (components/glide-in.js) starts it when the element
   is in view and sets --glide-from-x. Without JS or with reduced motion nothing is hidden. */
@keyframes glide-in {
  0%         { opacity: 0; animation-timing-function: step-end; }
  0.0001%    { opacity: 1; transform: translateX(var(--glide-from-x, 0px)); }
  100%       { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: no-preference) {
  .js [data-glide-in]:not(.is-glided) {
    animation: glide-in var(--glide-duration, 1200ms) var(--glide-delay, 1ms) cubic-bezier(0.645, 0.045, 0.355, 1) backwards 1 paused;
  }
  .js [data-glide-in].is-gliding:not(.is-glided) { animation-play-state: running; }
}
