<commit_before>@mixin table-app {
  * {
    outline-width: thin;
  }

  #app.mod-sep {
    border-top: 1px solid #d6d6d6;
  }

  .rubric {
    margin: 0 1em;
  }

  .rubric-table-header {
    background: $bg-color;
    background: linear-gradient(to bottom, $bg-color 0, $bg-color 50%, change_color($bg-color, $alpha: 0) 100%);
    padding-bottom: .4em;
    padding-top: .8em;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .levels-table-header, .evaluators-table-header {
    align-content: center;
    align-items: stretch;
    display: flex;
  }

  .level-table-header-title, .evaluator-table-header-title {
    background-color: $level-header-color;
    border-radius: $border-radius;
    box-shadow: 0px 1px 2px #999;
    color: white;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin-right: .5em;
    overflow: hidden;
    padding: .4em .5em;
    text-overflow: ellipsis;
  }

  .rubric-title {
    display: none;
    font-size: 2.4rem;
    margin: 0 0 1em 0;
  }

  .clusters, .categories, .criteria {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .cluster {
    margin-bottom: 2em;
  }

  .cluster-title {
    color: change-color($title-color, $alpha: .9);
    font-size: 1.4rem;
    font-weight: 700;
    margin: .25em 0 0 1.1em;
  }

  .category-indicator:before {
    content: '';
    display: inline-block;
    margin-right: 0.35em;
  }

  .category {
    margin: 0 0 1.2em 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .category-title {
    align-items: baseline;
    color: $title-color;
    display: flex;
    font-size: 1.375rem;
    line-height: 1.3em;
    margin: .75em 0 0;

    &.category-indicator:before {
      background: var(--category-color);
      height: 12px;
      margin-left: .05em;
      margin-right: .25em;
      min-width: 12px;
    }
  }

  .criterium {
    display: flex;
    margin-bottom: .5em;
    margin-left: .3em;
    margin-top: .10em;

    &.is-feedback-visible {
      margin-bottom: .75em;
    }
  }

  .criterium-header {
    margin-right: 0.5em;
    position: relative;
  }

  .btn-show-feedback {
    background: none;
    border: 1px solid transparent;
    color: #bbb;
    cursor: pointer;
    display: flex;<commit_msg>Better contrast between cluster/category/criterium titles.<commit_after>@mixin table-app {
  * {
    outline-width: thin;
  }

  #app.mod-sep {
    border-top: 1px solid #d6d6d6;
  }

  .rubric {
    margin: 0 1em;
  }

  .rubric-table-header {
    background: $bg-color;
    background: linear-gradient(to bottom, $bg-color 0, $bg-color 50%, change_color($bg-color, $alpha: 0) 100%);
    padding-bottom: .4em;
    padding-top: .8em;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .levels-table-header, .evaluators-table-header {
    align-content: center;
    align-items: stretch;
    display: flex;
  }

  .level-table-header-title, .evaluator-table-header-title {
    background-color: $level-header-color;
    border-radius: $border-radius;
    box-shadow: 0px 1px 2px #999;
    color: white;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin-right: .5em;
    overflow: hidden;
    padding: .4em .5em;
    text-overflow: ellipsis;
  }

  .rubric-title {
    display: none;
    font-size: 2.4rem;
    margin: 0 0 1em 0;
  }

  .clusters, .categories, .criteria {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .cluster {
    margin-bottom: 2em;
  }

  .cluster-title {
    color: hsla(203, 29%, 40%, 1);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin: .25em 0 0 1.1em;
  }

  .category-indicator:before {
    content: '';
    display: inline-block;
    margin-right: 0.35em;
  }

  .category {
    margin: 0 0 1.2em 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .category-title {
    align-items: baseline;
    color: hsla(180, 17%, 41%, 1);
    display: flex;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.3em;
    margin: .75em 0 0;

    &.category-indicator:before {
      background: var(--category-color);
      height: 12px;
      margin-left: .025em;
      margin-right: .4em;
      min-width: 12px;
    }
  }

  .criterium {
    display: flex;
    margin-bottom: .5em;
    margin-left: .3em;
    margin-top: .10em;

    &.is-feedback-visible {
      margin-bottom: .75em;
    }
  }

  .criterium-header {
    margin-right: 0.5em;
    position: relative;
  }

  .btn-show-feedback {
    background: none;
    border: 1px solid transparent;
    color: #bbb;
    cursor: pointer;
    display: flex;
{'fraction_non_alphanumeric': 0.14685314685314685, 'fraction_numerical': 0.04153422335240517, 'mean_word_length': 2.2174505794137698, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '144801', 'n_tokens_mistral': 1978, 'n_tokens_neox': 1792, 'n_words': 385}