@keyframes indicator {
  100% {
    background-position: 100% 0, 100% 100%, 0 100%, 0 0;
  }
}

@keyframes dropIn {
  0% {
    top: -20vh;
    opacity: 0;
  }
  60% {
    top: 6%;
    opacity: 1;
  }
  100% {
    top: 6%;
    opacity: 1;
  }
}

@keyframes shake-animation {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-8px);
  }
  40% {
    transform: translateX(8px);
  }
  60% {
    transform: translateX(-8px);
  }
  80% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes upDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animated-message {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(13px, 2.4vw, 16px);
  font-weight: 600;
}