@font-face {
  font-family: "Ubuntu-sans";
  font-style: normal;
  font-weight: 380 700;
  font-stretch: 100%;
  src: local("UbuntuSans-VariableFont_wdth"), url("fonts/ubuntu-sans/UbuntuSans-VariableFont_wdth.woff2") format("woff2"), url("fonts/ubuntu-sans/UbuntuSans-VariableFont_wdth") format("woff"), url("fonts/ubuntu-sans/UbuntuSans-VariableFont_wdth.ttf") format("truetype");
}
.loading-progress {
  display: none;
}

.loading-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Ubuntu-sans", sans-seris;
  font-size: 0 !important;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.loading-progress-text::before {
  content: "";
  width: 40px;
  height: 40px;
  mask: url("img/Preloader.svg") center/cover no-repeat;
  -webkit-mask: url("img/Preloader.svg") center/cover no-repeat;
  background-color: #1F65EB;
  animation: loader-rotation 0.5s infinite;
}
.loading-progress-text:after {
  content: var(--blazor-load-percentage-text, "Loading");
  font-size: 0 !important;
}

@keyframes loader-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-opcity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}