#preloader {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s, visibility 0.5s;
  z-index: 9999;
}
#preloader.hide {
  opacity: 0;
  visibility: hidden;
}
.preloader-content { text-align: center; }
.spinner-ring {
  position: relative;
  width: 180px;
  height: 180px;
}
.loader-logo {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 60px; z-index: 2;
}
/*.pulse-dot-container {*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  animation: rotate 1.5s linear infinite;*/
/*}*/
/*.pulse-dot {*/
/*  --total: 12;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  background-color: #f46706;*/
/*  border-radius: 50%;*/
/*  transform: rotate(calc(30deg * var(--i))) translateY(-75px);*/
/*  width: calc(16px - var(--i)*0.5px);*/
/*  height: calc(16px - var(--i)*0.5px);*/
/*  opacity: 0;*/
/*  animation: pulse 5.2s ease-in-out infinite;*/
/*  animation-delay: calc(var(--i) * 0.1s);*/
/*}*/
/*@keyframes rotate {*/
/*  to { transform: rotate(360deg); }*/
/*}*/
/*@keyframes pulse {*/
/*  0%, 100% { opacity: 0.2; }*/
/*  50% { opacity: 1; }*/
/*}*/