:host {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 5px 0px;

  .content-body {
    font-weight: normal;
    font-size: 14px;
    padding: 24px;

    .properties-container {
    }
    .row {
      display: flex;
      margin: 0 0 16px 0;
    }
    .prop {
      margin-right: 4px;
      min-width: 100px;
    }
    .value {
      min-width: 150px;
    }
  }
  .title-bar {
    font-weight: normal;
    font-size: 14px;
    display: flex;
    align-items: center;

    width: 100%;
    padding: 24px;

    .file-image {
      margin-right: 8px;
      font-size: 48px;
    }
    .title {
    }
  }
  /* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */
  mat-dialog-actions {
    button {
      margin: 8px 0;
      padding: 0;
    }
  }
}
