<commit_before>.documentation-hero {
  background-color: nth($mz-pinks, 2);
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;

  h1 {
    padding-top: 20px;
    color: #fff;
  }

  p {
    margin-top: 1em;
  }
}

.documentation-nav {
  position: relative;
  z-index: 20;
}

.documentation-container {
  padding-top: 2em;
}

.documentation-content {
  line-height: 1.8;
  font-size: 16px;

  word-wrap: break-word;
  overflow-wrap: break-word;

  // Structural spacing
  section > p,
  section > ol,
  section > ul, {
    margin-bottom: 1em;
  }

  // Align last item to bottom of the container so navigation affixes to bottom cleanly
  > :last-child {
    margin-bottom: 0 !important;
  }

  img {
    max-width: 100%;
    display: inline;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
  }

  // Override default img styles for .emoji
  img.emoji {
    padding: 0;
    background-color: transparent;
    line-height: inherit;
    max-width: initial;
  }

  // Control weird spacing on <p>'s generated inside lists
  li > p {
    margin-bottom: 0;
  }

  li > p + p {
    margin-top: 1em;
  }

  li > p > img {
    margin-top: 0;
    margin-bottom: 1em;
  }

  // Headings
  h1, h2, h3, h4, h5, h6 {
    position: relative;
    // font-weight: 400;
    // margin-bottom: 0.6em;
    // line-height: 1.2em;
  }

  @media (min-width: 767px) {
    /* no more special header for documentation */
    // h1 {
    //   font-weight: 300;
    //   color: $mz-darkblue;
    //   font-size: 48px;
    // }

    // h2 {
    //   color: #666;
    //   font-size: 32px;
    // }

    // h3 {
    //   color: #d4645c;
    //   font-size: 24px;
    // }

    // h4 {
    //   color: $mz-darkblue;
    //   font-size: 18px;
    //   font-weight: 700;
    // }

    // h5, h6 {
    //   color: #666;
    //   font-size: 18px;
    // }
  }

  @media (max-width: 767px) {
    // h1 {
    //   font-weight: 300;
    //   color: $mz-darkblue;
    //   font-size: 40px;
    // }

    // h2 {
    //   color: #666;
    //   font-size: 28px;
    // }

    // h3 {
    //   color: #d4645c;
    //   font-size: 20px;
    // }

    // h4 {
    //   color: $mz-darkblue;
    //   font-size: 16px;
    //   font-weight: 700;
    // }

    // h5, h6 {
    //   color: #666;
    //   font-size: 16px;
    // }
  }

  /*
  // allows hash links to navigate to proper location
  h1[id]:before,
  h2[id]:before,
  h3[id]:before,
  h4[id]:before,
  h5[id]:before,
  h6[id]:before {
    content: '';
    display: block;
    margin-top: -70px;
    height: 70px;
    pointer-events: none;
  }
  */

  // Each header's content is wrapped in a <section> container
  // This allows this to container to make anchor links navigate
  // without headbutting the top of the window, like so.
  // This requires the mdx_outline extension to be turned on.
  section {
    margin-top: -50px;
    padding-top: 50px;

    // Prevents larger content like tables from forcing the page to be wider
    overflow: hidden;
  }

  // Position heading landing spot correctly
  h1, h2, h3, h4, h5, h6 {
    margin-top: 25px;
  }

  // Headings that occur as the first item in the page
  // should not have a top margin.
  > section:first-child {
    margin-top: -70px;
    padding-top: 70px;

    > h1:first-child,
    > h2:first-child,
    > h3:first-child,
    > h4:first-child,
    > h5:first-child,
    > h6:first-child {
      margin-top: 0;
    }
  }

  .caption {
    margin-top: -0.8em;
    font-size: 0.9em;
    font-weight: 300;
    font-style: italic;
    color: #666;
  }
}

.documentation-edit {
  text-align: right;
  line-height: 2em;

  i.fa {
    vertical-align: middle;
    color: #666;
  }
}

