.cdk-overlay-container {
  position: fixed;
  z-index: 10000;
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;

  &.modal {
    height: 100%;
  }
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-overlay-container {
  pointer-events: none;
}

.cdk-overlay-container.modal {
  pointer-events: all;
  .cdk-global-overlay-wrapper {
    position: absolute;
  }
}