/* Inherits the existing wordmark's type, color, tracking, and hover behavior. */
.wordmark.qe-typewriter-wordmark {
  flex-shrink: 0;
  max-inline-size: 100%;
  min-inline-size: 0;
}
.qe-typewriter {
  display: inline-grid;
  max-inline-size: 100%;
  font: inherit;
  letter-spacing: inherit;
}
.qe-typewriter-reserve,
.qe-typewriter-visual {
  grid-area: 1 / 1;
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font: inherit;
  letter-spacing: inherit;
}
.qe-typewriter-reserve {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
.qe-typewriter-cursor {
  display: inline-block;
  flex: 0 0 .55em;
  inline-size: .55em;
  block-size: .55em;
  margin-inline-start: .5em;
  background: currentColor;
}
.qe-typewriter[data-state="waiting"] .qe-typewriter-visual .qe-typewriter-cursor,
.qe-typewriter[data-state="typing"] .qe-typewriter-visual .qe-typewriter-cursor {
  animation: qe-typewriter-caret 900ms steps(1, end) infinite;
}
@keyframes qe-typewriter-caret {
  0%, 55% { opacity: 1; }
  56%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .qe-typewriter-cursor { animation: none !important; }
}