.onex-preloader{
  --onex-preloader-duration:1.5s;
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  place-items:center;
  padding:24px;
  background:#000;
  color:#fff;
  opacity:1;
  visibility:visible;
  transition:opacity .28s ease,visibility .28s ease;
}
.onex-preloader-pending .onex-preloader{display:grid;}
.onex-preloader.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.onex-preloader.is-gone{display:none;}
.onex-preloader__inner{
  width:min(360px,76vw);
  display:grid;
  justify-items:center;
  gap:14px;
}
.onex-preloader__logo-wrap{
  position:relative;
  width:min(220px,52vw);
  aspect-ratio:1125.9/210;
  overflow:hidden;
  filter:drop-shadow(0 0 14px rgba(189,24,240,.18));
}
.onex-preloader__logo-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:url("logo-site.svg") center / contain no-repeat;
  clip-path:inset(100% 0 0 0);
  animation:onexPreloaderLogoFill var(--onex-preloader-duration) linear forwards;
}
.onex-preloader__logo{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
  filter:brightness(0) invert(1);
}
.onex-preloader__scan{
  position:absolute;
  z-index:3;
  inset:-40% auto -40% -30%;
  width:20%;
  background:linear-gradient(90deg,transparent,rgba(189,24,240,.85),rgba(255,255,255,.72),rgba(189,24,240,.48),transparent);
  filter:blur(.4px);
  transform:skewX(-14deg);
  animation:onexPreloaderScan 1.05s cubic-bezier(.2,.7,.2,1) .12s infinite;
  mix-blend-mode:screen;
}
.onex-preloader__text{
  max-width:min(300px,72vw);
  margin:0;
  color:rgba(255,255,255,.72);
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
  text-align:center;
  text-shadow:0 0 12px rgba(189,24,240,.16);
}
.onex-preloader__progress{
  width:min(190px,46vw);
  height:3px;
  padding:1px;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(189,24,240,.2);
  background:rgba(255,255,255,.07);
}
.onex-preloader__progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  transform-origin:left center;
  transform:scaleX(0);
  will-change:transform;
  background:linear-gradient(90deg,#bd18f0 0%,#e063ff 52%,#fff 68%,#bd18f0 100%);
  box-shadow:0 0 14px rgba(189,24,240,.58);
  animation:onexPreloaderProgress var(--onex-preloader-duration) linear forwards;
}
.onex-preloader-pending body{overflow:hidden;}
@keyframes onexPreloaderScan{
  0%{left:-32%;opacity:0;}
  20%{opacity:.85;}
  76%{opacity:.85;}
  100%{left:110%;opacity:0;}
}
@keyframes onexPreloaderLogoFill{
  0%{clip-path:inset(100% 0 0 0);filter:drop-shadow(0 0 0 rgba(189,24,240,0));}
  100%{clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 16px rgba(189,24,240,.36));}
}
@keyframes onexPreloaderProgress{
  0%{transform:scaleX(0);}
  100%{transform:scaleX(1);}
}
@media (prefers-reduced-motion:reduce){
  .onex-preloader__scan{display:none;}
}