@keyframes bbr-skeleton-shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.bbr-skeleton__button, .bbr-skeleton__avatar, .bbr-skeleton__block, .bbr-skeleton__text {
  background: linear-gradient(90deg, hsl(0, 0%, 88%) 25%, hsl(0, 0%, 94%) 50%, hsl(0, 0%, 88%) 75%);
  background-size: 800px 100%;
  animation: bbr-skeleton-shimmer 1.4s infinite linear;
  border-radius: 4px;
}

.bbr-skeleton__text {
  height: 1em;
  width: 100%;
}
.bbr-skeleton__text-group {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  width: 100%;
}
.bbr-skeleton__block {
  width: 100%;
  height: 1rem;
}
.bbr-skeleton__avatar {
  border-radius: 50%;
  flex-shrink: 0;
}
.bbr-skeleton__avatar--square {
  border-radius: 4px;
}
.bbr-skeleton__button {
  border-radius: 4px;
}