@import '~@angular/cdk/overlay-prebuilt';

@mixin el-overlay-theme {
  .overlay-backdrop {
    background: el-theme(overlay-backdrop-background-color);
  }

  .cdk-overlay-container {
    z-index: 1040;
  }
}

/**
 * In case when Endlessjs Layout custom scroll `withScroll` mode is enabled
 * we need to disable default CDK scroll blocker (@link ElBlockScrollStrategyAdapter) on HTML element
 * so that it won't add additional positioning.
 */
.el-global-scrollblock {
  position: static;
  width: auto;
  overflow: hidden;
}