.c-skeleton__tb {
  width: 0;
  height: 0;
}
.c-skeleton__tb--radius {
  border-radius: 4px;
}
.c-skeleton__tb--circle {
  border-radius: 50%;
}
.c-skeleton__tb--opacity {
  opacity: 1;
  animation: opacity 2s linear infinite normal;
}
.c-skeleton__tb--gradient {
  background: linear-gradient(to right, rgba(220, 220, 220, 0.4) 13%, gainsboro 14%);
  animation: gradient 1s linear infinite normal;
  background-size: 200% 100%;
}
.c-skeleton__tb--flexouter {
  animation: flex-outer 0.5s linear infinite normal;
}
.c-skeleton__tb--flexinner {
  animation: flex-inner 0.5s linear infinite normal;
}

@keyframes gradient {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes opacity {
  0% {
    opacity: 0.95;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flex-inner {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
@keyframes flex-outer {
  0% {
    width: 100%;
  }
  50% {
    width: 150%;
  }
  100% {
    width: 100%;
  }
}

/*# sourceMappingURL=skeleton.css.map */