.text-type {
  display: inline-block;
  white-space: nowrap;
  width: auto;
  max-width: 100%;
}

.text-type__content {
  color: inherit;
}

.text-type__cursor {
  margin-left: 0.08em;
  display: inline;
  opacity: 1;
  font-weight: 300;
  animation: text-type-cursor-blink 1s ease-in-out infinite;
}

/* Title shrinks to text+| so the caret sits right after the last letter */
html[data-theme="alt"] .check-idle-intro .check-hero-title.text-type,
html[data-theme="alt"] .check-idle-intro h2.text-type {
  display: inline-block !important;
  width: auto !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-type__cursor--hidden {
  visibility: hidden;
}

@keyframes text-type-cursor-blink {
  0%,
  45% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

html[data-theme="alt"] .check-idle-intro .text-type__cursor {
  color: rgba(248, 250, 252, 0.85);
  font-weight: 400;
}

@media (prefers-reduced-motion: reduce) {
  .text-type__cursor {
    animation: none;
    opacity: 0.7;
  }
}