<commit_before>.bar-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);

    .interesting-facts {
      .radio {
        margin-bottom: 20px;
      }
    }
    .configurable-random {
      margin-top: 30px;
      .config-option {
        width: 60%;
        margin-left: 20%;
      }
    }
    .functions {
      .basic-config {
        margin-top: 10px;
      }
      .function-config {
        text-align: center;
        margin-bottom: 10px;
        p {
          margin: 0;
          margin-top: 30px;
        }
      }
      h3 {
        text-align: center;
        margin-bottom: -20px;
      }
    }
    .stock-simulation {
      width: 90%;
      margin: 5%;
    }
    .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) {
    .pure-random {
      margin-left: 33%;
      margin-top: 30px;
    }
    .interesting-facts {
      margin-left: 40%;
      margin-top: 30px;
    }
    .functions {
      .config-option {
        text-align: center;
        width: 80%;
        margin-left: 10%;
      }
      .coefficient {
        display: inline-block;
      }
    }
    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
  }

  @media (min-width: 768px) {
    .pure-random {
      margin-left: 40px;
      margin-top: 30px;
    }
    .interesting-facts {
      margin-left: 50px;
      margin-top: 30px;
    }
    .functions {
      .config-option {
        text-align: center;
        width: 80%;
        margin-left: 10%;
      }
      .coefficient {
        display: block;
        margin-left: 0;
      }
    }
    .apply-button {
      width: 60%;
      margin-left: 20%;
    }
  }
  @media (min-width: 992px) {
    .pure-random {
      margin-left: 80px;
      margin-top: 30px;
    }
    .interesting-facts {
      margin-left: 90px;
      margin-top: 30px;
    }
    .functions {
      .config-option {
        text-align: center;
        width: 80%;
        margin-left: 10%;
      }
      .coefficient {
        display: inline-block;
      }
    }
    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
  }
  @media (min-width: 1200px) {
    .pure-random {
      margin-left: 110px;
      margin-top: 30px;
    }
    .interesting-facts {
      margin-left: 130px;
      margin-top: 30px;
    }
    .functions {
      .config-option {
        text-align: center;
        width: 60%;
        margin-left: 20%;
      }
      .coefficient {
        display: inline-block;
      }
    }

    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
  }


  .coefficient{
    padding: 15px;
    padding-bottom: 0;
  }

  .chart-area {
    border: 1px solid rgba(128, 128, 128, 0.50);
  }

  h3 {
    text-align: center;
  }
}<commit_msg>Fixed styles for the configs of BS mode<commit_after>.bar-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);


    .configurable-random {
      margin-top: 30px;
      .config-option {
        width: 60%;
        margin-left: 20%;
      }
    }
    .balance-simulation {
      margin-top: 30px;
      .config-option {
        width: 80%;
        margin-left: 10%;
      }
    }
    .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) {
    .pure-random {
      margin-left: 33%;
      margin-top: 30px;
    }
    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
  }

  @media (min-width: 768px) {
    .pure-random {
      margin-left: 40px;
      margin-top: 30px;
    }
    .apply-button {
      width: 60%;
      margin-left: 20%;
    }
  }
  @media (min-width: 992px) {
    .pure-random {
      margin-left: 80px;
      margin-top: 30px;
    }
    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
  }
  @media (min-width: 1200px) {
    .pure-random {
      margin-left: 110px;
      margin-top: 30px;
    }

    .apply-button {
      width: 40%;
      margin-left: 30%;
    }
  }

  .coefficient{
    padding: 15px;
    padding-bottom: 0;
  }

  .chart-area {
    border: 1px solid rgba(128, 128, 128, 0.50);
  }

  h3 {
    text-align: center;
  }
}
{'fraction_non_alphanumeric': 0.1380527684875511, 'fraction_numerical': 0.050724637681159424, 'mean_word_length': 1.416068222621185, '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': '477436', 'n_tokens_mistral': 2199, 'n_tokens_neox': 1902, 'n_words': 385}