<commit_before>
.explore {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: ($column-spacing / 2) 0;
  cursor: default;

  > * {
    flex: none;
  }

  .jointsource {
    box-sizing: border-box;
    position: relative;
    margin: $column-spacing / 2;
    width: $column-width - $column-spacing;
    height: $column-width - $column-spacing;
    border-radius: 3px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: solid 1px $color-border;
    @include shadow(3);
    transition: box-shadow ease 0.3s, border-color ease 0.3s;

    > .jointsource-meta {
      font-size: 0.875em;
      flex: 1 1 auto;
      padding: 0 1.5em;
      height: auto;
      overflow: hidden;
      @include fade(4em);
      z-index: 2;

      h2 {
        margin-top: 1em;
        margin-bottom: 0.5em;
      }

      p {
        margin: 0.25em 0;
        font-family: $font-sans-serif-alt;
      }
    }

    > .jointsource-status {
      flex: none;
      @include flex;
      padding: 0.5em 1em 1em 1.5em;
      line-height: 2;
      text-transform: lowercase;
      z-index: 2;

      > * {
        color: lighten($color-text, 30%);
        font-size: 0.875em;
        opacity: 0;
        transition: opacity ease 0.3s, color ease 0.3s;
      }

      > :not(:last-child) {
        margin-right: 0.25em;
      }

      .audio-on-hover {
        @include flex;
        opacity: 0.6;

        .audio-on-hover-label {
          margin-right: 0.5em;
          transition: color ease 0.3s;
        }

        .audio-on-hover-speaker {
          box-sizing: border-box;
          width: 2em;
          height: 2em;
          background: $color-text-light inline-image("icon-speaker.svg") no-repeat center;
          background-size: 1em;
          border-radius: 50%;
          border: solid 1px #f0f0f0;
          @include shadow(3);
          transition: box-shadow ease 0.3s;
        }

        &:hover,
        &.active {

          .audio-on-hover-label {
            color: $color-primary;
          }

          .audio-on-hover-speaker {
            @include shadow(5);
          }
        }
      }
    }

    &:hover {
      @include shadow(6);
      border-color: darken($color-border, 10%);

      > .jointsource-status {

        > * {
          opacity: 1;
        }
      }
    }

    &.dark {
      color: $color-text-light;
      text-shadow: 0 1px 4px rgba(#000, 0.30);

      > .jointsource-meta {

        > [data-ica-conversation-meta="intro"] {
          display: none;
        }
      }

      > .jointsource-status {

        > * {
          color: rgba($color-text-light, 0.80);
        }

        .audio-on-hover {

          &:hover,
          &.active {

            .audio-on-hover-label {
              color: $color-text-light;
            }
          }
        }
      }
    }
  }

  .conversation {

    > .conversation-backdrop {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      > .conversation-backdrop-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
      }
    }
  }

  .discussion {

  }

   + .spinner {
    display: block;
    width: 1.25em;
    height: 1.25em;
    margin: 0.5em auto 1em;
    opacity: 0;
  }

  &.loading + .spinner {
    opacity: 1;
  }
}
<commit_msg>Fix indentation<commit_after>
.explore {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: ($column-spacing / 2) 0;
  cursor: default;

  > * {
    flex: none;
  }

  .jointsource {
    box-sizing: border-box;
    position: relative;
    margin: $column-spacing / 2;
    width: $column-width - $column-spacing;
    height: $column-width - $column-spacing;
    border-radius: 3px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: solid 1px $color-border;
    @include shadow(3);
    transition: box-shadow ease 0.3s, border-color ease 0.3s;

    > .jointsource-meta {
      font-size: 0.875em;
      flex: 1 1 auto;
      padding: 0 1.5em;
      height: auto;
      overflow: hidden;
      @include fade(4em);
      z-index: 2;

      h2 {
        margin-top: 1em;
        margin-bottom: 0.5em;
      }

      p {
        margin: 0.25em 0;
        font-family: $font-sans-serif-alt;
      }
    }

    > .jointsource-status {
      flex: none;
      @include flex;
      padding: 0.5em 1em 1em 1.5em;
      line-height: 2;
      text-transform: lowercase;
      z-index: 2;

      > * {
        color: lighten($color-text, 30%);
        font-size: 0.875em;
        opacity: 0;
        transition: opacity ease 0.3s, color ease 0.3s;
      }

      > :not(:last-child) {
        margin-right: 0.25em;
      }

      .audio-on-hover {
        @include flex;
        opacity: 0.6;

        .audio-on-hover-label {
          margin-right: 0.5em;
          transition: color ease 0.3s;
        }

        .audio-on-hover-speaker {
          box-sizing: border-box;
          width: 2em;
          height: 2em;
          background: $color-text-light inline-image("icon-speaker.svg") no-repeat center;
          background-size: 1em;
          border-radius: 50%;
          border: solid 1px #f0f0f0;
          @include shadow(3);
          transition: box-shadow ease 0.3s;
        }

        &:hover,
        &.active {

          .audio-on-hover-label {
            color: $color-primary;
          }

          .audio-on-hover-speaker {
            @include shadow(5);
          }
        }
      }
    }

    &:hover {
      @include shadow(6);
      border-color: darken($color-border, 10%);

      > .jointsource-status {

        > * {
          opacity: 1;
        }
      }
    }

    &.dark {
      color: $color-text-light;
      text-shadow: 0 1px 4px rgba(#000, 0.30);

      > .jointsource-meta {

        > [data-ica-conversation-meta="intro"] {
          display: none;
        }
      }

      > .jointsource-status {

        > * {
          color: rgba($color-text-light, 0.80);
        }

        .audio-on-hover {

          &:hover,
          &.active {

            .audio-on-hover-label {
              color: $color-text-light;
            }
          }
        }
      }
    }
  }

  .conversation {

    > .conversation-backdrop {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      > .conversation-backdrop-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
      }
    }
  }

  .discussion {

  }

  + .spinner {
    display: block;
    width: 1.25em;
    height: 1.25em;
    margin: 0.5em auto 1em;
    opacity: 0;
  }

  &.loading + .spinner {
    opacity: 1;
  }
}

{'fraction_non_alphanumeric': 0.13254232383157286, 'fraction_numerical': 0.030675734336564897, 'mean_word_length': 1.4210157618213661, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 29, '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': '3908538', 'n_tokens_mistral': 2559, 'n_tokens_neox': 2316, 'n_words': 483}