.x-loader-overlay {
  @extend .position-relative;

  min-height: 50px;
}

.x-loader {
    @extend %align-items-center,
            %layout-column,
            %justify-content-center,
            %position-fixed,
            .w-100;
    color: theme-color("primary");
    top: 0;
    left: 0;
    z-index: $zindex-fixed;

    &.clear-light,
    &.bg-default,
    &.bg-default-transparent,
    &.bg-primary,
    &.bg-primary-transparent,
    &.bg-dark,
    &.bg-dark-transparent {
      @extend %text-white;
    }

    &.absolute {
     @extend %position-absolute;
    }
}