html.gj-preloading,
html.gj-preloading body {
  overflow: hidden !important;
}

html.gj-preloading body > :not(.gj-preloader):not(script):not(style):not(link):not(template) {
  visibility: hidden !important;
}

html.gj-preloading body > .gj-preloader {
  visibility: visible !important;
}

.gj-preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 45%, #BBDFEE 0%, #76A5C8 42%, #325A77 100%);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  overflow: hidden;
  isolation: isolate;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 1100ms cubic-bezier(.76, 0, .24, 1),
    transform 1100ms cubic-bezier(.76, 0, .24, 1),
    visibility 1100ms cubic-bezier(.76, 0, .24, 1);
  animation: gjPreloaderBackgroundBreathe 3000ms cubic-bezier(.45, 0, .2, 1) both;
}

.gj-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, -2.4svh, 0);
}

.gj-preloader-aura {
  position: absolute;
  inset: -18vmax;
  z-index: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0) 58%),
    conic-gradient(from 115deg, rgba(255, 255, 255, .16), rgba(252, 236, 215, .08), rgba(255, 255, 255, .18), rgba(187, 223, 238, .08), rgba(255, 255, 255, .16));
  filter: blur(14px);
  opacity: 0;
  transform: scale(.86) rotate(0deg);
  animation:
    gjPreloaderAuraReveal 1100ms cubic-bezier(.16, 1, .3, 1) forwards,
    gjPreloaderAuraHold 1800ms ease-in-out 1100ms infinite alternate;
}

.gj-preloader-logo {
  position: relative;
  z-index: 2;
  width: clamp(92px, 13vw, 180px);
  height: auto;
  transform: translate3d(0, 10px, 0) scale(.86);
  opacity: 0;
  filter: drop-shadow(0 16px 42px rgba(0, 0, 0, .24));
  animation:
    gjPreloaderLogoReveal 1100ms cubic-bezier(.16, 1, .3, 1) forwards,
    gjPreloaderLogoHold 1800ms ease-in-out 1100ms infinite alternate;
}

.gj-preloader-ring {
  position: absolute;
  z-index: 1;
  width: clamp(150px, 22vw, 300px);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .18);
  box-shadow:
    inset 0 0 48px rgba(255, 255, 255, .12),
    0 26px 72px rgba(12, 45, 70, .18);
  transform: scale(.78) rotate(-10deg);
  opacity: 0;
  animation:
    gjPreloaderRingReveal 1100ms cubic-bezier(.16, 1, .3, 1) forwards,
    gjPreloaderRingHold 1800ms ease-in-out 1100ms infinite alternate;
}

@keyframes gjPreloaderBackgroundBreathe {
  0% {
    background-size: 100% 100%;
  }

  55% {
    background-size: 122% 122%;
  }

  100% {
    background-size: 112% 112%;
  }
}

@keyframes gjPreloaderAuraReveal {
  to {
    opacity: .78;
    transform: scale(1) rotate(16deg);
  }
}

@keyframes gjPreloaderAuraHold {
  from {
    opacity: .66;
    transform: scale(.99) rotate(16deg);
  }

  to {
    opacity: .88;
    transform: scale(1.04) rotate(24deg);
  }
}

@keyframes gjPreloaderLogoReveal {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: drop-shadow(0 18px 44px rgba(0, 0, 0, .28)) drop-shadow(0 0 24px rgba(255, 255, 255, .22));
  }
}

@keyframes gjPreloaderLogoHold {
  from {
    filter: drop-shadow(0 18px 44px rgba(0, 0, 0, .26)) drop-shadow(0 0 16px rgba(255, 255, 255, .16));
  }

  to {
    filter: drop-shadow(0 20px 48px rgba(0, 0, 0, .30)) drop-shadow(0 0 30px rgba(255, 255, 255, .26));
  }
}

@keyframes gjPreloaderRingReveal {
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes gjPreloaderRingHold {
  from {
    border-color: rgba(255, 255, 255, .18);
    transform: scale(1) rotate(0deg);
  }

  to {
    border-color: rgba(255, 255, 255, .34);
    transform: scale(1.025) rotate(6deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gj-preloader {
    transition: opacity 160ms ease, visibility 160ms ease;
    animation: none !important;
  }

  .gj-preloader-aura,
  .gj-preloader-logo,
  .gj-preloader-ring {
    animation: none !important;
    opacity: 1;
    transform: scale(1);
  }

  .gj-preloader-aura {
    opacity: .42;
  }
}