<commit_before>.toggle-notifications {
  position: fixed;
  right:0;
  top: 0em;
  width:2.2em;
  height:2.2em;
  border-width: 0;
  padding:.35em;
  font-size:1.4em;
  font-weight:600;
  color:#fff;
  cursor: pointer;
  user-select:none;
  margin:0;
  background:rgba(0, 0, 0, .4);
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, color, opacity, padding-left;
}

.new {
  color: black;
  opacity: 1;
  background:hsla(44, 94%, 50%, .65);
}

.new:hover {
  opacity: 1;
}

#list-notifications {
  position: relative;
  top: 5em;
  opacity: 0;
  right: -15em;
  width: 15em;
}

ul#contains-notifications {
  margin: 0;
}

li.notification {
  background-color: #333333;
  color: #858585;
  list-style: none;
  padding: 1em;
  margin-bottom: .125em;
}

li.unread-true {
  color: #fff;
}

#list-notifications.reveal-notifications {
  position: absolute;
  opacity: 1;
  right: 0em;
  transition: all .3s ease-in-out;
  box-shadow: 30em 0 0 30em rgba(0, 0, 0, .3);
  transition: all .3s ease-in-out;<commit_msg>Scroll overflow for notification pane<commit_after>.toggle-notifications {
  position: absolute;
  right:0;
  top: 0em;
  width:2.2em;
  height:2.2em;
  border-width: 0;
  padding:.35em;
  font-size:1.4em;
  font-weight:600;
  color:#fff;
  cursor: pointer;
  user-select:none;
  margin:0;
  background:rgba(0, 0, 0, .4);
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, color, opacity, padding-left;
}

.new {
  color: black;
  opacity: 1;
  background:hsla(44, 94%, 50%, .65);
}

.new:hover {
  opacity: 1;
}

#list-notifications {
  position: relative;
  opacity: 0;
  right: -15em;
  width: 15em;
  height: 0;
  overflow: hidden;
}

ul#contains-notifications {
  margin: 0;
}

li.notification {
  background-color: #333333;
  color: #858585;
  list-style: none;
  padding: 1em;
  margin-bottom: .125em;
}

li.unread-true {
  color: #fff;
}

#list-notifications.reveal-notifications {
  position: absolute;
  opacity: 1;
  right: 0em;
  top: 3em;
  transition: all .3s ease-in-out;
  box-shadow: 30em 0 0 30em rgba(0, 0, 0, .3);
  transition: all .3s ease-in-out;
  overflow-y: auto;
  height: auto;
  min-height: 5em;
  max-height: 75%;
}

#list-notifications {
{'fraction_non_alphanumeric': 0.15579868708971553, 'fraction_numerical': 0.06039387308533917, 'mean_word_length': 3.456140350877193, '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': '7230561', 'n_tokens_mistral': 1029, 'n_tokens_neox': 930, 'n_words': 206}