<commit_before>
:root {
  --height-footer-bottom: 70px;

  --cardano-logo-width: 103.5px;
  --cardano-logo-height: 30px;


}
.explorer-footer {
  background-color: var(--color2);

  &__container {
  }

  &__top {
    border-bottom: 1px solid color(var(--color3) a(0.5));

    .nav__container {
      @extend .outer-container;
      lost-utility: clearfix;
      padding: 24px 18px;
    }

    @media (--lg) {
      .nav__container {
        padding: 48px 72px;
      }
    }

    .nav-item {

      &__container {
        padding-bottom: 24px;
      }

      &__container {
        lost-column: 1/2;
      }

      @media (--md) {
        &__container {
          lost-column: 1/5;
        }
      }

      &__header {
        padding-bottom: 12px;
        color: var(--color0);
        font-family: var(--fontFamily0-Light);
        font-size: 12px;
      }

      &__item {
        font-family: var(--fontFamily0-Light);
        font-size: 12px;
        line-height: 30px;
        display: block;

        button: standard-button;
        button-color: color(var(--color3) a(0.5)) color(var(--color3) a(0.3)) color(var(--color3) a(0.3));
      }
    }
  }

  &__bottom {
    color: color(var(--color0) a(0.5));
    lost-utility: clearfix;
    @extend .outer-container;
    padding: 24px 18px;

    .content {
      height: var(--height-footer-bottom);

      .logo__container {
        box: horizontal;
      }

      .logo__cardano-name {
        width: 90.2px;
        height: 26px;
        box-item: center;
      }

      @media (--lg) {
        .logo__cardano-name {
          width: 104px;
          height: 30px;
        }
      }

      .logo__iohk-name {
        width: 120.1px;
        height: 26px;
        margin-left: 24px;
        box-item: center;
      }

      @media (--lg) {
        .logo__iohk-name {
          width: 138.5px;
          height: 30px;
        }
      }

      .split {
        display: inline-block;
        background: var(--color14);
        opacity: 0.2;
        width: 1px;
        height: 30px;
        margin: 0 24px;
        box-item: center;
      }

      .support {
        color: var(--color3);
        opacity: 0.7;
        font-family: var(--fontFamily0-Regular);
        font-size: 8px;
        box-sizing: border-box;
        padding: 20px 0;
        text-transform: uppercase;
        box-item: center;
      }

      @media (--lg) {
        .support {
          font-size: 12px;
        }
      }

      &__left {
        lost-column: 1/1;
        box: horizontal;
      }

      @media (--lg) {
        &__left {
          lost-column: 3/4;
        }
      }

      &__right {
        @extend .hide;
      }

      @media (--lg) {
        &__right {
          display: flex;
          box: horizontal right;
          lost-column: 1/4;
        }
      }
    }

    .copy {
      font-family: var(--fontFamily0-Light);
      font-size: 10px;
      box-item: center;
    }

    .lang__select {
      height: var(--height-footer-bottom);
      font-family: var(--fontFamily0-Light);
      font-size: 10px;
      color: color(var(--color0) a(0.5));
      border: none;
      width: auto;
      appearance: none;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 8px 8px;
      padding-right: 10px;
      box-item: center;

      &:hover{
        cursor: pointer;
      }
    }
  }


  @media (--lg) {
    &__bottom {
      padding: 24px 72px;
    }
  }

}<commit_msg>[CSE-35] Use `md` breakpoint<commit_after>
:root {
  --height-footer-bottom: 70px;

  --cardano-logo-width: 103.5px;
  --cardano-logo-height: 30px;


}
.explorer-footer {
  background-color: var(--color2);

  &__container {
  }

  &__top {
    border-bottom: 1px solid color(var(--color3) a(0.5));

    .nav__container {
      @extend .outer-container;
      lost-utility: clearfix;
      padding: 24px 18px;
    }

    @media (--md) {
      .nav__container {
        padding: 48px 72px;
      }
    }

    .nav-item {

      &__container {
        padding-bottom: 24px;
      }

      &__container {
        lost-column: 1/2;
      }

      @media (--md) {
        &__container {
          lost-column: 1/5;
        }
      }

      &__header {
        padding-bottom: 12px;
        color: var(--color0);
        font-family: var(--fontFamily0-Light);
        font-size: 12px;
      }

      &__item {
        font-family: var(--fontFamily0-Light);
        font-size: 12px;
        line-height: 30px;
        display: block;

        button: standard-button;
        button-color: color(var(--color3) a(0.5)) color(var(--color3) a(0.3)) color(var(--color3) a(0.3));
      }
    }
  }

  &__bottom {
    color: color(var(--color0) a(0.5));
    lost-utility: clearfix;
    @extend .outer-container;
    padding: 24px 18px;

    .content {
      height: var(--height-footer-bottom);

      .logo__container {
        box: horizontal;
      }

      .logo__cardano-name {
        width: 90.2px;
        height: 26px;
        box-item: center;
      }

      @media (--md) {
        .logo__cardano-name {
          width: 104px;
          height: 30px;
        }
      }

      .logo__iohk-name {
        width: 120.1px;
        height: 26px;
        margin-left: 24px;
        box-item: center;
      }

      @media (--md) {
        .logo__iohk-name {
          width: 138.5px;
          height: 30px;
        }
      }

      .split {
        display: inline-block;
        background: var(--color14);
        opacity: 0.2;
        width: 1px;
        height: 30px;
        margin: 0 24px;
        box-item: center;
      }

      .support {
        color: var(--color3);
        opacity: 0.7;
        font-family: var(--fontFamily0-Regular);
        font-size: 8px;
        box-sizing: border-box;
        padding: 20px 0;
        text-transform: uppercase;
        box-item: center;
      }

      @media (--md) {
        .support {
          font-size: 12px;
        }
      }

      &__left {
        lost-column: 1/1;
        box: horizontal;
      }

      @media (--md) {
        &__left {
          lost-column: 3/4;
        }
      }

      &__right {
        @extend .hide;
      }

      @media (--md) {
        &__right {
          display: flex !important; /* override .hide */
          box: horizontal right;
          lost-column: 1/4;
        }
      }
    }

    .copy {
      font-family: var(--fontFamily0-Light);
      font-size: 10px;
      box-item: center;
    }

    .lang__select {
      height: var(--height-footer-bottom);
      font-family: var(--fontFamily0-Light);
      font-size: 10px;
      color: color(var(--color0) a(0.5));
      border: none;
      width: auto;
      appearance: none;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 8px 8px;
      padding-right: 10px;
      box-item: center;

      &:hover{
        cursor: pointer;
      }
    }
  }


  @media (--md) {
    &__bottom {
      padding: 24px 72px;
    }
  }

}
{'fraction_non_alphanumeric': 0.14123813571327384, 'fraction_numerical': 0.03456580252160363, 'mean_word_length': 1.4070917149676099, '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': '1197041', 'n_tokens_mistral': 2644, 'n_tokens_neox': 2406, 'n_words': 458}