@import 'mixins/backdrop';
@import 'variables/z-index';

@keyframes spinning {
  to {
    transform: rotate(360deg);
  }
}

.loader {
  display: flex;
  align-items: center;
  justify-content: center;

  &--absolute {
    @include msfa__backdrop($msfa__z-index-backdrop, false);
  }

  &--full-screen {
    @include msfa__backdrop($msfa__z-index-backdrop);
  }

  &__spinner {
    display: inline-flex;
    animation: spinning 1s linear infinite;
  }
}
