/**
 * Flight fare card animation.
 *
 * Plain CSS rather than a Tailwind utility: this motion belongs to the flight
 * fare card alone, so it lives beside the product instead of in the site-wide
 * bundle every other page also has to ship.
 */

/* The plane travelling along a fare's dashed route line and back. Positioned
   at the line's centre, so the swing is symmetric. */
.animate-fly-across {
    animation: fly-across 2.2s ease-in-out infinite;
}

@keyframes fly-across {
    0%, 100% {
        transform: translateX(-45%);
    }
    50% {
        transform: translateX(45%);
    }
}