<commit_before>
$pipe-size: 96px !default;
$pipe-sticky-headers: true !default;
$pipe-vertical-padding-xs: 96px !default;
$pipe-vertical-padding-m: 64px !default;

$header-height: 96px !default;

.pipe {
  $block: &;
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  @include breakpoint(m, l) {
    min-height: calc(100vh - #{$header-height});
  }

  &__scrollable {
    position: relative;
    background: $c-pipe-background;

    @include breakpoint(m, l) {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      order: 1;

      @if not $pipe-sticky-headers {
        overflow: hidden;
      }
    }
  }

  &__scroll-handle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    z-index: 100;

    @include breakpoint(xs, s) {
      display: none;
    }

    &--right {
      left: auto;
      right: 0;
    }

    &--disabled {
      display: none;
    }
  }

  &__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: $pipe-vertical-padding-xs 0;

    @include breakpoint(m, l) {
      flex-direction: row;
      align-items: flex-start;
      float: left;
      padding: $pipe-vertical-padding-m 48px;
      height: 100%;
      min-width: 100%;

      @include each-breakpoint(gutter) {
        padding-left: $value;
        padding-right: $value;
      }
    }
  }

  &__part-pipe {
    position: relative;
    width: $pipe-size;
    height: 56px;
    background: $c-pipe;
    border-color: $c-pipe;

    @include breakpoint(m, l) {
      width: auto;<commit_msg>Fixes horizontal scrolling<commit_after>
$pipe-size: 96px !default;
$pipe-sticky-headers: false !default;
$pipe-vertical-padding-xs: 96px !default;
$pipe-vertical-padding-m: 64px !default;

$header-height: 96px !default;

.pipe {
  $block: &;
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  @include breakpoint(m, l) {
    min-height: calc(100vh - #{$header-height});
  }

  &__scrollable {
    position: relative;
    background: $c-pipe-background;

    @include breakpoint(m, l) {
      flex-grow: 1;
      order: 1;

      @if not $pipe-sticky-headers {
        overflow: hidden;
      }
    }
  }

  &__scroll-handle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    z-index: 100;

    @include breakpoint(xs, s) {
      display: none;
    }

    &--right {
      left: auto;
      right: 0;
    }

    &--disabled {
      display: none;
    }
  }

  &__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: $pipe-vertical-padding-xs 0;

    @include breakpoint(m, l) {
      flex-direction: row;
      align-items: flex-start;
      float: left;
      padding: $pipe-vertical-padding-m 48px;
      min-width: 100%;

      @include each-breakpoint(gutter) {
        padding-left: $value;
        padding-right: $value;
      }
    }
  }

  &__part-pipe {
    position: relative;
    width: $pipe-size;
    height: 56px;
    background: $c-pipe;
    border-color: $c-pipe;

    @include breakpoint(m, l) {
      width: auto;
{'fraction_non_alphanumeric': 0.14285714285714285, 'fraction_numerical': 0.020813623462630087, 'mean_word_length': 2.2137791286727455, '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': '1838536', 'n_tokens_mistral': 1207, 'n_tokens_neox': 1114, 'n_words': 251}