div#modalPreloader {
  margin: 0 auto;
  height: 350px;
  width:  350px;
  text-align: center;
  background: transparent; /*rgba(255,255,255,0);*/
  margin-top: 15%;
  box-shadow: 0 0 0;
  padding: 1rem;
}
.loader{
    border: 8px solid transparent; 
    border-top-color: var(--main-color); 
    width: 200px; 
    height: 200px; 
    border-radius: 50%; 
    animation: spin 1s infinite;
}
@keyframes spin{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}