@import "../variables/colors";

.rc-spinner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  animation: spinner-rotation 1s infinite linear;
  line-height: 0;

  svg path {
    fill: $primaryColor;

    &.o12 { opacity: 1; }
    &.o11 { opacity: 0.9; }
    &.o10 { opacity: 0.8; }
    &.o9  { opacity: 0.7; }
    &.o8  { opacity: 0.6; }
    &.o7  { opacity: 0.5; }
    &.o6  { opacity: 0.4; }
    &.o5  { opacity: 0.3; }
    &.o4  { opacity: 0.2; }
    &.o3  { opacity: 0.1; }
    &.o2  { opacity: 0.07; }
    &.o1  { opacity: 0.04; }
  }
}

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