@keyframes lbaic-typing-indicator-gradient-animation {
  0% {
    background-position: 135% 50%;
  }

  50% {
    background-position: 0 50%;
  }

  100% {
    background-position: -50% 50%;
  }
}

& {
  .lbaic-typing-indicator {
    position: absolute;
    top: 4px;
    display: flex;
    align-items: center;
    line-height: var(--lbaic-lh-12);

    &-label {
      &-in {
        font-size: var(--lbaic-fs-12);
        font-weight: var(--lbaic-fw-400);
        line-height: var(--lbaic-lh-14);
        letter-spacing: -0.15px;
        animation: lbaic-typing-indicator-gradient-animation 2s ease-in-out infinite;
        background-clip: text;
        -webkit-background-clip: text;
        background-image: linear-gradient(to right, #666 25%, var(--lbaic-main) 50%, #666 75%);
        background-position: 130% 50%;
        background-size: 200% auto;
        -webkit-text-fill-color: transparent;
        will-change: transform;
      }
    }
  }
}