#bt-boot {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

#bt-boot .bt-ios-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  flex-shrink: 0;
}

#bt-boot .bt-ios-spinner__bar {
  position: absolute;
  left: 18.75px;
  top: 6px;
  width: 2.5px;
  height: 7px;
  border-radius: 1.25px;
  background: #fff;
  transform-origin: 50% 14px;
  opacity: 0.15;
  animation: bt-ios-spinner-fade 0.8s linear infinite;
  will-change: opacity;
}

#bt-boot .bt-ios-spinner__bar:nth-child(1) { transform: rotate(0deg); animation-delay: -0.7s; }
#bt-boot .bt-ios-spinner__bar:nth-child(2) { transform: rotate(45deg); animation-delay: -0.6s; }
#bt-boot .bt-ios-spinner__bar:nth-child(3) { transform: rotate(90deg); animation-delay: -0.5s; }
#bt-boot .bt-ios-spinner__bar:nth-child(4) { transform: rotate(135deg); animation-delay: -0.4s; }
#bt-boot .bt-ios-spinner__bar:nth-child(5) { transform: rotate(180deg); animation-delay: -0.3s; }
#bt-boot .bt-ios-spinner__bar:nth-child(6) { transform: rotate(225deg); animation-delay: -0.2s; }
#bt-boot .bt-ios-spinner__bar:nth-child(7) { transform: rotate(270deg); animation-delay: -0.1s; }
#bt-boot .bt-ios-spinner__bar:nth-child(8) { transform: rotate(315deg); animation-delay: 0s; }

@keyframes bt-ios-spinner-fade {
  0% { opacity: 1; }
  39% { opacity: 0.15; }
  100% { opacity: 0.15; }
}

@media (prefers-reduced-motion: reduce) {
  #bt-boot .bt-ios-spinner__bar {
    animation: bt-ios-spinner-fade 0.8s linear infinite !important;
    animation-duration: 0.8s !important;
    animation-iteration-count: infinite !important;
  }
}