#loadingDiv {
  position:absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:var(--black);
}

.loader,
.loader:before,
.loader:after{
  width:35px;
  aspect-ratio:1;
  box-shadow:0 0 0 3px inset #fff;
  position:relative;
  animation:loadframe 1.5s infinite .5s;
}
.loader:before,
.loader:after{
  content:"";
  position:absolute;
  left:calc(100% + 5px);
  animation-delay:1s;
}
.loader:after{
  left:-40px;
  animation-delay:0s;
}
@keyframes loadframe {
  0%,13%,25%    {border-radius:0; box-shadow:0 0 0 3px inset var(--orange1);}
  38%,50%,63%   {border-radius:25%; box-shadow:0 0 0 3px inset var(--purple1);}
  75%,88%,100%  {border-radius:50%; box-shadow:0 0 0 3px inset var(--white);}
}