/* Glowing */
.glowing-active {
  animation: GlowingEffectActive 1200ms linear infinite;
}

.glowing-error {
  animation: GlowingEffectError 1200ms linear infinite;
}

.glowing-success {
  animation: GlowingEffectSuccess 1200ms linear infinite;
}

@keyframes GlowingEffectActive {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(59, 130, 246, 0.6);
  }

  50% {
    box-shadow: 0px 0px 0px 6px rgba(59, 130, 246, 0);
  }

  100% {
    box-shadow: 0px 0px 0px 0px rgba(59, 130, 246, 0);
  }
}

@keyframes GlowingEffectError {
  0% {
    box-shadow: 0px 0px 0px 0px rgb(239, 68, 68, 0.6);
  }

  50% {
    box-shadow: 0px 0px 0px 6px rgb(239, 68, 68, 0);
  }

  100% {
    box-shadow: 0px 0px 0px 0px rgb(239, 68, 68, 0);
  }
}

@keyframes GlowingEffectSuccess {
  0% {
    box-shadow: 0px 0px 0px 0px rgb(34, 197, 94, 0.6);
  }

  50% {
    box-shadow: 0px 0px 0px 6px rgb(34, 197, 94, 0);
  }

  100% {
    box-shadow: 0px 0px 0px 0px rgb(34, 197, 94, 0);
  }
}