.wc-typing-text {
  display: inline-block;
  max-width: 100%;
}

.wc-typing-text__inner {
  display: inline;
  max-width: 100%;
}

.wc-typing-text__content {
  position: relative;
  display: inline-grid;
  align-items: baseline;
  vertical-align: bottom;
  max-width: 100%;
}

.wc-typing-text__sizer,
.wc-typing-text__overlay,
.wc-typing-text__measure {
  grid-area: 1 / 1;
}

.wc-typing-text__overlay {
  position: relative;
  max-width: 100%;
}

.wc-typing-text__typed,
.wc-typing-text__sizer,
.wc-typing-text__measure,
.wc-typing-text__before,
.wc-typing-text__after {
  display: inline;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
}

.wc-typing-text__before {
  color: var(--wc-typing-before-color, inherit);
  font-family: var(--wc-typing-before-font-family, inherit);
  font-size: var(--wc-typing-before-font-size, inherit);
  font-weight: var(--wc-typing-before-font-weight, inherit);
  font-style: var(--wc-typing-before-font-style, inherit);
  line-height: var(--wc-typing-before-line-height, inherit);
  letter-spacing: var(--wc-typing-before-letter-spacing, inherit);
  text-transform: var(--wc-typing-before-text-transform, inherit);
  text-decoration: var(--wc-typing-before-text-decoration, inherit);
}

.wc-typing-text__typed {
  color: var(--wc-typing-typed-color, inherit);
  font-family: var(--wc-typing-typed-font-family, inherit);
  font-size: var(--wc-typing-typed-font-size, inherit);
  font-weight: var(--wc-typing-typed-font-weight, inherit);
  font-style: var(--wc-typing-typed-font-style, inherit);
  line-height: var(--wc-typing-typed-line-height, inherit);
  letter-spacing: var(--wc-typing-typed-letter-spacing, inherit);
  text-transform: var(--wc-typing-typed-text-transform, inherit);
  text-decoration: var(--wc-typing-typed-text-decoration, inherit);
}

.wc-typing-text__after {
  color: var(--wc-typing-after-color, inherit);
  font-family: var(--wc-typing-after-font-family, inherit);
  font-size: var(--wc-typing-after-font-size, inherit);
  font-weight: var(--wc-typing-after-font-weight, inherit);
  font-style: var(--wc-typing-after-font-style, inherit);
  line-height: var(--wc-typing-after-line-height, inherit);
  letter-spacing: var(--wc-typing-after-letter-spacing, inherit);
  text-transform: var(--wc-typing-after-text-transform, inherit);
  text-decoration: var(--wc-typing-after-text-decoration, inherit);
}

.wc-typing-text__sizer {
  visibility: hidden;
}

.wc-typing-text__before::after {
  content: ' ';
  white-space: pre;
}

.wc-typing-text__after::before {
  content: ' ';
  white-space: pre;
}

.wc-typing-text__cursor {
  display: inline-block;
  width: 0.2em;
  height: calc(var(--wc-typing-typed-font-size, 80px) * 0.8);
  margin-left: -0.15em;
  background: var(
    --wc-typing-cursor-color,
    var(--wc-typing-typed-color, currentColor)
  );
  border-radius: 999px;
  flex: 0 0 auto;
  opacity: 1;
  transform: translateY(0.04em);
  animation: none;
}

.wc-typing-text__measure {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}

.wc-typing-text.is-static .wc-typing-text__cursor,
.wc-typing-text__cursor[hidden] {
  display: none;
}

.wc-typing-text.is-paused .wc-typing-text__cursor {
  animation: wc-typing-text-blink 0.85s steps(1, end) infinite;
}

.wc-typing-text.is-resetting .wc-typing-text__cursor {
  animation: wc-typing-text-blink 0.65s steps(1, end) infinite;
}

.wc-typing-text.is-deleting-burst .wc-typing-text__typed {
  opacity: 0;
  transform: translateY(-0.08em);
  transition:
    opacity 0.12s ease,
    transform 0.12s ease;
}

.wc-typing-text__typed {
  transition:
    opacity 0.16s ease,
    transform 0.16s ease;
}

.wc-typing-text.is-reduced-motion .wc-typing-text__cursor {
  /* animation: none; */
}

@keyframes wc-typing-text-blink {
  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wc-typing-text__cursor {
    animation: none;
  }
}