/* ==========================================================================
   Animation Set
   ========================================================================== */
:root {
  --home-icons-animation: idle-float;
}

/* ==========================================================================
   Idle Float Animation
   ========================================================================== */
@keyframes idle-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* ==========================================================================
   Idle Wobble Animation
   ========================================================================== */
@keyframes idle-wobble {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-5px) rotate(1deg);
  }
  75% {
    transform: translateY(-5px) rotate(-1deg);
  }
}

/* ==========================================================================
   Idle Bounce Animation
   ========================================================================== */
@keyframes idle-bounce {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* ==========================================================================
   Idle Shake Animation
   ========================================================================== */
@keyframes idle-shake {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
}