/* Используються глобальные переменные */

.nd-preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}


.nd-preloader-layer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 50%;
    color: #2F6E5B;
}

.nd-preloader-layer-1 {
    border-color: $green;
    width: 60px;
    height: 60px;
    animation: rotate 2s infinite;
    border-top-color: transparent;
    border-right-color: transparent;
    color: #2F6E5B;
}

.nd-preloader-layer-2 {
  border-color: $green;
  animation: rotate 2s infinite .4s;
  width: 45px;
  height: 45px;
  transform: rotate(-20deg);
  border-top-color: transparent;
  border-right-color: transparent;
  color: #2F6E5B;
}

.nd-preloader-layer-3 {
  border-color: $green;
  width: 30px;
  height: 30px;
  animation: rotate 2s infinite .6s;
  transform: rotate(-20deg);
  border-top-color: transparent;
  border-right-color: transparent;
  color: #2F6E5B;
}

@keyframes rotate {
  from {
  }
  to {
    transform: rotate(360deg);
  }
}