HabitatMap/AirCasting

.spinner {
  display: inline-block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
  z-index: 100000;
}

.spinner:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid $brand-primary;
  border-color: $brand-primary transparent $brand-primary transparent;
  animation: spinning 1.2s linear infinite;
}

.spinner--big {
  width: 92px;
  height: 92px;
  top: 40%;
}

.spinner--big:after {
  width: 92px;
  height: 92px;
  border: 8px solid $gray-dark;
  border-color: $gray-dark transparent $gray-dark transparent;
  animation: spinning 1.2s linear infinite;
}