.lego-dialog {
  .dialog {
    background-color: $white;
    border-radius: 4px;
    min-width: 37.5rem;
    filter: drop-shadow(0 1px 2px #a8a8a8);

    lego-icon[icon=Cross] {
      position: absolute;
      top: 1rem;
      right: 1rem;
      cursor: pointer;
    }

    .dialog-content {
      display: flex;
      flex-direction: column;
      max-height: 50vh;
      box-sizing: border-box;

      .dialog-header {
        padding: 1rem;
        border-bottom: 1px solid $border-gray;
        display: flex;
        align-items: center;

        h3 {
          margin: 0 0 0 0.25rem;
        }

        lego-icon {
          width: 36px;
          height: 36px;
        }
      }

      .dialog-body {
        flex-grow: 1;
        padding: 1.5rem;
        overflow-y: auto;
      }

      .dialog-footer {
        padding: 1rem;
        min-height: 4.5rem;
        background-color: $bg-gray;

        border-top: 1px solid $border-gray;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;

        display: flex;
        align-items: center;
        justify-content: flex-end;

        lego-actionbar {
          padding: 0;
        }
      }
    }
  }
}