.dialog {
  // align-items: safe center;
  background-color: rgba($color-dark1, .5);
  box-sizing: border-box;
  display: flex;
  // justify-content: safe center;
  opacity: 0;
  // overflow-y: auto;
  pointer-events: none;
  transition: opacity $transition-duration $transition-easing;

  .dialog-x-content {
    // background-color: $color-light1;
    height: 100%;
    // overflow-x: hidden;
    // overflow-y: auto;
    position: relative;
    width: 100%;
  }

  .dialog-x-close {
    position: absolute;
    right: $gridspacing;
    top: $gridspacing;
  }

  &.dialog-is-open {
    opacity: 1;
    pointer-events: auto;
  }
}


.dialog-select {
  .dialog-x-content {
    margin: 0 auto;
  }

  @media (min-width: $sidebar-max-width) {
    padding-top: $gridspacing * 10;
  }
}