.spinner {
  animation: spinner 2s linear infinite;

  // IE Only
  @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    animation-duration: 1s
  }
}

.spinner__path {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  animation: spindash 2s ease-in-out infinite;

  // IE Only
  @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -20;
  }
}

@keyframes spinner {
  100% {
    transform: rotate(360deg);
  }
}

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