@mixin aca-node-versions-dialog-theme($theme) {
  $foreground: map-get($theme, foreground);
  $accent: map-get($theme, accent);

  .adf-version-manager-dialog-panel-list {
    height: 400px;
  }

  .adf-version-manager-dialog-panel-upload {
    height: 280px;
  }

  .aca-node-versions-dialog {
    .mat-dialog-title {
      flex: 0 0 auto;
    }

    .mat-dialog-content {
      flex: 1 1 auto;
      position: relative;
      overflow-y: auto;
    }

    .mat-dialog-actions {
      flex: 0 0 auto;
    }

    .mat-dialog-title {
      font-size: 20px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.6;
      margin: 0;
      letter-spacing: -0.5px;
      color: mat-color($foreground, text, 0.87);
    }

    .mat-dialog-actions {
      padding: 8px 8px 24px 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      color: mat-color($foreground, text, 0.54);

      button {
        text-transform: uppercase;
        font-weight: normal;

        &:enabled {
          color: mat-color($accent);
        }
      }
    }

    .adf-new-version-container {
      height: 350px !important;
    }

    .mat-dialog-content {
      max-height: 36vh;
      overflow: hidden;
    }

    .mat-list-item-content {
      padding: 0;
      margin: 0 16px;
    }

    .adf-version-list-container {
      .adf-version-list {
        height: 250px;
        overflow: hidden;
        padding: 0;
      }

      .mat-list.adf-version-list {
        overflow: auto;
      }
    }
  }
}