.spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  @include flex--centerXY;
  display: none;
  background: rgba(255, 255, 255, 0.75);

  &__icon {
    width: 50px;
    height: 50px;
    @include flex--centerXY;

    .icon {
      position: static !important;
      width: 100% !important;
      height: 100% !important;
      top: initial !important;
      left: initial !important;
      animation: spinner 1.5s infinite ease-in-out both;
    }
  }

  &--active {
    display: flex;
  }
}