#blazor-error-ui {
  display: none;
  font-size: 2rem;
}

#blazor-error-ui #blazor-error-wrapper {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: opacity(85%);
  color: #ef4444;
}
#blazor-error-ui #blazor-error-wrapper a {
  color: #ef4444;
  font-weight: bold;
}

@media (prefers-color-scheme: dark) {
  #blazor-error-ui #blazor-error-wrapper {
    background-color: rgba(24, 24, 27, 0.85);
  }
}
@media (prefers-color-scheme: light) {
  #blazor-error-ui #blazor-error-wrapper {
    background-color: rgba(212, 212, 216, 0.85);
  }
}
#blazor-loading-ui {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#blazor-loading-ui #blazor-loading-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  box-shadow: 0 0 100px 10px black;
  border-radius: 100% 100%;
}
#blazor-loading-ui #blazor-loading-wrapper .loading-progress {
  border-radius: 100% 100%;
  fill: transparent;
  stroke: #C4940C;
  stroke-width: 5px;
  stroke-linecap: round;
  stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%)), 500%;
  transition: stroke-dasharray 0.05s ease-in-out;
}
#blazor-loading-ui #blazor-loading-wrapper img, #blazor-loading-ui #blazor-loading-wrapper .loading-progress {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
}
#blazor-loading-ui img {
  padding: 1rem;
  display: none;
}

@media (prefers-color-scheme: dark) {
  #blazor-loading-ui {
    background-color: rgba(24, 24, 27, 0.85);
  }
  #blazor-loading-ui .dark-image {
    display: block;
  }
}
@media (prefers-color-scheme: light) {
  #blazor-loading-ui {
    background-color: rgba(212, 212, 216, 0.85);
  }
}
html, body {
  font-family: "Poppins", sans-serif;
  color: #545454;
}

/*# sourceMappingURL=common.css.map */
