/*(cs)spinner spherical horizontal spinner*/
$sphere-color: rgba(0, 0, 0, .5);
$sphere-height: $height;
$sphere-width: $width;

.csspinner.sphere.horizontal:after, .csspinner.sphere:after {
  border-radius: 100%;
  animation: sphere .5s infinite;
  border: none;
  height: $sphere-height;
}
@keyframes sphere {
  from {
    box-shadow: inset ($sphere-width + 5px) 0px $sphere-width/4 $sphere-color;
  }
  to {
    box-shadow: inset -($sphere-width + 5px) 0px $sphere-width/4 $sphere-color;
  }
}
