.typewriter {
  display: inline-block;
  white-space: pre-wrap;
}

.typewriter--active::after {
  content: '|';
  display: inline-block;
  margin-left: 2px;
  animation: typewriter-blink 0.8s step-end infinite;
}

.typewriter--done::after {
  content: '';
}

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