/* [project]/components/ui/admin-loading.module.css [app-client] (css) */
.admin-loading-module__37TYOG__app {
  background: #f7f6fa;
  place-items: center;
  min-height: 100dvh;
  padding: 24px;
  animation: .3s ease-out both admin-loading-module__37TYOG__appear;
  display: grid;
}

html[data-theme="dark"] .admin-loading-module__37TYOG__app {
  background: #111217;
}

.admin-loading-module__37TYOG__page {
  width: 100%;
  min-width: 0;
  min-height: max(280px, calc(100dvh - var(--sa-header-height, 129px) - 68px));
  place-items: center;
  padding-top: 20px;
  animation: .3s ease-out both admin-loading-module__37TYOG__appear;
  display: grid;
}

.admin-loading-module__37TYOG__scene {
  text-align: center;
  justify-items: center;
  gap: 18px;
  width: min(320px, 100%);
  padding: 32px 16px;
  display: grid;
}

.admin-loading-module__37TYOG__symbol {
  isolation: isolate;
  place-items: center;
  width: 88px;
  height: 88px;
  display: grid;
  position: relative;
}

.admin-loading-module__37TYOG__symbol:before {
  z-index: -1;
  content: "";
  background: radial-gradient(circle, #9433dd21, #0000 70%);
  border-radius: 50%;
  position: absolute;
  inset: -26px;
}

.admin-loading-module__37TYOG__symbol > i {
  border: 2px solid #8b22db;
  border-color: #8b22db #c58cec #8b22db1a #8b22db1a;
  border-radius: 50%;
  animation: 1.8s linear infinite admin-loading-module__37TYOG__orbit;
  position: absolute;
  inset: 0;
}

.admin-loading-module__37TYOG__symbol > i:nth-child(2) {
  border-color: #f0b338 #f4b23224 #f4b23224;
  animation-duration: 2.4s;
  animation-direction: reverse;
  inset: 9px;
}

.admin-loading-module__37TYOG__symbol > b {
  color: #fff;
  background: linear-gradient(145deg, #a237e9, #741bc0);
  border: 1px solid #ffffff4d;
  border-radius: 15px;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  display: grid;
  box-shadow: 0 8px 22px #7e1ec233;
}

.admin-loading-module__37TYOG__brand {
  color: #8b22db;
  letter-spacing: .22em;
  font-size: 10px;
  font-weight: 850;
}

.admin-loading-module__37TYOG__caption {
  color: #847b8c;
  align-items: center;
  gap: 8px;
  min-height: 22px;
  margin: -10px 0 0;
  font-size: 13px;
  font-weight: 550;
  display: flex;
}

.admin-loading-module__37TYOG__dots {
  gap: 3px;
  display: inline-flex;
}

.admin-loading-module__37TYOG__dots > i {
  background: #a45bd7;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  animation: 1.4s ease-in-out infinite admin-loading-module__37TYOG__pulse;
}

.admin-loading-module__37TYOG__dots > i:nth-child(2) {
  animation-delay: .16s;
}

.admin-loading-module__37TYOG__dots > i:nth-child(3) {
  animation-delay: .32s;
}

html[data-theme="dark"] .admin-loading-module__37TYOG__brand {
  color: #cb98ef;
}

html[data-theme="dark"] .admin-loading-module__37TYOG__caption {
  color: #b7acbf;
}

html[data-theme="dark"] .admin-loading-module__37TYOG__symbol > i {
  border-color: #be80ea #8b49bf #c792eb24 #c792eb24;
}

html[data-theme="dark"] .admin-loading-module__37TYOG__symbol > i:nth-child(2) {
  border-color: #f0b338 #f4b2321a #f4b2321a;
}

@keyframes admin-loading-module__37TYOG__orbit {
  to {
    transform: rotate(1turn);
  }
}

@keyframes admin-loading-module__37TYOG__pulse {
  0%, 70%, 100% {
    opacity: .3;
    transform: translateY(0);
  }

  35% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@keyframes admin-loading-module__37TYOG__appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-loading-module__37TYOG__app, .admin-loading-module__37TYOG__page, .admin-loading-module__37TYOG__symbol > i, .admin-loading-module__37TYOG__dots > i {
    animation: none;
  }
}

/*# sourceMappingURL=components_ui_admin-loading_module_0d7aes3.css.map*/