.mojito-page .mojito-typing {
  display: flex;
  align-items: center;
  gap: 1px;
  min-height: 1.2em;
}

.mojito-typing-dot {
  display: inline-block;
  flex: 0 0 auto;
  font: inherit;
  opacity: 0.6;
  animation: mojito-typing-bounce 1800ms ease-in-out infinite;
}

.mojito-typing-dot:nth-of-type(3) {
  animation-delay: 240ms;
}

.mojito-typing-dot:nth-of-type(4) {
  animation-delay: 480ms;
}

@keyframes mojito-typing-bounce {
  0%, 60%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mojito-typing-dot {
    animation: none;
    transform: none;
    opacity: 0.6;
  }
}