<commit_before>@import "~styles/common.scss";
@import "~styles/typography.scss";
@import "~styles/palette.scss";

.filtersContainer {
  font-weight: bold;
}

.tribeReport {
  min-height: 300px;
  margin-bottom: $spaceLarger;
}

.tribeMonthReportsRow {
  display: flex;
  padding-bottom: $spaceLarger;
  justify-content: space-between;
  margin-top: $spaceBig;
}

.monthReport {
  display: flex;
  text-align: center;
}

// Generic statistics list
.genericStats {
  position: relative;
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0;
}

.genericStatsItem {
  margin-top: $spaceNormal;
  position: relative;
}

.genericStatsValue {
  font-size: $fontSizeBig;
  font-weight: bold;
}

// People statistics list
$peopleStatsRightGutterWidth: 20px;
$peopleStatsUnitBottom: 4px;

.peopleStats {
  @extend .genericStats;
}

.peopleStatsItem {
  @extend .genericStatsItem;
  text-align: right;
  padding-right: $peopleStatsRightGutterWidth;
}

.peopleStatsItemSpecial {
  @extend .peopleStatsItem;
  color: $colorPurple;
}

.peopleStatsLabel {
  display: block;
  font-family: $fontFamilyRegular;
  font-size: $fontSizeSmall;
}

.peopleStatsValue {
  @extend .genericStatsValue;
  display: block;
}

.peopleStatsUnit {
  position: absolute;
  bottom: $peopleStatsUnitBottom;
  right: 0;
  font-size: $fontSizeSmall;
}

// Finance statistics list
.financeStats {
  @extend .genericStats;
}

.financeStatsItem {
  @extend .genericStatsItem;
  text-align: left;
}

.financeStatsItemSpecial {
  @extend .financeStatsItem;
  color: $colorRed;
}

.financeStatsLabel {
  display: block;
  font-family: $fontFamilyRegular;
  font-size: $fontSizeSmall;
}

.financeStatsValue {
  @extend .genericStatsValue;
  display: inline-block;
}

.financeStatsUnit {
  display: inline-block;
  font-size: $fontSizeSmall;
  margin-left: $spaceTiny;
}

// Month graph
.monthGraph {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 $spaceNormal;
  min-width: 110px;
  position: relative;
}

.monthGraphShapes {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.monthGraphFinance {
  margin: 0 $spaceSmall;
  padding: 0;
  min-width: 10px;
  list-style-type: none;
}

.monthGraphFinanceOverrun {
  background-color: $colorRed;
}

.monthGraphFinanceConfirmed {
  background-color: $colorGreenLight;
}

$peopleBoxSize: 8px;

.monthGraphPeopleBoxList {
  margin: 0 $spaceSmall;
  padding: 0;
  display: flex;
  width: (2.5 * $peopleBoxSize);
  flex-direction: row;
  list-style-type: none;
  flex-wrap: wrap-reverse;
}

.monthGraphPeopleChunk {
  display: flex;
  width: (2.5 * $peopleBoxSize);
  flex-direction: row;
  list-style-type: none;
  flex-wrap: wrap-reverse;
  margin-top: 4px;
}

.monthGraphPeopleBox {
  width: $peopleBoxSize;
  height: $peopleBoxSize;
  margin: 1px;
}

.monthGraphPeopleBoxExternal {
  @extend .monthGraphPeopleBox;
  background-color: $colorPurple;
}

.monthGraphPeopleBoxBooked {
  @extend .monthGraphPeopleBox;
  background-color: $colorGreenLight;
}

.monthGraphPeopleBoxBench {
  @extend .monthGraphPeopleBox;<commit_msg>Minor tweaks to styles of graphs on powerhead page<commit_after>@import "~styles/common.scss";
@import "~styles/typography.scss";
@import "~styles/palette.scss";

.filtersContainer {
  font-weight: bold;
}

.tribeReport {
  min-height: 300px;
  margin-bottom: $spaceLarger;
}

.tribeMonthReportsRow {
  display: flex;
  padding-bottom: $spaceLarger;
  justify-content: space-between;
  margin-top: $spaceBig;
}

.monthReport {
  display: flex;
  text-align: center;
}

// Generic statistics list
.genericStats {
  position: relative;
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0;
}

.genericStatsItem {
  margin-top: $spaceNormal;
  position: relative;
}

.genericStatsValue {
  font-size: $fontSizeBig;
  font-weight: bold;
}

// People statistics list
$peopleStatsRightGutterWidth: 20px;
$peopleStatsUnitBottom: 4px;

.peopleStats {
  @extend .genericStats;
}

.peopleStatsItem {
  @extend .genericStatsItem;
  text-align: right;
  padding-right: $peopleStatsRightGutterWidth;
}

.peopleStatsItemSpecial {
  @extend .peopleStatsItem;
  color: $colorPurple;
}

.peopleStatsLabel {
  display: block;
  font-family: $fontFamilyRegular;
  font-size: $fontSizeSmall;
}

.peopleStatsValue {
  @extend .genericStatsValue;
  display: block;
}

.peopleStatsUnit {
  position: absolute;
  bottom: $peopleStatsUnitBottom;
  right: 0;
  font-size: $fontSizeSmall;
}

// Finance statistics list
.financeStats {
  @extend .genericStats;
}

.financeStatsItem {
  @extend .genericStatsItem;
  text-align: left;
}

.financeStatsItemSpecial {
  @extend .financeStatsItem;
  color: $colorRed;
}

.financeStatsLabel {
  display: block;
  font-family: $fontFamilyRegular;
  font-size: $fontSizeSmall;
}

.financeStatsValue {
  @extend .genericStatsValue;
  display: inline-block;
}

.financeStatsUnit {
  display: inline-block;
  font-size: $fontSizeSmall;
  margin-left: $spaceTiny;
}

// Month graph
.monthGraph {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 $spaceNormal;
  min-width: 110px;
  position: relative;
}

.monthGraphShapes {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.monthGraphFinance {
  margin: 0 $spaceNormal 0 0;
  padding: 0;
  min-width: 10px;
  list-style-type: none;
}

.monthGraphFinanceOverrun {
  background-color: $colorRed;
}

.monthGraphFinanceConfirmed {
  background-color: $colorGreenLight;
}

$peopleBoxSize: 8px;

.monthGraphPeopleBoxList {
  margin: 0 0 0 $spaceNormal;
  padding: 0;
  display: flex;
  width: (2.5 * $peopleBoxSize);
  flex-direction: row;
  list-style-type: none;
  flex-wrap: wrap-reverse;
}

.monthGraphPeopleChunk {
  display: flex;
  width: (2.5 * $peopleBoxSize);
  flex-direction: row;
  list-style-type: none;
  flex-wrap: wrap-reverse;
  margin-top: 3px;
}

.monthGraphPeopleBox {
  width: $peopleBoxSize;
  height: $peopleBoxSize;
  margin-top: 1px;
  margin-right: 1px;
}

.monthGraphPeopleBoxExternal {
  @extend .monthGraphPeopleBox;
  background-color: $colorPurple;
}

.monthGraphPeopleBoxBooked {
  @extend .monthGraphPeopleBox;
  background-color: $colorGreenLight;
}

.monthGraphPeopleBoxBench {
  @extend .monthGraphPeopleBox;
{'fraction_non_alphanumeric': 0.12492093611638204, 'fraction_numerical': 0.009013282732447819, 'mean_word_length': 4.2576891105569405, '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': '5928257', 'n_tokens_mistral': 2324, 'n_tokens_neox': 2261, 'n_words': 457}