a.headerlink {
  position: absolute;
  display: none;
  font-size: 0.80em;
  padding-left: .5em;
  width: 1.5em;
  min-height: 1em;
  line-height: inherit;
  bottom: 0.15em;  padding-left: .5em;
  background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M53.496%2056.598c0-.012-.002-.025%200-.036l-.003.035h.003zm15.488%208.076c-.244.143-.493.277-.74.412%200%20.002%200%20.005-.003.007.24-.13.49-.268.745-.42zm-21.932%201.71l-.003.003c.512.225%201.137.437%201.72.614l.01-.01c-.584-.18-1.16-.38-1.73-.605zM48.77%2067c.59.18%201.135.32%201.477.407-.494-.122-.983-.264-1.47-.414L48.77%2067zm1.842.495l.005-.004c-.09-.02-.18-.035-.268-.06l.26.066zm17.248-2.2c-.586.308-1.184.585-1.786.84%200%20.004-.003.008-.004.01.06-.025.782-.323%201.79-.85zm.38-.203c.002%200%20.003-.005.003-.007-.096.054-.19.11-.29.16.096-.047.192-.098.287-.153z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M49.585%2014.996L38.88%2025.7c-.923.923-1.76%201.902-2.51%202.925-.164.223-.31.454-.467.68%205.17-1.4%2010.66-1.318%2015.79.252l6.777-6.777c5.177-5.177%2013.572-5.176%2018.75.002%205.176%205.176%205.177%2013.572%200%2018.75l-6.73%206.728-1.383%201.384-1.347%201.347-.005.006-2.242%202.242c-2.337%202.337-5.33%203.615-8.385%203.843v.005h-.003c-.642.056-1.194.06-1.665.04-1.035-.045-1.636-.206-1.636-.206v-.005h-.004c-2.585-.456-5.06-1.68-7.056-3.677-1.942-1.942-3.155-4.335-3.642-6.842-.013-.072-.02-.144-.034-.214-2.27.187-4.487%201.14-6.22%202.873l-3.564%203.564c1.22%203.094%203.075%206%205.578%208.5%202.502%202.5%205.402%204.36%208.497%205.58.567.226%201.143.427%201.725.61.486.15.974.292%201.47.414.037.01.067.016.1.024.09.022.177.037.267.06%205.13%201.18%2010.556.73%2015.458-1.355.604-.257%201.202-.533%201.787-.84.032-.016.063-.032.094-.05.1-.05.195-.107.29-.16.25-.135.498-.27.74-.413l.01-.006c1.778-1.05%203.454-2.34%204.98-3.866L85%2050.415c9.78-9.78%209.78-25.638%200-35.418-9.78-9.78-25.636-9.782-35.417%200z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M50.415%2085.004L61.118%2074.3c.925-.925%201.762-1.904%202.512-2.927.163-.223.313-.454.467-.68-5.17%201.4-10.66%201.32-15.79-.252l-.875.878-5.902%205.902c-5.177%205.177-13.57%205.176-18.75-.002-5.177-5.178-5.177-13.57%200-18.75l11.707-11.705c2.336-2.336%205.328-3.614%208.384-3.84v-.005h.005c.642-.057%201.193-.06%201.664-.04%201.034.043%201.635.205%201.635.205v.004h.005c2.583.456%205.06%201.68%207.054%203.675%201.942%201.942%203.155%204.337%203.64%206.843.015.072.024.143.035.214%202.27-.188%204.487-1.14%206.22-2.873l3.564-3.565c-1.222-3.095-3.077-5.998-5.58-8.5-2.503-2.504-5.402-4.36-8.497-5.583-.57-.225-1.145-.427-1.727-.608-.486-.152-.975-.295-1.47-.415l-.1-.025c-.088-.022-.177-.038-.266-.06-5.13-1.18-10.557-.73-15.458%201.355-.603.257-1.2.534-1.786.84-.032.015-.063.032-.095.05-.097.05-.192.107-.288.16-.248.135-.497.27-.74.414l-.01.006c-1.777%201.05-3.452%202.338-4.98%203.865l-10.7%2010.704c-9.782%209.78-9.782%2025.636%200%2035.417%209.78%209.783%2025.637%209.783%2035.418.003zM68.993%2064.67c-.002%200-.006%200-.01.004l.01-.005zm-1.133.626c.03-.016.063-.032.094-.05-.03.018-.062.034-.095.05z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M53.497%2056.6s.6.162%201.636.208v-.022c-.548-.027-1.094-.093-1.637-.188v.003zm-3.15%2010.83l-.1-.023.1.024z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M55.134%2056.786c-.002.006%200%20.014%200%20.022.47.02%201.02.016%201.664-.04v-.005c-.554.04-1.11.05-1.664.023zm1.667-.023v-.02c0%20.007%200%20.014-.002.02h.005z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M56.8%2056.762l-.003.003.002.003v-.003l-.002-.003z%22%20fill%3D%22%23505050%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

// Show on hover.
// Do not show for h1-level headings that are at the top of the container.
h1:hover:not(:first-child) .headerlink,
h2:hover .headerlink,
h3:hover .headerlink,
h4:hover .headerlink,
h5:hover .headerlink,
h6:hover .headerlink {
  display: inline-block;
}
<commit_msg>put margin absolute number<commit_after>.documentation-hero {
  background-color: nth($mz-pinks, 2);
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;

  h1 {
    padding-top: 20px;
    color: #fff;
  }

  p {
    margin-top: 24px;//1em;
  }
}

.documentation-nav {
  position: relative;
  z-index: 20;
}

.documentation-container {
  padding-top: 2em;
}

.documentation-content {
  line-height: 1.8;
  font-size: 16px;

  word-wrap: break-word;
  overflow-wrap: break-word;

  // Structural spacing
  section > p,
  section > ol,
  section > ul, {
    margin-bottom: 24px;//1em;
  }

  // Align last item to bottom of the container so navigation affixes to bottom cleanly
  > :last-child {
    margin-bottom: 0 !important;
  }

  img {
    max-width: 100%;
    display: inline;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
  }

  // Override default img styles for .emoji
  img.emoji {
    padding: 0;
    background-color: transparent;
    line-height: inherit;
    max-width: initial;
  }

  // Control weird spacing on <p>'s generated inside lists
  li > p {
    margin-bottom: 0;
  }

  li > p + p {
    margin-top: 24px;//1em;
  }

  li > p > img {
    margin-top: 0;
    margin-bottom: 24px;//1em;
  }

  // Headings
  h1, h2, h3, h4, h5, h6 {
    position: relative;
    // font-weight: 400;
    // margin-bottom: 0.6em;
    // line-height: 1.2em;
  }

  @media (min-width: 767px) {
    /* no more special header for documentation */
    // h1 {
    //   font-weight: 300;
    //   color: $mz-darkblue;
    //   font-size: 48px;
    // }

    // h2 {
    //   color: #666;
    //   font-size: 32px;
    // }

    // h3 {
    //   color: #d4645c;
    //   font-size: 24px;
    // }

    // h4 {
    //   color: $mz-darkblue;
    //   font-size: 18px;
    //   font-weight: 700;
    // }

    // h5, h6 {
    //   color: #666;
    //   font-size: 18px;
    // }
  }

  @media (max-width: 767px) {
    // h1 {
    //   font-weight: 300;
    //   color: $mz-darkblue;
    //   font-size: 40px;
    // }

    // h2 {
    //   color: #666;
    //   font-size: 28px;
    // }

    // h3 {
    //   color: #d4645c;
    //   font-size: 20px;
    // }

    // h4 {
    //   color: $mz-darkblue;
    //   font-size: 16px;
    //   font-weight: 700;
    // }

    // h5, h6 {
    //   color: #666;
    //   font-size: 16px;
    // }
  }

  /*
  // allows hash links to navigate to proper location
  h1[id]:before,
  h2[id]:before,
  h3[id]:before,
  h4[id]:before,
  h5[id]:before,
  h6[id]:before {
    content: '';
    display: block;
    margin-top: -70px;
    height: 70px;
    pointer-events: none;
  }
  */

  // Each header's content is wrapped in a <section> container
  // This allows this to container to make anchor links navigate
  // without headbutting the top of the window, like so.
  // This requires the mdx_outline extension to be turned on.
  section {
    margin-top: -50px;
    padding-top: 50px;

    // Prevents larger content like tables from forcing the page to be wider
    overflow: hidden;
  }

  // Position heading landing spot correctly
  h1, h2, h3, h4, h5, h6 {
    margin-top: 25px;
  }

  // Headings that occur as the first item in the page
  // should not have a top margin.
  > section:first-child {
    margin-top: -70px;
    padding-top: 70px;

    > h1:first-child,
    > h2:first-child,
    > h3:first-child,
    > h4:first-child,
    > h5:first-child,
    > h6:first-child {
      margin-top: 0;
    }
  }

  .caption {
    margin-top: -0.8em;
    font-size: 0.9em;
    font-weight: 300;
    font-style: italic;
    color: #666;
  }
}

.documentation-edit {
  text-align: right;
  line-height: 2em;

  i.fa {
    vertical-align: middle;
    color: #666;
  }
}

a.headerlink {
  position: absolute;
  display: none;
  font-size: 0.80em;
  padding-left: .5em;
  width: 1.5em;
  min-height: 1em;
  line-height: inherit;
  bottom: 0.15em;  padding-left: .5em;
  background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M53.496%2056.598c0-.012-.002-.025%200-.036l-.003.035h.003zm15.488%208.076c-.244.143-.493.277-.74.412%200%20.002%200%20.005-.003.007.24-.13.49-.268.745-.42zm-21.932%201.71l-.003.003c.512.225%201.137.437%201.72.614l.01-.01c-.584-.18-1.16-.38-1.73-.605zM48.77%2067c.59.18%201.135.32%201.477.407-.494-.122-.983-.264-1.47-.414L48.77%2067zm1.842.495l.005-.004c-.09-.02-.18-.035-.268-.06l.26.066zm17.248-2.2c-.586.308-1.184.585-1.786.84%200%20.004-.003.008-.004.01.06-.025.782-.323%201.79-.85zm.38-.203c.002%200%20.003-.005.003-.007-.096.054-.19.11-.29.16.096-.047.192-.098.287-.153z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M49.585%2014.996L38.88%2025.7c-.923.923-1.76%201.902-2.51%202.925-.164.223-.31.454-.467.68%205.17-1.4%2010.66-1.318%2015.79.252l6.777-6.777c5.177-5.177%2013.572-5.176%2018.75.002%205.176%205.176%205.177%2013.572%200%2018.75l-6.73%206.728-1.383%201.384-1.347%201.347-.005.006-2.242%202.242c-2.337%202.337-5.33%203.615-8.385%203.843v.005h-.003c-.642.056-1.194.06-1.665.04-1.035-.045-1.636-.206-1.636-.206v-.005h-.004c-2.585-.456-5.06-1.68-7.056-3.677-1.942-1.942-3.155-4.335-3.642-6.842-.013-.072-.02-.144-.034-.214-2.27.187-4.487%201.14-6.22%202.873l-3.564%203.564c1.22%203.094%203.075%206%205.578%208.5%202.502%202.5%205.402%204.36%208.497%205.58.567.226%201.143.427%201.725.61.486.15.974.292%201.47.414.037.01.067.016.1.024.09.022.177.037.267.06%205.13%201.18%2010.556.73%2015.458-1.355.604-.257%201.202-.533%201.787-.84.032-.016.063-.032.094-.05.1-.05.195-.107.29-.16.25-.135.498-.27.74-.413l.01-.006c1.778-1.05%203.454-2.34%204.98-3.866L85%2050.415c9.78-9.78%209.78-25.638%200-35.418-9.78-9.78-25.636-9.782-35.417%200z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M50.415%2085.004L61.118%2074.3c.925-.925%201.762-1.904%202.512-2.927.163-.223.313-.454.467-.68-5.17%201.4-10.66%201.32-15.79-.252l-.875.878-5.902%205.902c-5.177%205.177-13.57%205.176-18.75-.002-5.177-5.178-5.177-13.57%200-18.75l11.707-11.705c2.336-2.336%205.328-3.614%208.384-3.84v-.005h.005c.642-.057%201.193-.06%201.664-.04%201.034.043%201.635.205%201.635.205v.004h.005c2.583.456%205.06%201.68%207.054%203.675%201.942%201.942%203.155%204.337%203.64%206.843.015.072.024.143.035.214%202.27-.188%204.487-1.14%206.22-2.873l3.564-3.565c-1.222-3.095-3.077-5.998-5.58-8.5-2.503-2.504-5.402-4.36-8.497-5.583-.57-.225-1.145-.427-1.727-.608-.486-.152-.975-.295-1.47-.415l-.1-.025c-.088-.022-.177-.038-.266-.06-5.13-1.18-10.557-.73-15.458%201.355-.603.257-1.2.534-1.786.84-.032.015-.063.032-.095.05-.097.05-.192.107-.288.16-.248.135-.497.27-.74.414l-.01.006c-1.777%201.05-3.452%202.338-4.98%203.865l-10.7%2010.704c-9.782%209.78-9.782%2025.636%200%2035.417%209.78%209.783%2025.637%209.783%2035.418.003zM68.993%2064.67c-.002%200-.006%200-.01.004l.01-.005zm-1.133.626c.03-.016.063-.032.094-.05-.03.018-.062.034-.095.05z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M53.497%2056.6s.6.162%201.636.208v-.022c-.548-.027-1.094-.093-1.637-.188v.003zm-3.15%2010.83l-.1-.023.1.024z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M55.134%2056.786c-.002.006%200%20.014%200%20.022.47.02%201.02.016%201.664-.04v-.005c-.554.04-1.11.05-1.664.023zm1.667-.023v-.02c0%20.007%200%20.014-.002.02h.005z%22%20fill%3D%22%23505050%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M56.8%2056.762l-.003.003.002.003v-.003l-.002-.003z%22%20fill%3D%22%23505050%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

// Show on hover.
// Do not show for h1-level headings that are at the top of the container.
h1:hover:not(:first-child) .headerlink,
h2:hover .headerlink,
h3:hover .headerlink,
h4:hover .headerlink,
h5:hover .headerlink,
h6:hover .headerlink {
  display: inline-block;
}

{'fraction_non_alphanumeric': 0.2115041525684405, 'fraction_numerical': 0.30169178714241773, 'mean_word_length': 2.583774250440917, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 4}, 'pii_count': 12, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4635372', 'n_tokens_mistral': 10438, 'n_tokens_neox': 7585, 'n_words': 823}