#Loader{height:100vh;width:100vw;background-color:rgba(255,255,255,0.80);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:fixed;top:0;z-index:100;}
.Spinner {width:60px;height:60px;background:transparent;border-radius:50%;box-shadow:none;display:flex;align-items:center;justify-content:center;}
    .SpinnerContainer {height:6px;width:42px;display:flex;position:relative;}
    .SpinnerContainer .SpinnerCircle {height:6px;width:6px;background-color:var(--customcolor1);border-radius:50%;margin-right:12px;animation:move 300ms linear 0ms infinite;}
    .SpinnerContainer .SpinnerCircle:first-child {position:absolute;top:0;left:0;animation:grow 300ms linear 0ms infinite;}
    .SpinnerContainer .SpinnerCircle:last-child {position:absolute;top:0;right:0;margin-right:0;animation:grow 300ms linear 0s infinite reverse;}

@keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes move {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(18px);
  }
}