:host {
  /**
   * --background: Background of the skeleton text
   */
  --background: var(--lu-text-color, #000);
  display: inline-block;
  width: 100%;
  pointer-events: none;
  user-select: none;
}

span {
  display: inline-block;
  background: var(--background);
  font-size: 8px;
}

:host(.should-animate) span {
  background: linear-gradient(-45deg, #F1F1F1, #595B5F);
  background-size: 200% 100%;
  -webkit-animation: AnimationName 2s ease infinite;
  -moz-animation: AnimationName 2s ease infinite;
  animation: AnimationName 2s ease infinite;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}