.loader {
  animation: loaderRotate 2s linear infinite;
  z-index: 2;
}

.loader .path {
  stroke: currentColor;
  stroke-linecap: round;
  animation: loaderDash 1.5s ease-in-out infinite;
}

@keyframes loaderRotate {
  0% {
    transform: rotate(0deg);
    transform-origin: center;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: center;
  }
}

@keyframes loaderDash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
