<commit_before>@stage-complete: rgba(44, 153, 66, 0.89);
@stage-incomplete: rgba(151, 184, 85, 0.89);
@stage-change-time: 0.3s;

.completed-progress {
  background: @stage-complete;
  cursor: pointer;
  span:after {
    font-family: 'Glyphicons Halflings';
    content: " \e013";
    line-height: 40px;
  }

}
@keyframes progress-positoin {
  from {
    background: @stage-complete;
  }
  to {
    background: @stage-incomplete;
  }

}
.current-progress {
  animation: progress-positoin 1.5s ease infinite alternate;

}
.progress-top {
  height: 40px;
  width: 100%;
  margin-bottom: 40px;
  ul {
    width: 100%;
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    li {
      width: 33.33%;
      display: table-cell;
      div {
        border-left: 2px solid rgba(0, 0, 0, 0.30);
        height: 100%;
        text-align: center;
        transition: background @stage-change-time ease;
        background: @stage-incomplete;
        span {
          font-weight: bold;
          text-shadow: 0 0 20px rgba(0,0,0,0.5);
          color: #f0f0f0;
          line-height: 45px;
        }
      }

    }
    li:first-child {
      div {
        border-left: 0;
      }
    }

  }
  .bar {
    position: relative;
    background: rgba(20, 161, 27, 0.45);
    width: 100%;
    height: 6px;
    .status {
      position: absolute;
      background: rgb(42, 129, 42);
      height: 6px;
      transition: width @stage-change-time ease;
      width: 0;
    }

  }
  &.complete-0 {
    ul li:nth-child(1) div {
      .current-progress();
    }

  }
  &.complete-1 {
    .bar .status {
      width: 33.5%;
    }
    ul li:nth-child(-n+1) div {
      .completed-progress();
    }
    ul li:nth-child(2) div {
      .current-progress();
    }

  }
  &.complete-2 {
    .bar .status {
      width: 66.8%;
    }
    ul li:nth-child(-n+2) div {
      .completed-progress();
    }
    ul li:nth-child(3) div {
      .current-progress();
    }

  }
  &.complete-3 {
    .bar .status {
      width: 100%;
    }
    ul li:nth-child(-n+3) div {
      .completed-progress();
    }
  }

}
.row {
  margin-bottom: 20px;

}
#main {
  position: relative;
  .stage {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity @stage-change-time ease;
    opacity: 0;
    &.visible {
      opacity: 1;

    }
    .title {
      text-align: center;
      h2 {
        font-size: 40px;

      }
      p {
        font-size: 18px;

      }
      margin-bottom: 20px;
    }
<commit_msg>fix z-index of hidden elements<commit_after>@stage-complete: rgba(44, 153, 66, 0.89);
@stage-incomplete: rgba(151, 184, 85, 0.89);
@stage-change-time: 0.3s;

.completed-progress {
  background: @stage-complete;
  cursor: pointer;
  span:after {
    font-family: 'Glyphicons Halflings';
    content: " \e013";
    line-height: 40px;
  }

}
@keyframes progress-positoin {
  from {
    background: @stage-complete;
  }
  to {
    background: @stage-incomplete;
  }

}
.current-progress {
  animation: progress-positoin 1.5s ease infinite alternate;

}
.progress-top {
  height: 40px;
  width: 100%;
  margin-bottom: 40px;
  ul {
    width: 100%;
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    li {
      width: 33.33%;
      display: table-cell;
      div {
        border-left: 2px solid rgba(0, 0, 0, 0.30);
        height: 100%;
        text-align: center;
        transition: background @stage-change-time ease;
        background: @stage-incomplete;
        span {
          font-weight: bold;
          text-shadow: 0 0 20px rgba(0,0,0,0.5);
          color: #f0f0f0;
          line-height: 45px;
        }
      }

    }
    li:first-child {
      div {
        border-left: 0;
      }
    }

  }
  .bar {
    position: relative;
    background: rgba(20, 161, 27, 0.45);
    width: 100%;
    height: 6px;
    .status {
      position: absolute;
      background: rgb(42, 129, 42);
      height: 6px;
      transition: width @stage-change-time ease;
      width: 0;
    }

  }
  &.complete-0 {
    ul li:nth-child(1) div {
      .current-progress();
    }

  }
  &.complete-1 {
    .bar .status {
      width: 33.5%;
    }
    ul li:nth-child(-n+1) div {
      .completed-progress();
    }
    ul li:nth-child(2) div {
      .current-progress();
    }

  }
  &.complete-2 {
    .bar .status {
      width: 66.8%;
    }
    ul li:nth-child(-n+2) div {
      .completed-progress();
    }
    ul li:nth-child(3) div {
      .current-progress();
    }

  }
  &.complete-3 {
    .bar .status {
      width: 100%;
    }
    ul li:nth-child(-n+3) div {
      .completed-progress();
    }
  }

}
.row {
  margin-bottom: 20px;

}
#main {
  position: relative;
  .stage {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity @stage-change-time ease;
    opacity: 0;
    z-index: 1;
    &.visible {
      opacity: 1;
      z-index: 10;
    }
    .title {
      text-align: center;
      h2 {
        font-size: 40px;

      }
      p {
        font-size: 18px;

      }
      margin-bottom: 20px;
    }

{'fraction_non_alphanumeric': 0.1492213680268086, 'fraction_numerical': 0.0514488468361916, 'mean_word_length': 1.7802739726027397, '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': '6843284', 'n_tokens_mistral': 2113, 'n_tokens_neox': 1874, 'n_words': 406}