<commit_before>.other-page {
  margin-top: 30px;

  .dropdown {
    margin-bottom: 20px;

    .btn {
      width: 80%;
      margin-left: 10%;
    }
    .dropdown-menu {
      width: 90%;
      margin-left: 5%;
      text-align: center;
      li {
        cursor: pointer;
      }
    }
  }

  .configuration-area {
    background-color: #f2f2f2;
    height: 348px;
    overflow:auto;
    border: 1px solid rgba(128, 128, 128, 0.50);

    .other-heatmap {
      margin-top: 40px;
    }
    .other-tilemap {
      margin-top: 40px;
    }
    .other-polar {
      margin-top: 20px;
    }
    .polar-type-selector {
      margin-top: 20px;
      width: 60%;
      margin-left: 20%;
    }
    .other-wordcloud {
      margin-top: 30px;
      .config-option {
        width: 80%;
        margin-left: 10%;
      }
      .input-textarea {
        resize: none;
        height: 125px;
      }
      .checkbox {
        text-align: center;
      }
    }
    .color-pickers {
      margin-top: 20px;
    }
    .color-picker-item {
      display: inline-block;
      width: 33%;
      text-align: center;
    }
    .color-picker-item-tilemap {
      display: inline-block;
      width: 50%;
      text-align: center;
    }
    .apply-button {
      position: absolute;
      bottom: 30px;
      left: 0;
    }
    .col-md-4 {
      padding: 0;
    }
    .row {
      margin: 0;
    }
    .modified {
      width: 60px;
      display: inline-block;
    }
    .position-dynamic {
      position: unset;
      margin-bottom: 30px;
      margin-top: 30px;
    }
  }

  /* Customize pure-random container */
  @media (min-width: 0px) {
    .other-heatmap {
      margin-left: 33%;
    }
    .other-tilemap {
      margin-left: 33%;
    }
    .other-polar {
      margin-left: 33%;
    }
    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
    .configuration-area {
      margin-bottom: 20px;
    }
    .chart-area {
      border: none;
    }
  }

  @media (min-width: 768px) {
    .other-heatmap {
      margin-left: 40px;
    }
    .other-tilemap {
      margin-left: 40px;
    }
    .other-polar {
      margin-left: 40px;
    }
    .apply-button {
      width: 80%;
      margin-left: 10%;
    }
    .configuration-area {
      margin-bottom: 0;

      .color-picker-item {
        display: block;
        width: 100%;
        text-align: center;
      }
    }
    .chart-area {
      border: 1px solid rgba(128, 128, 128, 0.50);
    }
  }

  @media (min-width: 992px) {
    .other-heatmap {
      margin-left: 80px;
    }
    .other-tilemap {
      margin-left: 80px;
    }
    .other-polar {
      margin-left: 80px;
    }
    .configuration-area {
      .color-picker-item {
        display: inline-block;
        width: 33%;
        text-align: center;
      }
    }
    .apply-button {
      width: 60%;
      margin-left: 20%;
    }
  }

  @media (min-width: 1200px) {
    .other-heatmap {
      margin-left: 110px;
    }
    .other-tilemap {
      margin-left: 110px;
    }
    .other-polar {
      margin-left: 110px;
    }
    .configuration-area {
      .color-picker-item {
        display: inline-block;
        width: 33%;<commit_msg>DEV-28 fixed styles of the checkboxes<commit_after>.other-page {
  margin-top: 30px;

  .dropdown {
    margin-bottom: 20px;

    .btn {
      width: 80%;
      margin-left: 10%;
    }
    .dropdown-menu {
      width: 90%;
      margin-left: 5%;
      text-align: center;
      li {
        cursor: pointer;
      }
    }
  }

  .configuration-area {
    background-color: #f2f2f2;
    height: 348px;
    overflow:auto;
    border: 1px solid rgba(128, 128, 128, 0.50);

    .other-heatmap {
      margin-top: 40px;
    }
    .other-tilemap {
      margin-top: 40px;
    }
    .other-polar {
      margin-top: 20px;
    }
    .other-pyramid {
      margin-top: 50px;
    }
    .polar-type-selector {
      margin-top: 20px;
      width: 60%;
      margin-left: 20%;
    }
    .other-wordcloud {
      margin-top: 30px;
      .config-option {
        width: 80%;
        margin-left: 10%;
      }
      .input-textarea {
        resize: none;
        height: 125px;
      }
      .checkbox {
        text-align: center;
      }
    }
    .color-pickers {
      margin-top: 20px;
    }
    .color-picker-item {
      display: inline-block;
      width: 33%;
      text-align: center;
    }
    .color-picker-item-tilemap {
      display: inline-block;
      width: 50%;
      text-align: center;
    }
    .apply-button {
      position: absolute;
      bottom: 30px;
      left: 0;
    }
    .col-md-4 {
      padding: 0;
    }
    .row {
      margin: 0;
    }
    .modified {
      width: 60px;
      display: inline-block;
    }
    .position-dynamic {
      position: unset;
      margin-bottom: 30px;
      margin-top: 30px;
    }
  }

  /* Customize pure-random container */
  @media (min-width: 0px) {
    .other-heatmap {
      margin-left: 33%;
    }
    .other-tilemap {
      margin-left: 33%;
    }
    .other-polar {
      margin-left: 33%;
    }
    .other-pyramid {
      margin-left: 33%;
    }
    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
    .configuration-area {
      margin-bottom: 20px;
    }
    .chart-area {
      border: none;
    }
  }

  @media (min-width: 768px) {
    .other-heatmap {
      margin-left: 40px;
    }
    .other-tilemap {
      margin-left: 40px;
    }
    .other-polar {
      margin-left: 40px;
    }
    .other-pyramid {
      margin-left: 40px;
    }
    .apply-button {
      width: 80%;
      margin-left: 10%;
    }
    .configuration-area {
      margin-bottom: 0;

      .color-picker-item {
        display: block;
        width: 100%;
        text-align: center;
      }
    }
    .chart-area {
      border: 1px solid rgba(128, 128, 128, 0.50);
    }
  }

  @media (min-width: 992px) {
    .other-heatmap {
      margin-left: 80px;
    }
    .other-tilemap {
      margin-left: 80px;
    }
    .other-polar {
      margin-left: 80px;
    }
    .other-pyramid {
      margin-left: 80px;
    }
    .configuration-area {
      .color-picker-item {
        display: inline-block;
        width: 33%;
        text-align: center;
      }
    }
    .apply-button {
      width: 60%;
      margin-left: 20%;
    }
  }

  @media (min-width: 1200px) {
    .other-heatmap {
      margin-left: 110px;
    }
    .other-tilemap {
      margin-left: 110px;
    }
    .other-polar {
      margin-left: 110px;
    }
    .other-pyramid {
      margin-left: 110px;
    }
    .configuration-area {
      .color-picker-item {
        display: inline-block;
        width: 33%;
{'fraction_non_alphanumeric': 0.13834472285497343, 'fraction_numerical': 0.04510250569476082, 'mean_word_length': 1.4437847866419296, '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': '780400', 'n_tokens_mistral': 2667, 'n_tokens_neox': 2338, 'n_words': 443}