html.outsight-loader-pending,
html.outsight-loader-pending body {
  overflow: hidden !important;
}

.outsight-page-loader,
.outsight-page-loader * {
  box-sizing: border-box;
}

.outsight-page-loader {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 44%, rgba(251, 191, 36, .17), transparent 20rem),
    linear-gradient(145deg, #050505, #14130f);
  color: #fff;
  font-family: "Segoe UI", Inter, Arial, sans-serif;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition:
    opacity .52s ease,
    visibility .52s ease,
    transform .52s ease;
}

.outsight-page-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .07;
  background-image:
    linear-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .14) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at center, #000, transparent 72%);
  pointer-events: none;
}

.outsight-page-loader.is-leaving {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  pointer-events: none;
}

.outsight-loader-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(251, 191, 36, .07);
  border-radius: 50%;
  transform: translate(-50%, -58%);
  box-shadow:
    0 0 90px rgba(251, 191, 36, .05),
    inset 0 0 90px rgba(251, 191, 36, .03);
  animation: outsight-glow 2.4s ease-in-out infinite;
}

.outsight-loader-orbit {
  position: relative;
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  border-radius: 50%;
  animation: outsight-logo-arrive .7s cubic-bezier(.2, .8, .2, 1) both;
}

.outsight-loader-orbit::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(251, 191, 36, .45);
  border-radius: 50%;
  background: #050505;
  box-shadow:
    0 0 38px rgba(251, 191, 36, .18),
    inset 0 0 22px rgba(251, 191, 36, .08);
}

.outsight-loader-orbit img {
  position: relative;
  z-index: 2;
  width: 68px;
  height: 68px;
  max-width: none;
  border: 0;
  border-radius: 50%;
  object-fit: cover;
}

.outsight-loader-orbit i {
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  border-top-color: #fbbf24;
  border-right-color: rgba(251, 191, 36, .38);
  border-radius: 50%;
  animation: outsight-orbit 1s linear infinite;
}

.outsight-loader-orbit i:last-child {
  inset: -7px;
  opacity: .35;
  animation-direction: reverse;
  animation-duration: 1.55s;
}

.outsight-page-loader > strong,
.outsight-page-loader > b,
.outsight-page-loader > small,
.outsight-loader-progress {
  position: relative;
  z-index: 2;
  animation: outsight-text-arrive .55s ease both;
}

.outsight-page-loader > strong {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .12em;
  animation-delay: .16s;
}

.outsight-page-loader > b {
  margin-top: 5px;
  color: #fbbf24;
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .34em;
  animation-delay: .24s;
}

.outsight-page-loader > small {
  margin-top: 13px;
  color: #a9a397;
  font-size: 8px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .16em;
  animation-delay: .32s;
}

.outsight-loader-progress {
  width: 112px;
  height: 2px;
  margin-top: 23px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, .11);
  animation-delay: .4s;
}

.outsight-loader-progress i {
  display: block;
  width: 50%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, #fbbf24, transparent);
  animation: outsight-load-sweep 1.15s ease-in-out infinite;
}

@keyframes outsight-orbit {
  to { transform: rotate(360deg); }
}

@keyframes outsight-load-sweep {
  from { transform: translateX(-110%); }
  to { transform: translateX(220%); }
}

@keyframes outsight-logo-arrive {
  from { opacity: 0; transform: translateY(10px) scale(.9); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes outsight-text-arrive {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes outsight-glow {
  0%, 100% { opacity: .65; transform: translate(-50%, -58%) scale(.96); }
  50% { opacity: 1; transform: translate(-50%, -58%) scale(1.04); }
}

@media (max-width: 480px) {
  .outsight-page-loader::before {
    background-size: 54px 54px;
  }

  .outsight-loader-glow {
    width: 270px;
    height: 270px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .outsight-page-loader,
  .outsight-page-loader *,
  .outsight-page-loader *::before,
  .outsight-page-loader *::after {
    animation-duration: .01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}