:host {
  display: block;
  overflow: hidden;
}

.grit-ghost-bar {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--grit-skeleton-gradient-start);
}

.grit-shimmer {
  will-change: background-position;
  background: linear-gradient(90deg, var(--grit-skeleton-gradient-start) 0%, var(--grit-skeleton-gradient-end) 20%, var(--grit-skeleton-gradient-start) 100%);
  background-size: 200% 100%;
  animation: shimmer 1s linear reverse infinite;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 200% 100%;
  }
}

@keyframes shimmer {
  0% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 200% 100%;
  }
}