body {
  font-family: 'Lato', sans-serif !important;
}

#app:not(:empty) + #splash {
  display: none !important;
}

#splash {
  color: #4A4A4A;
  height: 100%;
  text-align: center;
  margin-top: 5em;
}

#splash-wait {
  font-size: 2em;
  padding: 0.5em;
}

#splash-loading {
  background: #D8D8D8;
  /* height: 8px; */
  margin: 3em auto;
  /* overflow: hidden; */
  width: 100%;
}

/*
#splash-loading:after {
  animation: splash-loading 1.5s linear infinite;
  background: #22AD5B;
  border-radius: 8px;
  content: ' ';
  display: block;
  height: 100%;
  position: relative;
  right: 10%;
  width: 10%;
  will-change: auto;
} */
/*
@keyframes splash-loading {
  0% {
    right: 10%;
  }
  
  15% {
    right: 0;
    width: 10%;
  }

  30% {
    right: -30%;
    width: 30%;
  }
  
  45% {
    right: -45%;
    width: 45%;
  }
  
  60% {
    right: -60%;
  }
  
  75% {
    right: -75%;
    width: 25%;
  }
  
  90% {
    right: -90%;
    width: 10%;
  }
  
  100% {
    right: -100%;
  }
} */




/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
#splash-loading {
  width: 50px;
  aspect-ratio: 1;
  display:grid;
  -webkit-mask: conic-gradient(from 15deg,#0000,#000);
  animation: l26 1s infinite steps(12);
}
#splash-loading,
#splash-loading:before,
#splash-loading:after{
  background:
    radial-gradient(closest-side at 50% 12.5%,
     #f03355 96%,#0000) 50% 0/20% 80% repeat-y,
    radial-gradient(closest-side at 12.5% 50%,
     #f03355 96%,#0000) 0 50%/80% 20% repeat-x;
}
#splash-loading:before,
#splash-loading:after {
  content: "";
  grid-area: 1/1;
  transform: rotate(30deg);
}
#splash-loading:after {
  transform: rotate(60deg);
}

@keyframes l26 {
  100% {transform:rotate(1turn)}
}

/* #splash-loading {
  width: 250px;
  height: 20px;
  -webkit-mask: linear-gradient(90deg,#000 70%,#0000 0) left/20% 100%;
  background:
   linear-gradient(#000 0 0) left -25% top 0 /20% 100% no-repeat
   #ddd;
  animation: l7 1s infinite steps(6);
}
@keyframes l7 {
    100% {background-position: right -25% top 0}
} */