.x-loader-overlay {
  position: relative;
  min-height: 50px;
}

.x-loader {
  @extend %x-flex-center,
          %w-100;

  position: relative;
  left: 0;
  top: 0;
  z-index: $zindex-sticky;
  @include custom-theme-color(primary, color);
  &.absolute {
    @extend %h-100;
    position: absolute;
  }

  &.bg-light-secondary-transparent { background-color: rgba(theme-color("light-secondary"), $opacity-base); }

  &.clear-light,
  &.bg-default,
  &.bg-default-transparent,
  &.bg-primary,
  &.bg-primary-transparent,
  &.bg-dark,
  &.bg-dark-transparent {
    color: theme-color("light");
  }

  svg {
    width: 3rem;
  }
}