dify/web/app/components/header/plugins-nav/downloading-icon.module.css

@keyframes realistic-blink {
  0% { fill: #37ff37; opacity: 0.4; }
  15% { fill: #37ff37; opacity: 0.9; }
  25% { fill: #37ff37; opacity: 0.3; }
  38% { fill: #ff4444; opacity: 0.8; }
  42% { fill: #ff4444; opacity: 0.3; }
  58% { fill: #37ff37; opacity: 0.9; }
  65% { fill: #37ff37; opacity: 0.4; }
  79% { fill: #ff4444; opacity: 0.8; }
  84% { fill: #ff4444; opacity: 0.3; }
  92% { fill: #37ff37; opacity: 0.8; }
  100% { fill: #37ff37; opacity: 0.4; }
}

@keyframes drop {
  0% {
    transform: translateY(-4px);
    opacity: 0;
  }
  5% {
    transform: translateY(-4px);
    opacity: 1;
  }
  65% {
    transform: translateY(2px);
    opacity: 1;
  }
  80% {
    transform: translateY(2px);
    opacity: 0;
  }
  100% {
    transform: translateY(2px);
    opacity: 0;
  }
}

#downloadingIconLight {
  animation: realistic-blink 3s infinite ease-in-out;
}

#downloadingIconArrow {
  animation: drop 1.2s cubic-bezier(0.4, 0, 1, 1) infinite;
}