.bb-spinner-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #333333;
  z-index: -1;
}
.bb-spinner-wrapper {
  box-sizing: content-box !important;
  width: 92px;
  height: 92px;
  background-color: #eeeeee;
  padding: 6px;
  border: 6px solid #6441a5;
  border-radius: 50%;
  position: absolute;
  top: calc(50vh - 58px); /* (92/2)+6+6) */
  left: calc(50vw - 58px);
}
.bb-spinner {
  position: absolute;
  left: 26px;
  width: 52px;
  height: 92px;
  background-image: url('data:image/gif;base64,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');
  background-repeat: no-repeat;
  background-size: 52px 92px; /* 104 x 184 native */
}
.bb-spinner > div {
  position: absolute;
  background-color: #6441a5;
  width: 4px;
  height: 50px;
  animation: bb-stretchdelay 0.6s infinite ease-in-out, bb-bg-colour-shift 0.6s infinite ease-in-out;
}
.bb-spinner .rect1 {
  top: 27px;
  left: 20px;
  animation-delay: -0.7s;
}
.bb-spinner .rect2 {
  top: 23px;
  left: 28px;
  animation-delay: -0.6s;
}
.bb-spinner .rect3 {
  top: 19px;
  left: 35px;
  animation-delay: -0.5s;
}
.bb-spinner .rect4 {
  top: 15px;
  left: 42px;
  animation-delay: -0.4s;
}
@keyframes bb-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
@keyframes bb-bg-colour-shift {
  from {
    background-color: #6441a5;
  }
  to {
    background-color: #008383;
  }
}
