@import '../commonStyle/index.less';

.@{prefix}-typewriter-text {
  position: relative;
  display: inline-block;
  min-height: 1em;
  font-variant-ligatures: none;

  &-cursor {
    display: inline-block;
    margin-left: 4px;
    animation-name: pc-typewriter-cursor-blink;
    animation-timing-function: steps(1, end);
    animation-iteration-count: infinite;
    animation-fill-mode: both;
  }
}

@keyframes pc-typewriter-cursor-blink {
  0%,
  49% {
    opacity: 1;
  }

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