<commit_before>
/* SCROLLBARS */

.scrollbars {

  @include fill-absolute ();
  position: absolute;
  border-radius: inherit;
  overflow: hidden;

  /* TRACK */

  &-track {

    position: absolute;
    z-index: $scrollbars-track-z-index;
    user-select: none !important;
    overflow: hidden;
    transition-duration: $scrollbars-track-animation-duration;

    /* HORIZONTAL */

    &.horizontal {

      bottom: 0;
      left: 0;
      right: 0;
      height: $scrollbars-track-size;

      .scrollbars-thumb {
        min-width: $scrollbars-thumb-min-size;
        top: $scrollbars-track-size - $scrollbars-thumb-collapsed-size;
        height: $scrollbars-thumb-collapsed-size;
        transition-property: top, height;
        transition-duration: $scrollbars-thumb-animation-duration;
      }

    }

    /* VERTICAL */

    &.vertical {

      right: 0;
      top: 0;
      bottom: 0;
      width: $scrollbars-track-size;

      .scrollbars-thumb {
        min-height: $scrollbars-thumb-min-size;
        left: $scrollbars-track-size - $scrollbars-thumb-collapsed-size;
        width: $scrollbars-thumb-collapsed-size;
        transition-property: left, width;
        transition-duration: $scrollbars-thumb-animation-duration;
      }

    }

  }

  /* THUMB */

  &-thumb {
    position: absolute;
    z-index: $scrollbars-thumb-z-index;
    background-color: #00000088;
  }

  /* CORNER */

  &-corner {
    display: none;
    position: absolute;
    z-index: $scrollbars-corner-z-index;
    right: 0;
    bottom: 0;
    width: $scrollbars-corner-size;
    height: $scrollbars-corner-size;
  }

  /* SHADOWS */

  &-shadows {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: $scrollbars-shadows-z-index;
    transition-duration: $scrollbars-shadows-animation-duration;
  }

  /* VIEWPORT */

  &-viewport {

    @include fill-absolute ();
    position: absolute;
    overflow: scroll;
    scrollbar-width: 0;

    &::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
      visibility: hidden;
      opacity: 0;
    }

  }

  /* CONTENT */

  &-content {}

  /* HAS HORIZONTAL */

  &:not(.has-horizontal) {

    > .scrollbars-track.horizontal {
      visibility: hidden;
      pointer-events: none;<commit_msg>Scrollbar: added some basic useful styles to the "content" node<commit_after>
/* SCROLLBARS */

.scrollbars {

  @include fill-absolute ();
  position: absolute;
  border-radius: inherit;
  overflow: hidden;

  /* TRACK */

  &-track {

    position: absolute;
    z-index: $scrollbars-track-z-index;
    user-select: none !important;
    overflow: hidden;
    transition-duration: $scrollbars-track-animation-duration;

    /* HORIZONTAL */

    &.horizontal {

      bottom: 0;
      left: 0;
      right: 0;
      height: $scrollbars-track-size;

      .scrollbars-thumb {
        min-width: $scrollbars-thumb-min-size;
        top: $scrollbars-track-size - $scrollbars-thumb-collapsed-size;
        height: $scrollbars-thumb-collapsed-size;
        transition-property: top, height;
        transition-duration: $scrollbars-thumb-animation-duration;
      }

    }

    /* VERTICAL */

    &.vertical {

      right: 0;
      top: 0;
      bottom: 0;
      width: $scrollbars-track-size;

      .scrollbars-thumb {
        min-height: $scrollbars-thumb-min-size;
        left: $scrollbars-track-size - $scrollbars-thumb-collapsed-size;
        width: $scrollbars-thumb-collapsed-size;
        transition-property: left, width;
        transition-duration: $scrollbars-thumb-animation-duration;
      }

    }

  }

  /* THUMB */

  &-thumb {
    position: absolute;
    z-index: $scrollbars-thumb-z-index;
    background-color: #00000088;
  }

  /* CORNER */

  &-corner {
    display: none;
    position: absolute;
    z-index: $scrollbars-corner-z-index;
    right: 0;
    bottom: 0;
    width: $scrollbars-corner-size;
    height: $scrollbars-corner-size;
  }

  /* SHADOWS */

  &-shadows {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: $scrollbars-shadows-z-index;
    transition-duration: $scrollbars-shadows-animation-duration;
  }

  /* VIEWPORT */

  &-viewport {

    @include fill-absolute ();
    position: absolute;
    overflow: scroll;
    scrollbar-width: 0;

    &::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
      visibility: hidden;
      opacity: 0;
    }

  }

  /* CONTENT */

  &-content {
    position: relative !important;
    overflow: visible;
    min-height: 100%;
    min-width: 100%;
  }

  /* HAS HORIZONTAL */

  &:not(.has-horizontal) {

    > .scrollbars-track.horizontal {
      visibility: hidden;
      pointer-events: none;
{'fraction_non_alphanumeric': 0.13659359190556492, 'fraction_numerical': 0.01011804384485666, 'mean_word_length': 2.2455540355677153, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '7234533', 'n_tokens_mistral': 1669, 'n_tokens_neox': 1525, 'n_words': 295}