.preloader-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  transform: translate3d(-50%, -50%, 0);
}

.preloader-spinner:before, .preloader-spinner:after {
  display: block;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 6px solid var(--preloader-spinner-color);
  border-radius: 50%;
  margin: -30px 0 0 -30px;
  content: "";
}
.preloader-spinner:before {
  opacity: 0.2;
}
.preloader-spinner:after {
  z-index: 2;
  border-color: var(--preloader-spinner-color) transparent transparent transparent;
  animation: spin infinite 2s linear;
}
