/* [project]/src/styles/goserv-loader.css [app-client] (css) */
.gsload {
  color: #f4f2ec;
  background: radial-gradient(1px 1px at 12% 20%, #fff9, #0000 60%), radial-gradient(1px 1px at 78% 30%, #ffffff73, #0000 60%), radial-gradient(1.5px 1.5px at 40% 80%, #ffdcbeb3, #0000 60%), radial-gradient(1px 1px at 88% 75%, #ffffff80, #0000 60%), #0d1424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  min-height: calc(100vh - 64px);
  padding: 3rem 1rem;
  font-family: DM Sans, system-ui, sans-serif;
  display: flex;
}

.gsload--inline {
  background: none;
  min-height: 0;
  padding: 2rem 1rem;
}

.gsload__scene {
  width: 120px;
  height: 120px;
  position: relative;
}

.gsload__halo {
  background: radial-gradient(circle, #ff6a134d 0%, #ff6a130f 55%, #0000 72%);
  border-radius: 50%;
  position: absolute;
  inset: -10%;
}

.gsload__planet {
  position: absolute;
  inset: 26%;
}

.gsload__body {
  background: radial-gradient(circle at 32% 28%, #ffb37a 0%, #ff7a22 28%, #e2530a 58%, #6b2204 92%);
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: inset -6px -8px 14px #00000073;
}

.gsload__ring {
  border: 2px solid #ffb088a6;
  border-radius: 50%;
  height: 24%;
  position: absolute;
  top: 38%;
  left: -40%;
  right: -40%;
  transform: rotate(-14deg);
}

.gsload__ring--back {
  clip-path: inset(0 0 50%);
  opacity: .55;
}

.gsload__ring--front {
  clip-path: inset(50% 0 0);
  z-index: 1;
}

.gsload__orbit {
  border: 1px dashed #94aadc40;
  border-radius: 50%;
  animation: 1.4s linear infinite gsload-orbit;
  position: absolute;
  inset: 0;
}

.gsload__moon {
  background: radial-gradient(circle at 35% 30%, #fff, #c9ccd3 60%, #8b8d93);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  position: absolute;
  top: -6px;
  left: 50%;
  box-shadow: 0 0 10px #ffffff80;
}

.gsload__label {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  display: flex;
}

.gsload__label strong {
  font-family: Outfit, DM Sans, system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
}

.gsload__label span {
  color: #b4bccd;
  font-size: .9rem;
}

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

@media (prefers-reduced-motion: reduce) {
  .gsload__orbit {
    animation-duration: 4s;
  }
}

/*# sourceMappingURL=src_styles_goserv-loader_0qtnczg.css.map*/