.bi-empty-state, .bi-empty-state--loading {
  display: flex;
  flex-direction: column;
  font-family: 'bi-ui';
  align-items: center; }
  .bi-empty-state > *, .bi-empty-state--loading > * {
    display: flex;
    justify-content: center; }
  .bi-empty-state .bi-empty-state-icon .bi-icon, .bi-empty-state--loading .bi-empty-state-icon .bi-icon {
    font-size: 80px; }
  .bi-empty-state .bi-empty-state-image, .bi-empty-state--loading .bi-empty-state-image {
    width: 150px;
    margin-bottom: 10px; }
  .bi-empty-state .bi-empty-state-header, .bi-empty-state--loading .bi-empty-state-header {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 300; }
  .bi-empty-state .bi-empty-state-header + .bi-empty-state-content, .bi-empty-state--loading .bi-empty-state-header + .bi-empty-state-content {
    margin-top: 3px; }
  .bi-empty-state .bi-empty-state-content, .bi-empty-state--loading .bi-empty-state-content {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400; }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.bi-empty-state--loading:before {
  animation: rotate .5s linear infinite; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.bi-empty-state--loading:before {
  animation: rotate .5s linear infinite; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bi-empty-state--loading {
  align-items: center; }
  .bi-empty-state--loading:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid #2196F3;
    border-right-color: transparent;
    border-radius: 100px; }

.bi-theme--lighter .bi-empty-state,
.bi-theme--lighter .bi-empty-state--loading {
  color: #686b73; }

.bi-theme--light .bi-empty-state,
.bi-theme--light .bi-empty-state--loading {
  color: #686b73; }

.bi-theme--light .bi-theme--lighter .bi-empty-state,
.bi-theme--light .bi-theme--lighter .bi-empty-state--loading {
  color: #686b73; }

.bi-theme--dark .bi-empty-state,
.bi-theme--dark .bi-empty-state--loading {
  color: #9a9da2; }

.bi-theme--darker .bi-empty-state,
.bi-theme--darker .bi-empty-state--loading {
  color: #9a9da2; }