/* SGI black splash loading system v5
   The splash is an overlay only. It never changes the real site's background.
*/

.sgi-boot-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.sgi-boot-splash[hidden] {
  display: none !important;
}

.sgi-boot-splash img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
}

.sgi-boot-splash.is-leaving {
  opacity: 0;
  transition: opacity 90ms linear;
}

#app {
  opacity: 1;
  transform: none;
}

@supports (content-visibility: auto) {
  .section,
  .related-content,
  .section-gap-36 {
    content-visibility: auto;
    contain-intrinsic-size: auto 520px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sgi-boot-splash.is-leaving {
    transition: none !important;
  }
}