:root {
  --animate-duration: 1s;
}

:host {
  display: block;
}

.animated-background {
  animation-duration: 6s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f1f1f1;
  background: linear-gradient(to right, #eeeeee 10%, #f9f9f9 20%, #eeeeee 35%);
  background-size: 800px 104px;
  position: relative;
  border-radius: 5px;
}

.animated-background.width-170 {
  height: 16px;
  width: 170px;
}

.animated-background.width-210 {
  height: 16px;
  width: 210px;
}

.animated-background.width-150 {
  height: 16px;
  width: 150px;
  margin: var(--sdx-baseline-3) auto;
}