<commit_before>#add-projects {

  .overview {
    vertical-align: middle;
    text-align: justify;
    margin-right: 1ex;
    padding: 10px 0;

    @media only screen and (max-width: 960px) {
      width: 100%;
    }
  }

  @content: {
    display: inline-block;
    width: 100%;
  };

  @big-number-width: 40px;
  @big-number-margin-right: 8px;
  .big-number {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: @big-number-width;
    height: @big-number-width;
    padding: 8px;
    margin-right: @big-number-margin-right;

    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    color: @white;

    background: @brand-blue-v2;
    border-radius: 50%;
  }

  .instruction {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    @offset: @big-number-width + @big-number-margin-right;
    width: ~"calc(100% - @{offset})";
  }

  h4 {
    font-size: 20px;
    font-weight: 300;
    color: @gray;
  }

  .repo-filter {
    padding: 10px;

    & > .material-icons {
      font-size: 1.2em;
    }
  }

  .unobtrusive-search {
    /* this needs to fit exactly one line of text, so I think it
       makes more sense to use content-box. */
    .box-sizing(content-box);

    width: 206px;
    height: 1.4em;
    margin: 5px;
    padding: 5px 15px;
    border: 1px solid @input-border-blue;
  }

  .org-listing {
    .nav-header {
      background: #d7dce3;
      color: #455C78;
    }
  }

  #inviteForm {
    input {
      width: 270px;
    }
  }

  .add-repos {
    text-align: center;
    font-size: 1.231em; // 16px
    margin: 25vh 0;
    color: @grayLight;

    ul {
      list-style: none;
    }

    &:empty {
      display: none;
    }
  }

  .no-plan-empty-state {
    text-align: center;

    .title {
      font-size: @fontSizeJumbo;
    }

    .info {
      margin-top: 10px;
      margin-bottom: 15px;

      font-size: @fontSizeMedium;
    }

    .bold {
      font-weight: 500;
    }

    .apple-logo {
      margin-bottom: 20px;

      font-size: 60px;
    }

    .buttons {
      margin-bottom: 30px;

      .plan {
        min-width: 180px;
        background: @primary-button-background;
        border: 1px solid @button-border;

        &:hover {
          background: @primary-button-hover-background;
        }
      }

      .trial {
        min-width: 180px;
        margin-left: 15px;
        border-radius: 3px;
        border: 1px solid @button-border;
        background: @secondary-button-background;
        color: @secondary-button-color;

        &:hover {
          background: @secondary-button-hover-background;
        }
      }
    }
  }

  .overview {
    h3 {
      margin-top: 0;
      font-weight: normal;
      color: #555;
      line-height: 1.25em;
    }

    p {
      color: @grayDark;
    }
  }

  .proj-wrapper {
    @content();
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid darken(@grayLightest, 5.7);
    margin-top: 10px;
    background-color: #fff;
    .loading-spinner {
      margin: 1.5em auto;
    }
  }

  .proj-list {
    list-style: none;
    margin: 0;
    width: 100%;
  }

  & > span {
    text-align: center;
    display: block;
    line-height: 13em;
  }

  div.organizations {
    margin-bottom: 20px;
  }

  ul.organizations {
    @org-item-margin: 5px;

    margin: 0;
    padding: 0;

    > li {
      position: relative;

      display: inline-block;
      box-sizing: border-box;
      width: ~"calc(50% - @{org-item-margin})";
      padding: 5px;
      margin: @org-item-margin @org-item-margin @org-item-margin 0;

      border: 1px @grayBorder solid;
      border-radius: 4px;
      cursor: pointer;

      @media only screen and (max-width: 960px) {
        width: 100%;
      }

      @avatar-size: 48px;
      @avatar-margin-right: 8px;

      > img.avatar {
        display: inline-block;
        vertical-align: middle;
        width: @avatar-size;
        height: @avatar-size;
        margin-right: @avatar-margin-right;

        border-radius: 200px;
      }

      > .orgname {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        @offset: @avatar-size + @avatar-margin-right;
        width: ~"calc(100% - @{offset})";

        font-size: @baseLineHeight;
        line-height: 24px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      > a.visit-org {
        position: absolute;
        top: 5px;
        right: 5px;

        color: @gray;
        text-decoration: none;

        &:hover {
          color: @link-color-v2;
          text-decoration: none;
        }
      }

      &.active {
        color: @link-color-v2;
        border-color: @brand-blue-v2;

        > a.visit-org {
          color: @link-color-v2;
        }
      }
    }
  }
  div.orgs-loading {
    margin: 1em;
  }

  p.missing-org-info {
    margin-top: 5px;
    font-style: italic;

    > a {
      font-weight: bold;
    }
  }

  .inaccessible-notice {
    .inaccessible-org-wrapper {
      @content();
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid darken(@grayLightest, 5.7);

      .loading-spinner {
        margin: 1.5em auto;
      }

      .orgname {
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: @baseLineHeight;
        line-height: 24px;
      }

      .material-icons {
        padding: 0 8px 0 4px;
        display: inline-block;
        color: #fbfbfb;
        text-shadow: 1px 0   @gray,
                    -1px 0   @gray,
                     0   1px @gray,
                     0  -1px @gray;
      }
    }
  }

  .add-orgs,
  .add-collabs,
  .add-you {
    color: @gray;
    font-weight: bold;
  }

  .wordy-hr {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;

    & > span {
      position: relative;
      display: inline-block;
    }

    span:before, span:after {
      position: absolute;
      content: "";
      height: 1px;
      width: 1000%;
      top: 50%;
      background: @grayLighter;
    }

    span:before {
      right: 100%;
      margin-right: 5px;
    }

    span:after {
      left: 100%;
      margin-left: 5px;
    }
  }

  .proj-list {

    li {
      .flexy();
      .align-items(center);
      .justify-content(space-between);
      border-top: solid 1px lighten(@grayLightest, .5);
      line-height: 1.5em;
      position: relative;
      height: 3em;
      padding: 1em 0.5em 1em 1em;

      &:hover {
        background-color: darken(@whiten, 1);
        box-shadow: none;
      }

      .material-icons.lock {
        font-size: @fontSizeLarge;
        margin-right: .5ex;
        color: @grayLight;
      }
    }

    button {
      &.disabled {
        position: relative;
        span {
          display: none;
        }
      }

      min-width: 180px;

      svg {
        height: 1em;
        width: 1em;
        margin: auto;
        > * {
          fill: @grayDark;
        }
      }

      i {
        .scale3d(.75, .75);
      }
    }

    .repoButtonColor(@color) {
      button {
        .subtleButton(@color);
        &:not(.disabled) {
          &:hover {
            background-color: @color;
            color: @white;
            text-shadow: none;
            svg {
              > * {
                fill: @white;
              }
            }
            &:active {
              box-shadow: 0 3px (darken(@color, 5)) inset;
              text-shadow: none;
            }
          }
        }
      }
    }

    .repo-unfollow {
      .repoButtonColor(@redLight);
    }

    .repo-nofollow {
      .notice {
        .flexy();
        .align-items(center);
        color: @gray;
        min-width: 180px;
      }
    }

    .repo-follow {
      .repoButtonColor(@green);
      .building {
        white-space: nowrap;
        margin-right: 1em;
        color: @grayLight;
      }
    }
  }

  .proj-name {
    .flexy();
    .align-items(center);

    margin-right: auto;

    i {
      margin-left: 1ex;
      font-size: @fontSizeLarge;
      vertical-align: middle;
    }

    .forked {
      color: @grayLighter;
    }
  }

  .tooltip {
    font-size: @baseFontSize;
    .tooltip-inner {
      border-radius: (@em * 2);
      padding: (@em / 2) @em;   // BS RESET
    }
  }
  .tooltip.right .tooltip-arrow {
    display: none;
  }

  .head-user {
    h1 {
      font-size: @fontSizeLarge;
      font-weight: normal;
    }

    padding: 0 20px;
  }

  .project-listing {
    margin: 0 5px 10px 0;
  }

  .fork-filter {
    margin: 10px 20px 0 0;
  }

  i.fa {
    vertical-align: text-bottom;
    opacity: .6;
    color: @grayLight;
  }

  .payment-plan {
    margin-top: 30px;

    .table-container {
      display: inline-block;
      width: 100%
    }

    .table {
      float: left;
      width: 48%;
      margin-top: 20px;
      line-height: 40px;
      color: @gray-dark;
      border-radius: 5px;
      border-collapse: separate;
      border: 1px solid darken(@grayLightest, 5.7);
      font-size: 14px;

      @media (max-width: @screen-sm-max) {
        width: 100%;
      }

      &.comparison {
        min-width: 48%;
      }

      &.payment-plan {
        margin-right: 4%;

        .row:not(.top):hover {
          background-color: darken(@whiten, 1);
        }
      }

      .cell {
        padding-left: 20px;
        border-top: none;

        &.container-amount {
          text-align: center;
        }

        &.paid, &.unpaid {
          text-align: center;
        }

        .material-icons {
          font-size: @fontSizeLarge;
          vertical-align: middle;

          &.check {
            color: @brand-success-v2;
          }

          &.ex {
            color: @brand-danger-v2;
          }
        }
      }

      tr:nth-of-type(odd) {
        background-color: @grayLightest;
      }

      .row.top {
        background-color: lighten(@grayLightest, 0.5);
        font-weight: bold;

        .cell {
          border-bottom: solid 1px @grayLighter;

          &.first {
            border-radius: 5px 0 0 0;
          }

          &.last {
            border-radius: 0 5px 0 0;
          }
        }
      }
    }
  }
}
<commit_msg>Fix repo filter heading and body style<commit_after>#add-projects {

  .overview {
    vertical-align: middle;
    text-align: justify;
    margin-right: 1ex;
    padding: 10px 0;

    @media only screen and (max-width: 960px) {
      width: 100%;
    }
  }

  @content: {
    display: inline-block;
    width: 100%;
  };

  @big-number-width: 40px;
  @big-number-margin-right: 8px;
  .big-number {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: @big-number-width;
    height: @big-number-width;
    padding: 8px;
    margin-right: @big-number-margin-right;

    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    color: @white;

    background: @brand-blue-v2;
    border-radius: 50%;
  }

  .instruction {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    @offset: @big-number-width + @big-number-margin-right;
    width: ~"calc(100% - @{offset})";
  }

  h4 {
    font-size: 20px;
    font-weight: 300;
    color: @gray;
  }

  .repo-filter {
    padding: 10px;
    border-bottom: 1px solid @grayLightest;

    & > .material-icons {
      font-size: 1.2em;
    }
  }

  .unobtrusive-search {
    /* this needs to fit exactly one line of text, so I think it
       makes more sense to use content-box. */
    .box-sizing(content-box);

    width: 206px;
    height: 1.4em;
    margin: 5px;
    padding: 5px 15px;
    border: 1px solid @input-border-blue;
  }

  .org-listing {
    .nav-header {
      background: #d7dce3;
      color: #455C78;
    }
  }

  #inviteForm {
    input {
      width: 270px;
    }
  }

  .add-repos {
    text-align: center;
    font-size: 1.231em; // 16px
    margin: 25vh 0;
    color: @grayLight;

    ul {
      list-style: none;
    }

    &:empty {
      display: none;
    }
  }

  .no-plan-empty-state {
    margin-top: 2em;
    text-align: center;

    .title {
      font-size: @fontSizeJumbo;
    }

    .info {
      margin-top: 10px;
      margin-bottom: 15px;

      font-size: @fontSizeMedium;
    }

    .bold {
      font-weight: 500;
    }

    .apple-logo {
      margin-bottom: 20px;

      font-size: 60px;
    }

    .buttons {
      margin-bottom: 30px;

      .plan {
        min-width: 180px;
        background: @primary-button-background;
        border: 1px solid @button-border;

        &:hover {
          background: @primary-button-hover-background;
        }
      }

      .trial {
        min-width: 180px;
        margin-left: 15px;
        border-radius: 3px;
        border: 1px solid @button-border;
        background: @secondary-button-background;
        color: @secondary-button-color;

        &:hover {
          background: @secondary-button-hover-background;
        }
      }
    }
  }

  .overview {
    h3 {
      margin-top: 0;
      font-weight: normal;
      color: #555;
      line-height: 1.25em;
    }

    p {
      color: @grayDark;
    }
  }

  .proj-wrapper {
    @content();
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid darken(@grayLightest, 5.7);
    margin-top: 10px;
    background-color: #fff;
    .loading-spinner {
      margin: 1.5em auto;
    }
  }

  .proj-list {
    list-style: none;
    margin: 0;
    width: 100%;
  }

  & > span {
    text-align: center;
    display: block;
    line-height: 13em;
  }

  div.organizations {
    margin-bottom: 20px;
  }

  ul.organizations {
    @org-item-margin: 5px;

    margin: 0;
    padding: 0;

    > li {
      position: relative;

      display: inline-block;
      box-sizing: border-box;
      width: ~"calc(50% - @{org-item-margin})";
      padding: 5px;
      margin: @org-item-margin @org-item-margin @org-item-margin 0;

      border: 1px @grayBorder solid;
      border-radius: 4px;
      cursor: pointer;

      @media only screen and (max-width: 960px) {
        width: 100%;
      }

      @avatar-size: 48px;
      @avatar-margin-right: 8px;

      > img.avatar {
        display: inline-block;
        vertical-align: middle;
        width: @avatar-size;
        height: @avatar-size;
        margin-right: @avatar-margin-right;

        border-radius: 200px;
      }

      > .orgname {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        @offset: @avatar-size + @avatar-margin-right;
        width: ~"calc(100% - @{offset})";

        font-size: @baseLineHeight;
        line-height: 24px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      > a.visit-org {
        position: absolute;
        top: 5px;
        right: 5px;

        color: @gray;
        text-decoration: none;

        &:hover {
          color: @link-color-v2;
          text-decoration: none;
        }
      }

      &.active {
        color: @link-color-v2;
        border-color: @brand-blue-v2;

        > a.visit-org {
          color: @link-color-v2;
        }
      }
    }
  }
  div.orgs-loading {
    margin: 1em;
  }

  p.missing-org-info {
    margin-top: 5px;
    font-style: italic;

    > a {
      font-weight: bold;
    }
  }

  .inaccessible-notice {
    .inaccessible-org-wrapper {
      @content();
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid darken(@grayLightest, 5.7);

      .loading-spinner {
        margin: 1.5em auto;
      }

      .orgname {
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: @baseLineHeight;
        line-height: 24px;
      }

      .material-icons {
        padding: 0 8px 0 4px;
        display: inline-block;
        color: #fbfbfb;
        text-shadow: 1px 0   @gray,
                    -1px 0   @gray,
                     0   1px @gray,
                     0  -1px @gray;
      }
    }
  }

  .add-orgs,
  .add-collabs,
  .add-you {
    color: @gray;
    font-weight: bold;
  }

  .wordy-hr {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;

    & > span {
      position: relative;
      display: inline-block;
    }

    span:before, span:after {
      position: absolute;
      content: "";
      height: 1px;
      width: 1000%;
      top: 50%;
      background: @grayLighter;
    }

    span:before {
      right: 100%;
      margin-right: 5px;
    }

    span:after {
      left: 100%;
      margin-left: 5px;
    }
  }

  .proj-list {

    li {
      .flexy();
      .align-items(center);
      .justify-content(space-between);
      border-top: solid 1px lighten(@grayLightest, .5);
      line-height: 1.5em;
      position: relative;
      height: 3em;
      padding: 1em 0.5em 1em 1em;

      &:hover {
        background-color: darken(@whiten, 1);
        box-shadow: none;
      }

      .material-icons.lock {
        font-size: @fontSizeLarge;
        margin-right: .5ex;
        color: @grayLight;
      }
    }

    button {
      &.disabled {
        position: relative;
        span {
          display: none;
        }
      }

      min-width: 180px;

      svg {
        height: 1em;
        width: 1em;
        margin: auto;
        > * {
          fill: @grayDark;
        }
      }

      i {
        .scale3d(.75, .75);
      }
    }

    .repoButtonColor(@color) {
      button {
        .subtleButton(@color);
        &:not(.disabled) {
          &:hover {
            background-color: @color;
            color: @white;
            text-shadow: none;
            svg {
              > * {
                fill: @white;
              }
            }
            &:active {
              box-shadow: 0 3px (darken(@color, 5)) inset;
              text-shadow: none;
            }
          }
        }
      }
    }

    .repo-unfollow {
      .repoButtonColor(@redLight);
    }

    .repo-nofollow {
      .notice {
        .flexy();
        .align-items(center);
        color: @gray;
        min-width: 180px;
      }
    }

    .repo-follow {
      .repoButtonColor(@green);
      .building {
        white-space: nowrap;
        margin-right: 1em;
        color: @grayLight;
      }
    }
  }

  .proj-name {
    .flexy();
    .align-items(center);

    margin-right: auto;

    i {
      margin-left: 1ex;
      font-size: @fontSizeLarge;
      vertical-align: middle;
    }

    .forked {
      color: @grayLighter;
    }
  }

  .tooltip {
    font-size: @baseFontSize;
    .tooltip-inner {
      border-radius: (@em * 2);
      padding: (@em / 2) @em;   // BS RESET
    }
  }
  .tooltip.right .tooltip-arrow {
    display: none;
  }

  .head-user {
    h1 {
      font-size: @fontSizeLarge;
      font-weight: normal;
    }

    padding: 0 20px;
  }

  .project-listing {
    margin: 0 5px 10px 0;
  }

  .fork-filter {
    margin: 10px 20px 0 0;
  }

  i.fa {
    vertical-align: text-bottom;
    opacity: .6;
    color: @grayLight;
  }

  .payment-plan {
    margin-top: 30px;

    .table-container {
      display: inline-block;
      width: 100%
    }

    .table {
      float: left;
      width: 48%;
      margin-top: 20px;
      line-height: 40px;
      color: @gray-dark;
      border-radius: 5px;
      border-collapse: separate;
      border: 1px solid darken(@grayLightest, 5.7);
      font-size: 14px;

      @media (max-width: @screen-sm-max) {
        width: 100%;
      }

      &.comparison {
        min-width: 48%;
      }

      &.payment-plan {
        margin-right: 4%;

        .row:not(.top):hover {
          background-color: darken(@whiten, 1);
        }
      }

      .cell {
        padding-left: 20px;
        border-top: none;

        &.container-amount {
          text-align: center;
        }

        &.paid, &.unpaid {
          text-align: center;
        }

        .material-icons {
          font-size: @fontSizeLarge;
          vertical-align: middle;

          &.check {
            color: @brand-success-v2;
          }

          &.ex {
            color: @brand-danger-v2;
          }
        }
      }

      tr:nth-of-type(odd) {
        background-color: @grayLightest;
      }

      .row.top {
        background-color: lighten(@grayLightest, 0.5);
        font-weight: bold;

        .cell {
          border-bottom: solid 1px @grayLighter;

          &.first {
            border-radius: 5px 0 0 0;
          }

          &.last {
            border-radius: 0 5px 0 0;
          }
        }
      }
    }
  }
}

{'fraction_non_alphanumeric': 0.13281551524507912, 'fraction_numerical': 0.027016595908915475, 'mean_word_length': 1.4727424549683885, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3823268', 'n_tokens_mistral': 7812, 'n_tokens_neox': 7067, 'n_words': 1430}