.appios-preloader {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  background: #f7f4ec;
  contain: strict;
}

.appios-preloader__mark {
  position: relative;
  width: clamp(4.5rem, 9vw, 6rem);
  aspect-ratio: 1;
}

.appios-preloader__layer {
  position: absolute;
  inset: 0;
  background: center / contain no-repeat url("/assets/brand/appios-icon-orbital-2026-v3-192.png");
}

.appios-preloader__center {
  -webkit-mask: radial-gradient(circle, #000 0 29%, transparent 29.5%);
  mask: radial-gradient(circle, #000 0 29%, transparent 29.5%);
}

.appios-preloader__orbit {
  -webkit-mask: radial-gradient(circle, transparent 0 29%, #000 29.5%);
  mask: radial-gradient(circle, transparent 0 29%, #000 29.5%);
  animation: appios-preloader-orbit 900ms linear infinite;
  will-change: transform;
}

@keyframes appios-preloader-orbit {
  to { transform: rotate(1turn); }
}

@media (prefers-reduced-motion: reduce) {
  .appios-preloader__orbit {
    animation: none;
    will-change: auto;
  }
}

@media (forced-colors: active) {
  .appios-preloader { background: Canvas; }
}
