/* Generated by LottieTools.app — Lottie to CSS Keyframe Converter */
/* Size: 200×200px | Duration: 2.00s | Animated layers: 2 */
/*
 * ⚠ APPROXIMATION: Lottie uses bezier easing; this output uses linear
 *   interpolation. Adjust animation-timing-function per keyframe as needed.
 * ⚠ Unsupported: shape morphing, effects, expressions, masks.
 */

/* ── Container ────────────────────────────────────── */
.lottie-container {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

/* ── Layer 1 of 2 ─────────────────────────────── */
/* Layer: Ball */
.lottie-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0.0px 0.0px;
  animation: lottie-ball 2.000s linear infinite;
}

@keyframes lottie-ball {
  0%  { transform: translate(100.0px, 50.0px); opacity: 1.0000; }
  25%  { transform: translate(100.0px, 150.0px) scale(1.1000, 0.9000); opacity: 1.0000; }
  50%  { transform: translate(100.0px, 50.0px); opacity: 1.0000; }
  75%  { transform: translate(100.0px, 150.0px) scale(1.1000, 0.9000); opacity: 1.0000; }
  100%  { transform: translate(100.0px, 50.0px); opacity: 1.0000; }
}

/* ── Layer 2 of 2 ─────────────────────────────── */
/* Layer: Shadow */
.lottie-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0.0px 0.0px;
  animation: lottie-shadow 2.000s linear infinite;
}

@keyframes lottie-shadow {
  0%  { transform: translate(100.0px, 170.0px) scale(0.8000, 0.2000); opacity: 0.3000; }
  25%  { transform: translate(100.0px, 170.0px) scale(1.2000, 0.2000); opacity: 1.0000; }
  50%  { transform: translate(100.0px, 170.0px) scale(0.8000, 0.2000); opacity: 0.3000; }
  75%  { transform: translate(100.0px, 170.0px) scale(1.2000, 0.2000); opacity: 1.0000; }
  100%  { transform: translate(100.0px, 170.0px) scale(0.8000, 0.2000); opacity: 0.3000; }
}