/* Front-end: force a white page with only the loader visible */
.abr-loader{
  position: fixed;
  inset: 0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2147483647;
}

/* Hide other page content behind overlay (still present, but not visible/clickable) */
body{ overflow: hidden !important; }

.abr-ring{
  width: 66px;
  height: 66px;
  border-radius: 999px;
  background: conic-gradient(from 0deg, rgba(0,0,0,.78), rgba(0,0,0,.10), rgba(0,0,0,.78));
  -webkit-mask: radial-gradient(circle, transparent 56%, #000 58%);
          mask: radial-gradient(circle, transparent 56%, #000 58%);
  animation: abrSpin .85s linear infinite;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.10));
}

@keyframes abrSpin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .abr-ring{ animation: none; }
}