@keyframes fade-flow {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes grow-line {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}

@keyframes blink-point {
  0%,
  100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}

.animate-fade-flow {
  animation: fade-flow 0.8s ease forwards;
}

.animate-grow-line {
  animation: grow-line 1.2s ease forwards;
}

.animate-blink-point {
  animation: blink-point 1.5s ease infinite;
}