<commit_before>$code-font-size: 14px;
$code-block-shadow: 0 3px 12px 0 rgba($footerColor, .10);
$code-block-padding: 24px 20px;
$code-block-padding-mobile: 12px 16px;
$code-block-border-radius: $border-radius-m;

code {
  font-family: $main-mono-font;
  background-color: transparent;
  color: $textColor;
  font-size: 95%; // The percentages are used here because the monotype font is larger than sans.
  padding: 0;

  @media(max-width: $phone-small) {
    word-break: break-all;
  }
}

// Makes it possible to make the inline code in bold.
// Usage in markdown for several words: `sample `**`bold-word`**` sample`
// Usage in markdown to make one word in bold: **`bold-word`**
strong {
  code {
    font-weight: inherit;
  }
}

pre {
  @include box-shadow($code-block-shadow);
  padding: $code-block-padding;
  font-size: $code-font-size;
  line-height: 1.5;
  word-wrap: normal;
  border-radius: $code-block-border-radius;
  opacity: 0;
  @include transition(all .3s ease-in-out);

  @media(max-width: $phone-xlarge) {
    padding: $code-block-padding-mobile;
  }

  code {
    white-space: pre;
    overflow: auto;
    color: #a9b7c6; // Color for the dark theme while site is loading
    overflow-wrap: normal; // For the Safari browser
    word-wrap: normal; // Overrides default Bootstrap property to fix the overflow in Safari

    @media print {
      white-space: pre-wrap;
    }
  }
}

.highlight {
  // Additional `border-radius` to make it work for the `code` in markdown
  border-radius: $code-block-border-radius;
}

.highlighter-rouge {
  position: relative;
}

.code-theme-switcher {
  position: absolute;
  top: -30px;
  right: 0;
  cursor: pointer;
  opacity: .38;
  @include transition(all, .2, ease-in-out);

  &:after {
    content: '';
    position: absolute;
    background: url("../img/icons/brightness.svg") no-repeat center/cover;
    width: 18px;
    height: 18px;
  }

  &.dark {
    opacity: .38;<commit_msg>Fix the switcher size and set container as `relative`<commit_after>$code-font-size: 14px;
$code-block-shadow: 0 3px 12px 0 rgba($footerColor, .10);
$code-block-padding: 24px 20px;
$code-block-padding-mobile: 12px 16px;
$code-block-border-radius: $border-radius-m;

code {
  font-family: $main-mono-font;
  background-color: transparent;
  color: $textColor;
  font-size: 95%; // The percentages are used here because the monotype font is larger than sans.
  padding: 0;

  @media(max-width: $phone-small) {
    word-break: break-all;
  }
}

// Makes it possible to make the inline code in bold.
// Usage in markdown for several words: `sample `**`bold-word`**` sample`
// Usage in markdown to make one word in bold: **`bold-word`**
strong {
  code {
    font-weight: inherit;
  }
}

pre {
  @include box-shadow($code-block-shadow);
  padding: $code-block-padding;
  font-size: $code-font-size;
  line-height: 1.5;
  word-wrap: normal;
  border-radius: $code-block-border-radius;
  opacity: 0;
  @include transition(all .3s ease-in-out);

  @media(max-width: $phone-xlarge) {
    padding: $code-block-padding-mobile;
  }

  code {
    white-space: pre;
    overflow: auto;
    color: #a9b7c6; // Color for the dark theme while site is loading
    overflow-wrap: normal; // For the Safari browser
    word-wrap: normal; // Overrides default Bootstrap property to fix the overflow in Safari

    @media print {
      white-space: pre-wrap;
    }
  }
}

.highlight {
  // Additional `border-radius` to make it work for the `code` in markdown
  border-radius: $code-block-border-radius;
}

div.highlight,
figure.highlight {
  position: relative;
}

$switcher-size: 18px;
.code-theme-switcher {
  position: absolute;
  top: -30px;
  right: 0;
  width: $switcher-size;
  height: $switcher-size;
  cursor: pointer;
  opacity: .38;
  @include transition(all, .2, ease-in-out);

  &:after {
    content: '';
    position: absolute;
    background: url("../img/icons/brightness.svg") no-repeat center/cover;
    width: $switcher-size;
    height: $switcher-size;
  }

  &.dark {
    opacity: .38;
{'fraction_non_alphanumeric': 0.14289264413518887, 'fraction_numerical': 0.018886679920477135, 'mean_word_length': 3.2146596858638743, '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': '3927721', 'n_tokens_mistral': 1487, 'n_tokens_neox': 1400, 'n_words': 386}