#page-loader {
  position: fixed;
  z-index: 10002;
  top:0; left:0; right:0; bottom:0;
  width: 100vw; height: 100vh;
  background: rgba(255,255,255,0.6);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.loader-spinner {
  border: 5px solid #f0f0f0;
  border-top: 5px solid var(--color-primary);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: loader-spin 1s linear infinite;
}
@keyframes loader-spin {
  0% { transform: rotate(0deg);}
  100%{ transform: rotate(360deg);}
}