<commit_before>// Table of Contents
//
// 01. Hero
// 02. Legislation process navigation
// 03. Debate list
// 04. Debate quiz
// 05. Legislation allegations
// 06. Legislation changes
// 07. Legislation comments
// 08. Legislation draft comment
// 09. Legislation proposals
//

// 01. Hero
// --------

.legislation-hero {

  ul {
    list-style: none;
    margin-left: 0;

    li {

      &::before {
        color: #8aa8be;
        content: '■';
        padding-right: $line-height / 4;
        vertical-align: text-bottom;
      }
    }
  }

  .title {
    font-weight: bold;
    text-transform: uppercase;
  }

  .description li p {
    display: inline;
  }
}

// 02. Legislation process navigation
// ----------------------------------

.legislation-process-list {
  border-bottom: 1px solid $border;
}

.key-dates {
  list-style-type: none;
  margin: 0 rem-calc(-10);

  @include breakpoint(large) {
    margin: 0;
  }

  li {
    border: 1px solid $border;
    display: block;
    margin: rem-calc(-1) 0;
    position: relative;

    @include breakpoint(large down) {

      &::after {
        content: '\63';
        font-family: "icons" !important;
        font-size: rem-calc(24);
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 12px;
      }
    }

    @include breakpoint(large) {
      background: #fafafa;
      display: inline-block;
      border-bottom: 0;
      border-top-left-radius: rem-calc(6);
      border-top-right-radius: rem-calc(6);
      margin-bottom: 0;
      margin-right: $line-height / 4;
      margin-top: 0;

      &:hover:not(.is-active) {
        background: $highlight;
      }

      &::after {
        content: '';
      }
    }

    a {
      display: block;
      padding: $line-height / 4 $line-height / 2;

      @include breakpoint(large) {
        display: inline-block;
      }

      &:hover {
        text-decoration: none;
      }

      h4 {
        margin-bottom: 0;
      }
    }
  }

  span {
    color: $text-medium;
    font-size: $small-font-size;
  }

  .is-active {
    background: $highlight;
    position: relative;

    @include breakpoint(large down) {

      &::after {
        content: '\61';
        color: $link;
      }
    }

    @include breakpoint(large) {
      background: none;
      border: 1px solid $border;
      border-bottom: 0;

      &::after {
        border-bottom: 1px solid #fefefe;
        bottom: -1px;
        content: '';
        left: 0;
        position: absolute;
        width: 100%;
      }
    }
  }
}

// 03. Debate list
// ----------------

.debate-chooser {
  padding: rem-calc(32) rem-calc(16);

  @include breakpoint(medium) {
    .debate-chooser {
      padding: rem-calc(32) rem-calc(48);
    }
  }

  .debate-block {<commit_msg>Removes arrow icon on active process phase<commit_after>// Table of Contents
//
// 01. Hero
// 02. Legislation process navigation
// 03. Debate list
// 04. Debate quiz
// 05. Legislation allegations
// 06. Legislation changes
// 07. Legislation comments
// 08. Legislation draft comment
// 09. Legislation proposals
//

// 01. Hero
// --------

.legislation-hero {

  ul {
    list-style: none;
    margin-left: 0;

    li {

      &::before {
        color: #8aa8be;
        content: '■';
        padding-right: $line-height / 4;
        vertical-align: text-bottom;
      }
    }
  }

  .title {
    font-weight: bold;
    text-transform: uppercase;
  }

  .description li p {
    display: inline;
  }
}

// 02. Legislation process navigation
// ----------------------------------

.legislation-process-list {
  border-bottom: 1px solid $border;
}

.key-dates {
  list-style-type: none;
  margin: 0 rem-calc(-10);

  @include breakpoint(large) {
    margin: 0;
  }

  li {
    border: 1px solid $border;
    display: block;
    margin: rem-calc(-1) 0;
    position: relative;

    @include breakpoint(large down) {

      &::after {
        content: '\63';
        font-family: "icons" !important;
        font-size: rem-calc(24);
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 12px;
      }
    }

    @include breakpoint(large) {
      background: #fafafa;
      display: inline-block;
      border-bottom: 0;
      border-top-left-radius: rem-calc(6);
      border-top-right-radius: rem-calc(6);
      margin-bottom: 0;
      margin-right: $line-height / 4;
      margin-top: 0;

      &:hover:not(.is-active) {
        background: $highlight;
      }

      &::after {
        content: '';
      }
    }

    a {
      display: block;
      padding: $line-height / 4 $line-height / 2;

      @include breakpoint(large) {
        display: inline-block;
      }

      &:hover {
        text-decoration: none;
      }

      h4 {
        margin-bottom: 0;
      }
    }
  }

  span {
    color: $text-medium;
    font-size: $small-font-size;
  }

  .is-active {
    background: $highlight;
    position: relative;

    @include breakpoint(large) {
      background: none;
      border: 1px solid $border;
      border-bottom: 0;

      &::after {
        border-bottom: 1px solid #fefefe;
        bottom: -1px;
        left: 0;
        position: absolute;
        width: 100%;
      }
    }

    &::after {
      content: '';
    }
  }
}

// 03. Debate list
// ----------------

.debate-chooser {
  padding: rem-calc(32) rem-calc(16);

  @include breakpoint(medium) {
    .debate-chooser {
      padding: rem-calc(32) rem-calc(48);
    }
  }

  .debate-block {
{'fraction_non_alphanumeric': 0.15876777251184834, 'fraction_numerical': 0.025884068538096973, 'mean_word_length': 1.6844422700587085, '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': '6073163', 'n_tokens_mistral': 2004, 'n_tokens_neox': 1815, 'n_words': 417}