#preloader {
  background-color: #050505;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
}
#preloader-center {
  width: 100%;
  height: 100%;
  position: relative;
}
#preloader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56px;
  height: 12px;
  margin-top: -6px;
  margin-left: -28px;
  display: flex;
  gap: 8px;
}
.preloader-dot {
  width: 12px;
  height: 12px;
  background-color: #00A3FF;
  border-radius: 50%;
  flex-shrink: 0;
  animation: pd-pulse 1.2s ease-in-out infinite;
}
.preloader-dot:nth-child(2) { animation-delay: -0.4s; }
.preloader-dot:nth-child(3) { animation-delay: -0.8s; }

@keyframes pd-pulse {
  0%, 80%, 100% { transform: scale(0.4); opacity: 0.3; }
  40%            { transform: scale(1);   opacity: 1;   }
}