<commit_before>html,
body {
  font-family: "Open Sans", sans-serif;
  color: #333;
}
.left {
  float: left;
}
.right {
  float: right;
}
.hidden {
  display: none;
}
h2,
h3 {
  margin-top: 2.5em;
}
h4,
h5 {
  margin-top: 2em;
}
.header + .header h3,
.header + .header h4,
.header + .header h5 {
  margin-top: 1em;
}
table {
  margin: 0 auto;
  border-collapse: collapse;
}
table td {
  padding: 3px 20px;
  border: 1px solid;
}
table thead td {
  font-weight: 700;
}
.sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  overflow-y: auto;
  padding: 10px 10px;
  font-size: 0.875em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -ms-transition: left 0.5s;
  transition: left 0.5s;
}
@media only screen and (max-width: 1060px) {
  .sidebar {
    left: -300px;
  }
}
.sidebar code {
  line-height: 2em;
}
.sidebar-hidden .sidebar {
  left: -300px;
}
.sidebar-visible .sidebar {
  left: 0;
}
.chapter {
  list-style: none outside none;
  padding-left: 0;
  line-height: 2.2em;
}
.chapter li a {
  padding: 5px 0;
  text-decoration: none;
}
.chapter li a:hover {
  text-decoration: none;
}
.chapter .spacer {
  width: 100%;
  height: 3px;
  margin: 10px 0px;
}
.section {
  list-style: none outside none;
  padding-left: 20px;
  line-height: 1.9em;
}
.section li {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-wrapper {
  position: absolute;
  left: 315px;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -ms-transition: left 0.5s;
  transition: left 0.5s;
}
@media only screen and (max-width: 1060px) {
  .page-wrapper {
    left: 15px;
    padding-right: 15px;
  }
}
.sidebar-hidden .page-wrapper {
  left: 15px;
}
.sidebar-visible .page-wrapper {
  left: 315px;
}
.page {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-right: 15px;
}
@media only screen and (max-width: 400px) {
  .page {
    /* Only prevent horizontal scrolling on screens with less than 100px for the content
       A better way would be to somehow prevent horizontal scrolling all the time, but this causes scrolling problems on iOS Safari.
       Also, would be better to only enable horizontal scrolling when it is needed (content does not fit on page) but I have no idea how to do that. */
    overflow-x: hidden;
  }
}
.content {
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
  padding-bottom: 50px;
}
.content a {
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
}
.content img {
  max-width: 100%;
}
.menu-bar {
  position: relative;
  height: 50px;
}
.menu-bar i {
  position: relative;
  margin: 0 10px;
  z-index: 10;
  line-height: 50px;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
}
.menu-bar i:hover {
  cursor: pointer;
}
.menu-bar .left-buttons {
  float: left;
}
.menu-bar .right-buttons {
  float: right;
}
.menu-title {
  display: inline-block;
  font-weight: 200;
  font-size: 20px;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;<commit_msg>widen hit regions of menu buttons<commit_after>html,
body {
  font-family: "Open Sans", sans-serif;
  color: #333;
}
.left {
  float: left;
}
.right {
  float: right;
}
.hidden {
  display: none;
}
h2,
h3 {
  margin-top: 2.5em;
}
h4,
h5 {
  margin-top: 2em;
}
.header + .header h3,
.header + .header h4,
.header + .header h5 {
  margin-top: 1em;
}
table {
  margin: 0 auto;
  border-collapse: collapse;
}
table td {
  padding: 3px 20px;
  border: 1px solid;
}
table thead td {
  font-weight: 700;
}
.sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  overflow-y: auto;
  padding: 10px 10px;
  font-size: 0.875em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -ms-transition: left 0.5s;
  transition: left 0.5s;
}
@media only screen and (max-width: 1060px) {
  .sidebar {
    left: -300px;
  }
}
.sidebar code {
  line-height: 2em;
}
.sidebar-hidden .sidebar {
  left: -300px;
}
.sidebar-visible .sidebar {
  left: 0;
}
.chapter {
  list-style: none outside none;
  padding-left: 0;
  line-height: 2.2em;
}
.chapter li a {
  padding: 5px 0;
  text-decoration: none;
}
.chapter li a:hover {
  text-decoration: none;
}
.chapter .spacer {
  width: 100%;
  height: 3px;
  margin: 10px 0px;
}
.section {
  list-style: none outside none;
  padding-left: 20px;
  line-height: 1.9em;
}
.section li {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-wrapper {
  position: absolute;
  left: 315px;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -ms-transition: left 0.5s;
  transition: left 0.5s;
}
@media only screen and (max-width: 1060px) {
  .page-wrapper {
    left: 15px;
    padding-right: 15px;
  }
}
.sidebar-hidden .page-wrapper {
  left: 15px;
}
.sidebar-visible .page-wrapper {
  left: 315px;
}
.page {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-right: 15px;
}
@media only screen and (max-width: 400px) {
  .page {
    /* Only prevent horizontal scrolling on screens with less than 100px for the content
       A better way would be to somehow prevent horizontal scrolling all the time, but this causes scrolling problems on iOS Safari.
       Also, would be better to only enable horizontal scrolling when it is needed (content does not fit on page) but I have no idea how to do that. */
    overflow-x: hidden;
  }
}
.content {
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
  padding-bottom: 50px;
}
.content a {
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
}
.content img {
  max-width: 100%;
}
.menu-bar {
  position: relative;
  height: 50px;
}
.menu-bar i {
  position: relative;
  padding: 0 10px;
  z-index: 10;
  line-height: 50px;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -ms-transition: color 0.5s;
  transition: color 0.5s;
}
.menu-bar i:hover {
  cursor: pointer;
}
.menu-bar .left-buttons {
  float: left;
}
.menu-bar .right-buttons {
  float: right;
}
.menu-title {
  display: inline-block;
  font-weight: 200;
  font-size: 20px;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
{'fraction_non_alphanumeric': 0.14263609509073005, 'fraction_numerical': 0.04388802925868617, 'mean_word_length': 2.9412416851441243, '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': '5351950', 'n_tokens_mistral': 3083, 'n_tokens_neox': 2787, 'n_words': 782}