<commit_before>.MetricCardViewSection {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.MetricCardViewSection .MetricTokenSection{
  position: absolute;
  right: 0;
  top: 0;
}

.metricCard .MetricCardViewSection.hasErrors .StatsSectionErrors.minor  {
  background-color: rgb(236, 202, 199);
}

.metricCard .MetricCardViewSection.hasErrors .StatsSectionErrors.serious  {
  background-color: #E48585;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors.serious .fa{
  color: #A74B4B;
  font-size: 1.5em;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors.serious i{
  color: #A74B4B;
  font-size: 1.8em;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors.minor .fa{
  font-size: 1.4em;
  color: #D48A8A;
  margin-top: 4px;
}

.metricCard .MetricCardViewSection .react-d3-histogram {
  position: absolute;
  z-index: -1;
  left: -5px;
}

.metricCard.input .MetricCardViewSection .DistributionSummary {
  color: #222;
}

 .metricCard.output .MetricCardViewSection .DistributionSummary {
  font-weight: 700;
  color: #111;
}

.MetricCardViewSection > .NameSection {
  width: 100%;
  padding: 5px 30px 0px 5px;
  float: left;
  flex: 1;
}

.MetricCardViewSection > .StatsSection {
  cursor: move;
  width: 100%;
  float: left;
  min-height: 10px;
  flex: 5;
  display: flex;
  flex-direction: column;
}

.MetricCardViewSection > .StatsSection .StatsSectionBody {
  padding: 8px 6px 4px 7px;
  flex: 5;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;<commit_msg>Fixed flexbox overlap for safari<commit_after>.MetricCardViewSection {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.MetricCardViewSection .MetricTokenSection{
  position: absolute;
  right: 0;
  top: 0;
}

.metricCard .MetricCardViewSection.hasErrors .StatsSectionErrors.minor  {
  background-color: rgb(236, 202, 199);
}

.metricCard .MetricCardViewSection.hasErrors .StatsSectionErrors.serious  {
  background-color: #E48585;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors.serious .fa{
  color: #A74B4B;
  font-size: 1.5em;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors.serious i{
  color: #A74B4B;
  font-size: 1.8em;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors.minor .fa{
  font-size: 1.4em;
  color: #D48A8A;
  margin-top: 4px;
}

.metricCard .MetricCardViewSection .react-d3-histogram {
  position: absolute;
  z-index: -1;
  left: -5px;
}

.metricCard.input .MetricCardViewSection .DistributionSummary {
  color: #222;
}

 .metricCard.output .MetricCardViewSection .DistributionSummary {
  font-weight: 700;
  color: #111;
}

.MetricCardViewSection > .NameSection {
  width: 100%;
  padding: 5px 30px 0px 5px;
  float: left;
  flex: 0 0 auto;
}

.MetricCardViewSection > .StatsSection {
  cursor: move;
  width: 100%;
  float: left;
  min-height: 10px;
  flex: 5;
  display: flex;
  flex-direction: column;
}

.MetricCardViewSection > .StatsSection .StatsSectionBody {
  padding: 8px 6px 4px 7px;
  flex: 5;
}

.MetricCardViewSection > .StatsSection .StatsSectionErrors {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
{'fraction_non_alphanumeric': 0.11985248924400738, 'fraction_numerical': 0.040872771972956363, 'mean_word_length': 4.078003120124805, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, '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': '3106852', 'n_tokens_mistral': 1270, 'n_tokens_neox': 1153, 'n_words': 257}