/* Custom loading screen styles */
.loading.svelte-ro1nws.svelte-ro1nws {
  /* background-image: none !important; */
  background-image: none, linear-gradient(135deg, #0a2463 0%, #3e92cc 100%) !important;
  background-size: 120px auto, 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center, center !important;
  /* position: relative !important; */

}

.logo-footer.svelte-ro1nws,
.logo {
  display: none !important;
}

/* Add the "Loading Experience" text using :after pseudo-element */
.loading.svelte-ro1nws.svelte-ro1nws:after {
  content: "Loading Experience" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, 80px) !important; /* Position below the logo */
  color: white !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  font-family: sans-serif !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}