.x-loader {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1030;
  color: theme-color("primary");

  &.absolute {
    height: 100%;
    position: absolute;
  }

  &.fixed {
    height: 100%;
    position: fixed;
  }

  &.bg-light-transparent { background-color: rgba(theme-color("light-secondary"), $opacity-base); }
  &.bg-clear,
  &.bg-default,
  &.bg-primary,
  &.bg-dark,
  &.bg-dark-transparent {
    color: theme-color("light") !important;
  }

  svg {
    width: 3rem;
  }
}