@media (prefers-color-scheme: dark) {
  :root {
    --blazor-splash-background-color: rgba(24, 24, 27, 0.85);
  }
  #blazor-splash-screen .light-image {
    display: none;
  }
  #blazor-splash-screen .dark-image {
    display: block;
  }
}
@media (prefers-color-scheme: light) {
  :root {
    --blazor-splash-background-color: rgba(212, 212, 216, 0.85);
  }
  #blazor-splash-screen .light-image {
    display: block;
  }
  #blazor-splash-screen .dark-image {
    display: none;
  }
}
:root {
  --blazor-splash-accent-color: #C4940C;
}

#blazor-splash-screen {
  background-color: var(--blazor-splash-background-color);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
#blazor-splash-screen .wrapper {
  position: absolute;
  left: calc(50% - 6rem);
  right: calc(50% - 6rem);
  top: calc(50% - 6rem);
  bottom: calc(50% - 6rem);
  width: 12rem;
  height: 12rem;
  box-shadow: 0 0 100px 10px black;
  border-radius: 100% 100%;
}
#blazor-splash-screen .loading-progress,
#blazor-splash-screen .splash-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#blazor-splash-screen .splash-image {
  padding: 10%;
}
#blazor-splash-screen .loading-progress {
  display: block;
  width: 12rem;
  height: 12rem;
}
#blazor-splash-screen .loading-progress circle {
  fill: none;
  stroke: transparent;
  stroke-width: 0.5rem;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
#blazor-splash-screen .loading-progress circle:first-child {
  stroke: transparent;
  stroke-dasharray: calc(3.141 * var(100%---blazor-load-percentage, 0%)), 500%;
  transition: stroke-dasharray 0.05s ease-in-out;
}
#blazor-splash-screen .loading-progress circle:last-child {
  stroke: var(--blazor-splash-accent-color);
  stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%)), 500%;
  transition: stroke-dasharray 0.05s ease-in-out;
}

/*# sourceMappingURL=blazor-splash-screen.css.map */