<commit_before>@custom-selector :--header h1, h2, h3, h4, h5, h6;

body {
  background-color: var(--color-background);
  font-family: var(--font-body);
  font-size: var(--size-body);
  color: var(--color-body);
  line-height: var(--line-height);
  padding-bottom: calc(var(--line-height) * 2);
}

a {
  color: inherit;
  text-decoration: inherit;
}

p, ul, ol, pre, .table-wrapper {
  margin: 0 0 var(--line-height);
}

pre, code {
  font-family: var(--font-mono);
  font-size: var(--size-mono);
}

pre {
  color: var(--color-alt);
  padding: calc(var(--mono-height) * 1 / 2) calc(var(--mono-height) * 3 / 4);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  line-height: var(--mono-height);
  margin: calc(var(--line-height) * 3 / 2) 0;
}

pre code {
  font-size: 1em;
}

:--header {
  font-size: calc(1em * 5 / 4);
  font-family: var(--font-header);
  margin: calc(var(--line-height) * 8 / 5) 0 calc(var(--line-height) * 4 / 5);
}

:--header a {
  color: var(--color-light);
  margin-left: 0.5em;
  text-decoration: none !important;
}

header {
  background-color: var(--color-background-header);
  padding: calc(var(--line-height) * 4) var(--line-height);
  text-align: center;
  overflow: hidden;
  position: relative;
}

header h1 {
  font-family: var(--font-body);
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 calc(var(--line-height) * 1 / 2);
}

header h2 {
  font-size: calc(1em * 3 / 2);
  margin: 0 0 calc(var(--line-height) * 4 / 3);
}

header code {
  display: inline-block;
  color: var(--color-body);
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius);
  line-height: calc(var(--mono-height) * 2);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 0 1em;
  white-space: nowrap;
}

header code:before {
  content: '$ ';
  opacity: 0.4;
}

header code,
header .button {
  color: var(--color-alt);
  margin: 0 0.4em;
}

.example {
  border-bottom: 1px var(--color-background-header) solid;
  padding: calc(var(--line-height) * 2) 0;
}

.example p,
.example ul {
  margin: 0;
}

.example ul {
  padding: 0;
  list-style-type: none;
}

.example li:before {
  content: '- ';
  color: var(--color-light);
  font-family: var(--font-mono);
  font-size: var(--size-mono);
}

.example .left,
.example .right {
  color: var(--color-alt);
  width: 50%;
}

.example .left {
  float: left;
  padding-right: calc(var(--line-height) * 1 / 2);
}

.example .right {
  float: right;
  padding-left: calc(var(--line-height) * 1 / 2);
}

.container > div > code {
  color: var(--color-body);
}

.example input {
  color: var(--color-alt);
  padding: 0 calc(var(--mono-height) * 3 / 4);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  line-height: calc(var(--mono-height) * 2);
  margin: calc(var(--line-height) * 1 / 2) 0 0;
  font-size: var(--size-mono);
  font-family: var(--font-mono);
  width: 100%;
  border: none;
}

.product-container {
  border-radius: var(--border-radius);
  background-color: var(--color-background-subheader);
  border: 1px var(--color-background-subheader-border) solid;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  height: calc(var(--line-height) * 5);
  font-family: var(--font-header);
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  padding-top: 1.5em;
  position: relative;
}

.product-container h1 {
  display: inline-block;
  margin: 0;
  font-size: calc(1em * 5 / 4);
  font-weight: normal;
  color: var(--color-body);
}

.product-container h4 {
  display: inline-block;
  margin: 0;
  font-size: inherit;
  font-weight: normal;
  color: var(--color-light);
  position: relative;
  top: -0.75em;
}

