<commit_before>$graph-bg-color: $g3-castle;
$graph-active-color: $g4-onyx;
$graph-radius: 4px;
$de-vertical-margin: 16px;
$dygraphs-legend-offset: 32px;

.graph {
  position: absolute;
  width: calc(100% - #{($explorer-page-padding * 2)});
  left: $explorer-page-padding;
  top: $de-vertical-margin;
  height: 60%;
}
.graph-heading {
  background-color: $graph-bg-color;
  border-radius: $graph-radius $graph-radius 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 16px;
  transition:
    background-color 0.25s ease;

  .toggle {
    margin: 0;
  }
}
.graph-title {
  font-size: 14px;
  color: $g13-mist;
  font-weight: 600;
  margin-right: 16px;
  transition:
    color 0.25s ease;
}
.graph-actions {
  display: flex;
  align-items: center;
}
.graph-container {
  background-color: $graph-bg-color;
  border-radius: 0 0 $graph-radius $graph-radius;
  padding: 8px 16px;
  position: relative;
  height: 316px;
  transition:
    background-color 0.25s ease;
}
.data-explorer .graph-container {
  height: calc(100% - 44px - 32px);
  padding: 0;

  & > div {
    position: absolute;
    width: calc(100% - #{($de-vertical-margin * 2)});
    height: calc(100% - #{$de-vertical-margin});
    top: ($de-vertical-margin / 2);
    left: $de-vertical-margin;
  }
  & > div > div {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  & > div > div > div:first-child {
    height: 100% !important;
  }
}

<commit_msg>Fix vertical marker in DE<commit_after>$graph-bg-color: $g3-castle;
$graph-active-color: $g4-onyx;
$graph-radius: 4px;
$de-vertical-margin: 16px;
$dygraphs-legend-offset: 32px;

.graph {
  position: absolute;
  width: calc(100% - #{($explorer-page-padding * 2)});
  left: $explorer-page-padding;
  top: $de-vertical-margin;
  height: 60%;
}
.graph-heading {
  background-color: $graph-bg-color;
  border-radius: $graph-radius $graph-radius 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 16px;
  transition:
    background-color 0.25s ease;

  .toggle {
    margin: 0;
  }
}
.graph-title {
  font-size: 14px;
  color: $g13-mist;
  font-weight: 600;
  margin-right: 16px;
  transition:
    color 0.25s ease;
}
.graph-actions {
  display: flex;
  align-items: center;
}
.graph-container {
  background-color: $graph-bg-color;
  border-radius: 0 0 $graph-radius $graph-radius;
  padding: 8px 16px;
  position: relative;
  height: 316px;
  transition:
    background-color 0.25s ease;
}
.data-explorer .graph-container {
  height: calc(100% - 44px - 32px);
  padding: 0;

  & > div {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  & > div > div {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    // width: calc(100% - #{($de-vertical-margin * 2)});
    // height: calc(100% - #{$de-vertical-margin});
    // top: ($de-vertical-margin / 2);
    // left: $de-vertical-margin;
  }
  & > div > div > div:first-child {
    height: 100% !important;
  }
}


{'fraction_non_alphanumeric': 0.16644736842105262, 'fraction_numerical': 0.05032894736842105, 'mean_word_length': 3.03315649867374, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '2136246', 'n_tokens_mistral': 1289, 'n_tokens_neox': 1144, 'n_words': 257}