.bbr-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 3rem 1.5rem;
  text-align: center;
}
.bbr-empty-state__icon {
  font-size: 3rem;
  line-height: 1;
  opacity: 0.45;
}
.bbr-empty-state__icon:not([class*=is-]) {
  color: #aaa;
}
.bbr-empty-state__icon.is-primary {
  color: #00d1b2;
}
.bbr-empty-state__icon.is-link {
  color: #485fc7;
}
.bbr-empty-state__icon.is-info {
  color: #3e8ed0;
}
.bbr-empty-state__icon.is-success {
  color: #48c774;
}
.bbr-empty-state__icon.is-warning {
  color: #ffe08a;
}
.bbr-empty-state__icon.is-danger {
  color: #f14668;
}
.bbr-empty-state__title {
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0;
}
.bbr-empty-state__title:not([class*=is-]) {
  color: #4a4a4a;
}
.bbr-empty-state__title.is-primary {
  color: #00d1b2;
}
.bbr-empty-state__title.is-link {
  color: #485fc7;
}
.bbr-empty-state__title.is-info {
  color: #3e8ed0;
}
.bbr-empty-state__title.is-success {
  color: #48c774;
}
.bbr-empty-state__title.is-warning {
  color: #ffe08a;
}
.bbr-empty-state__title.is-danger {
  color: #f14668;
}
.bbr-empty-state__description {
  margin: 0;
  color: #7a7a7a;
  max-width: 36ch;
}
.bbr-empty-state__action {
  margin-top: 0.25rem;
}
.bbr-empty-state--compact {
  flex-direction: row;
  padding: 1rem;
  gap: 0.75rem;
  text-align: left;
  align-items: center;
}
.bbr-empty-state--compact .bbr-empty-state__icon {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.bbr-empty-state--compact .bbr-empty-state__title {
  font-size: 1rem;
}