@import "../palette";
@import "../variables";

/* wait indicator */
.wait-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  &--fill {
    background: rgba($dark-blue-color, 0.3);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: all;
    z-index: $content-z-index;
  }
  &--block-left {
    justify-content: flex-start;
  }

	&--centered,
	&--absolute-center {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: all;
	}

	&--absolute-left {
    justify-content: flex-start;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: all;
	}
	&--absolute-right {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    justify-content: flex-end;
    pointer-events: all;
	}
}