.subHeading {
    font-size: var(--size-14);
    padding-top: var(--size-5);
  }
  
  .header {
    padding-bottom: var(--size-20);
  }
  
  .parentContainer {
    display: flex;
    overflow: auto;
    height: 100%;
  }
  
  .wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
  }
  
  .gridWrapper {
    height: 100%;
    overflow: hidden;
  }
  
  .fileOpenIcon {
    cursor: pointer;
    display: flex;
    justify-content: center;
  }
  
  .statusDiv {
    display: flex;
    height: var(--size-20);
    border-radius: var(--size-16);
    width: fit-content;
    justify-content: center;
    align-items: center;
    padding: var(--size-4) var(--size-16);
    color: white;
  }
  
  .fileStatusFromReview {
    width: fit-content;
    padding: var(--size-16) var(--size-16);
    border-radius: var(--size-4);
    color: #fff;
    font-weight: var(--font-weight-600);
  }
  
  .flexCol {
    display: flex;
    flex-direction: column;
    gap: var(--size-8);
    width: var(--size-250);
  }
  
  .flexRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }
  
  .reviewNameInTooltip {
    max-width: var(--size-100);
    overflow: visible;
    white-space: pre-wrap;
  }
  
  .reviewStatusInTooltip {
    max-width: var(--size-100);
    overflow: visible;
    white-space: pre-wrap;
  }
  
  .variesWrapper {
    color: #192048;
    background-color: #d4e8fa;
    padding: var(--size-16) var(--size-16);
    border-radius: var(--size-4);
  }
  
  .itemTemplateWrapper {
    padding: var(--size-8) var(--size-12);
  }
  
  .itemTemplateContainer {
    border-radius: var(--size-4);
    padding: var(--size-5) var(--size-16);
    font-size: var(--size-14);
    color: #fff;
  }
  
  .reviewIcon {
    background-size: contain;
    display: flex;
    width: 15px;
  }
  