body,
html {
  height: 100%
}

body {
  background-color:#ffffff;
}

/* Wrapper for centering */
.loader-wrapper {
  position: absolute;
  visibility: hidden; 
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Full viewport height */
  width: 100vw; /* Full viewport width */
}

.loader {
  height: 15px;
  aspect-ratio: 5;
  display: grid;
  --_g1: no-repeat radial-gradient(farthest-side,#005d41df 94%,#0000);
  --_g2: no-repeat radial-gradient(farthest-side,#0051b2dd 94%,#0000);
  --_g3: no-repeat radial-gradient(farthest-side,#00b927b8 94%,#0000);
  --_g4: no-repeat radial-gradient(farthest-side,#004fa93e 94%,#0000);
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
  background:
    var(--_g1) 0% 50%,
    var(--_g2) 100% 50%;
  background-size: 20% 100%;
  animation: l32 2s infinite; 
}
.loader:after { 
  background:
    var(--_g3) 33.3% 50%,
    var(--_g4) 66.6% 50%;
  background-size: 20% 100%;
  animation-direction: reverse;
}
@keyframes l32 {
  80%,100% {transform:rotate(1turn)}
}

#lottie{
  position: absolute;
  width:100%;
  height:100%;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  user-select: none;
  display: block;
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
  opacity: 1;
  transition: opacity 1.0s; 
  -webkit-transition: opacity 1.0s;
  -moz-transition: opacity 1.0s;  
  z-index: 1000;
}

.lottie-bg{
  background-color:#ffffff;
}

#lottie.fade{
  opacity: 0;
}

.noscript{
  position: absolute;
  color: white;
  z-index: 1001;
}

.flutter-loader {
  display: none;
}