.product-container h1:after,
.product-container h4:after {<commit_msg>nitpick css<commit_after>@custom-selector :--header h1, h2, h3, h4, h5, h6;

body {
  background-color: var(--color-background);
  font-family: var(--font-body);
  font-size: var(--size-body);
  color: var(--color-body);
  line-height: var(--line-height);
  padding-bottom: calc(var(--line-height) * 2);
}

a {
  color: inherit;
  text-decoration: inherit;
}

p, ul, ol, pre, .table-wrapper {
  margin: 0 0 var(--line-height);
}

pre, code {
  font-family: var(--font-mono);
  font-size: var(--size-mono);
}

pre {
  color: var(--color-alt);
  padding: calc(var(--mono-height) * 1 / 2) calc(var(--mono-height) * 3 / 4);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  line-height: var(--mono-height);
  margin: calc(var(--line-height) * 3 / 2) 0;
}

pre code {
  font-size: 1em;
}

:--header {
  font-size: calc(1em * 5 / 4);
  font-family: var(--font-header);
  margin: calc(var(--line-height) * 8 / 5) 0 calc(var(--line-height) * 4 / 5);
}

:--header a {
  color: var(--color-light);
  margin-left: 0.5em;
  text-decoration: none !important;
}

header {
  background-color: var(--color-background-header);
  padding: calc(var(--line-height) * 4) var(--line-height);
  text-align: center;
  overflow: hidden;
  position: relative;
}

header h1 {
  font-family: var(--font-body);
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 calc(var(--line-height) * 1 / 2);
}

header h2 {
  font-size: calc(1em * 3 / 2);
  margin: 0 0 calc(var(--line-height) * 4 / 3);
}

header code {
  display: inline-block;
  color: var(--color-body);
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius);
  line-height: calc(var(--mono-height) * 2);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 0 1em;
  white-space: nowrap;
}

header code:before {
  content: '$ ';
  opacity: 0.4;
}

header code,
header .button {
  color: var(--color-alt);
  margin: 0 0.4em;
}

.example {
  border-bottom: 1px var(--color-background-header) solid;
  padding: calc(var(--line-height) * 2) 0;
}

.example p,
.example ul {
  margin: 0;
}

.example ul {
  padding: 0;
  list-style-type: none;
}

.example li:before {
  content: '- ';
  color: var(--color-light);
  font-family: var(--font-mono);
  font-size: var(--size-mono);
}

.example .left,
.example .right {
  color: var(--color-alt);
  width: 50%;
}

.example .left {
  float: left;
  padding-right: calc(var(--line-height) * 1 / 2);
}

.example .right {
  float: right;
  padding-left: calc(var(--line-height) * 1 / 2);
}

.container > div > code {
  color: var(--color-body);
}

.example input {
  color: var(--color-alt);
  padding: 0 calc(var(--mono-height) * 3 / 4);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  line-height: calc(var(--mono-height) * 2);
  margin: calc(var(--line-height) * 1 / 2) 0 0;
  font-size: var(--size-mono);
  font-family: var(--font-mono);
  width: 100%;
  border: none;
}

.product-container {
  border-radius: var(--border-radius);
  background-color: var(--color-background-subheader);
  border: 1px var(--color-background-subheader-border) solid;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  height: calc(var(--line-height) * 5);
  font-family: var(--font-header);
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  padding-top: 1.5em;
  position: relative;
}

.product-container h1 {
  display: inline-block;
  margin: 0;
  font-size: calc(1em * 5 / 4);
  font-weight: normal;
  color: var(--color-body);
}

.product-container h4 {
  display: inline-block;
  margin: 0;
  font-size: inherit;
  font-weight: normal;
  color: var(--color-light);
  position: relative;
  top: -0.75em;
}

.product-container h1,
.product-container h4,
.product-container .details > div > span {
  text-transform: capitalize;
}

.product-container h1:after,
.product-container h4:after {
{'fraction_non_alphanumeric': 0.19810596365497823, 'fraction_numerical': 0.03839262861530586, 'mean_word_length': 3.055526725480021, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3661527', 'n_tokens_mistral': 3409, 'n_tokens_neox': 3144, 'n_words': 717}