/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiOverlayMask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10vh;
  animation: ouiAnimFadeIn $ouiAnimSpeedFast ease-in;

  $backgroundColor: $ouiColorEmptyShade;

  @if (lightness($ouiTextColor) > 50) {
    $backgroundColor: $ouiColorLightShade;
  }

  background: transparentize($backgroundColor, .2);
}

.ouiBody-hasOverlayMask {
  overflow: hidden;
}

// Handling the z-index based on whether it should be displayed above or below the header
.ouiOverlayMask--aboveHeader {
  z-index: $ouiZMask;
}

.ouiOverlayMask--belowHeader {
  z-index: $ouiZMaskBelowHeader;
}