@import '../variables/z-index';

@mixin msfa__backdrop($zIndex: $msfa__z-index-default, $fullScreen: true, $opaqueBackground: false) {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: $zIndex;

  @if $opaqueBackground {
    background-color: var(--digi--ui--color--background);
  } @else {
    background-color: rgba(255, 255, 255, 0.4);
  }

  @if $fullScreen {
    position: fixed;
  } @else {
    position: absolute;
  }
}