<commit_before>@import "./variables";

@question-width: 50px;
@margin: 20px;

.levelViewer {
  min-width: calc(100vw - 240px);
  border-bottom:1.5px solid @cc-teal-light2;
  position: relative;
  height: @top-nav-level-viewer-height;
  user-select: none;

  .cover {
    width: 100%;
    height: 44px;
    background-color: white;
    position: absolute;
    bottom: -46px;
  }

  .activityButtons {
    display: flex;
    position: relative;
    height: 158px;
    margin-top: 19px;
    margin-left: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: @cc-teal-dark1;

    .animateLevelButton {
      position: relative;
      width: 120px;
      flex: 0 0 120px;
      margin-left: @margin;
      transition: all 0.5s ease;

      .blueLine {
        position: absolute;
        right: -9px;
        bottom: 0;
        width: 2px;
        height: 154px;
        background-color: @cc-teal-light2;
      }
    }

    .activityButton {
      position: relative;
      height: 158px;
      transition: all 0.5s ease;

      .activityInnerButton {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 76%;
        box-sizing: border-box;
        border: solid 1.5px @cc-charcoal-light1;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;

        .activityTitle {
          width: 73px;
          height: 50%;
          padding: 6px 10px 0 10px;
          text-overflow: ellipsis;
        }

        .activityImage {
          height: 50%;
        }

        &:hover {
          background-color: @cc-teal-light4;
        }
        &:active {
          color: white;
          background-color: @cc-teal-dark1;
        }
      }

      .activityImage {
        background-color: @cc-teal-light2;
        &.firstColor {
          background-color: @activity-blue;
        }
        &.secondColor {
          background-color: @activity-yellow;
        }
        &.thirdColor {
          background-color: @activity-red;
        }
        &.fourthColor {
          background-color: @activity-green;
        }<commit_msg>Remove default color<commit_after>@import "./variables";

@question-width: 50px;
@margin: 20px;

.levelViewer {
  min-width: calc(100vw - 240px);
  border-bottom:1.5px solid @cc-teal-light2;
  position: relative;
  height: @top-nav-level-viewer-height;
  user-select: none;

  .cover {
    width: 100%;
    height: 44px;
    background-color: white;
    position: absolute;
    bottom: -46px;
  }

  .activityButtons {
    display: flex;
    position: relative;
    height: 158px;
    margin-top: 19px;
    margin-left: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: @cc-teal-dark1;

    .animateLevelButton {
      position: relative;
      width: 120px;
      flex: 0 0 120px;
      margin-left: @margin;
      transition: all 0.5s ease;

      .blueLine {
        position: absolute;
        right: -9px;
        bottom: 0;
        width: 2px;
        height: 154px;
        background-color: @cc-teal-light2;
      }
    }

    .activityButton {
      position: relative;
      height: 158px;
      transition: all 0.5s ease;

      .activityInnerButton {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 76%;
        box-sizing: border-box;
        border: solid 1.5px @cc-charcoal-light1;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;

        .activityTitle {
          width: 73px;
          height: 50%;
          padding: 6px 10px 0 10px;
          text-overflow: ellipsis;
        }

        .activityImage {
          height: 50%;
        }

        &:hover {
          background-color: @cc-teal-light4;
        }
        &:active {
          color: white;
          background-color: @cc-teal-dark1;
        }
      }

      .activityImage {
        &.firstColor {
          background-color: @activity-blue;
        }
        &.secondColor {
          background-color: @activity-yellow;
        }
        &.thirdColor {
          background-color: @activity-red;
        }
        &.fourthColor {
          background-color: @activity-green;
        }
{'fraction_non_alphanumeric': 0.11756505576208179, 'fraction_numerical': 0.036013011152416355, 'mean_word_length': 1.6872659176029963, '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': '807220', 'n_tokens_mistral': 1514, 'n_tokens_neox': 1362, 'n_words': 296}