.folderContent {
  padding: 0 var(--spacing-xlarge) var(--spacing-xlarge) var(--spacing-xlarge) !important;

  .table {
    background-color: var(--white) !important;

    [class*='TableV2--header'] {
      [class*='variation-table-headers'] {
        text-transform: none;
        color: var(--grey-400);
        font-weight: 500;
        font-size: 13px;
      }
    }

    .row {
      justify-content: center;
      padding-top: 0;
      padding-bottom: 0px;
      height: 40px;
      box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
      overflow: hidden;
      border-radius: 0;
      margin-bottom: 0;

      .rowText {
        font-size: 13px;
        font-weight: 400;
      }
    }
  }

  .readmeContainer {
    margin-top: var(--spacing-xlarge) !important;
    box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
    border-radius: 4px;

    .heading {
      border-bottom: 1px solid var(--grey-100);
      align-items: center;
      padding-left: var(--spacing-large) !important;
    }

    .readmeContent {
      padding: var(--spacing-xxlarge) !important;
    }
  }

  .commitMsgLayout {
    align-items: center;
    padding-right: var(--spacing-large);
  }

  .linkContainer {
    display: inline-block;

    &.noShrink {
      flex-shrink: inherit;
    }

    .link {
      color: var(--primary-7) !important;

      &,
      .text {
        font-size: 13px;
        font-weight: 400;
        cursor: pointer !important;
      }

      .text:hover {
        color: var(--primary-7) !important;
      }

      .text.hightlight {
        color: var(--primary-7) !important;
      }
    }
  }
}
.commitContainer {
  :global {
    .bp3-popover-target {
      .StyledProps--font {
        color: var(--grey-600) !important;
      }
    }
  }
}