.loader {
  display: inline-block;
  position: relative;
  width: 72px;
  height: 34px;
  svg {
    overflow: visible;
    path {
      fill: none;
    }
    @for $i from 1 through 36 {
      circle:nth-of-type(#{$i}) {
        $color: hsl(150deg + (($i - 1) * 2deg), 75%, 50%);
        fill: $color;
        box-shadow: 0 0 5px $color;
        -webkit-svg-shadow: 0 0 5px $color;
        filter: drop-shadow(0px 0px 3px rgba($color, 0.4));
      }
    }
  }
}