p.text-type {
  display: inline-flex;
  min-width: 0;
  align-items: baseline;
  white-space: nowrap;
}

.text-type__content {
  color: inherit;
}

.text-type__cursor {
  display: inline-block;
  margin-left: 0.18rem;
  color: var(--accent);
  animation: text-cursor-blink 700ms steps(1, end) infinite;
}

@keyframes text-cursor-blink {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .text-type__cursor {
    display: none;
  }
}
怕