<commit_before>.tooltip-parent {
  position: relative;

  &>.tooltip {
    position        : absolute;
    white-space     : nowrap;
    background-color: $color-text-dark-1;
    color           : $color-text-light-1;
    padding         : 4px 8px;
    border-radius   : 4px;
    font-size       : 0.75rem;
    pointer-events  : none;
    opacity         : 0;
    visibility      : hidden;
    transition      : $transition-normal;
    z-index         : 64;

    &:before {
      content : '';
      position: absolute;
      width   : 0;
      height  : 0;
      z-index : -1;
    }

    &.left {
      right: calc(100% + 12px);
      top: 50%;
      transform: translateY(-50%);

      &:before {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid $color-text-dark-1;
        left: 100%;
        top: calc(50% - 8px);
      }
    }

    &.right {
      left: calc(100% + 12px);
      top: 50%;
      transform: translateY(-50%);

      &:before {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid $color-text-dark-1;
        right: 100%;
        top: calc(50% - 8px);
      }
    }

    &.top {
      bottom   : calc(100% + 12px);
      left     : 50%;
      transform: translateX(-50%);

      &:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid $color-text-dark-1;
        top : 100%;
        left: calc(50% - 8px);
      }
    }

    &.bottom {
      top: calc(100% + 12px);
      left     : 50%;
      transform: translateX(-50%);

      &:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid $color-text-dark-1;
        bottom: 100%;
        left: calc(50% - 8px);
      }
    }
  }

  &:hover {
    &>.tooltip {
      opacity   : 1;
      visibility: visible;
    }
  }
}

body.dark {
  .tooltip-parent {
    &>.tooltip {
      background-color: $color-text-light-2;
      color           : $black;

      &.left {
        &:before {
          border-left: 8px solid $color-text-light-2;
        }
      }

      &.right {
        &:before {
          border-right: 8px solid $color-text-light-2;
        }
      }

      &.top {
        &:before {
          border-top: 8px solid $color-text-light-2;
        }
      }

      &.bottom {
        &:before {
          border-bottom: 8px solid $color-text-light-2;<commit_msg>tooltip<commit_after>.tooltip-parent {
  position: relative;

  &>.tooltip {
    position:         absolute;
    white-space:      nowrap;
    background-color: lighten($black, 6.25%);
    color:            $color-text-light-1;
    padding:          4px 8px;
    border-radius:    4px;
    font-size:        0.75rem;
    pointer-events:   none;
    opacity:          0;
    visibility:       hidden;
    transition:       $transition-normal;
    z-index:          64;

    &:before {
      content:  '';
      position: absolute;
      width:    0;
      height:   0;
      z-index:  -1;
    }

    &.left {
      right:     calc(100% + 12px);
      top:       50%;
      transform: translateY(-50%);

      &:before {
        border-top:    8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left:   8px solid lighten($black, 6.25%);
        left:          calc(100% - 1px);
        top:           calc(50% - 8px);
      }
    }

    &.right {
      left:      calc(100% + 12px);
      top:       50%;
      transform: translateY(-50%);

      &:before {
        border-top:    8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right:  8px solid lighten($black, 6.25%);
        right:         calc(100% - 1px);
        top:           calc(50% - 8px);
      }
    }

    &.top {
      bottom:    calc(100% + 12px);
      left:      50%;
      transform: translateX(-50%);

      &:before {
        border-left:  8px solid transparent;
        border-right: 8px solid transparent;
        border-top:   8px solid lighten($black, 6.25%);
        top:          calc(100% - 1px);
        left:         calc(50% - 8px);
      }
    }

    &.bottom {
      top:       calc(100% + 12px);
      left:      50%;
      transform: translateX(-50%);

      &:before {
        border-left:   8px solid transparent;
        border-right:  8px solid transparent;
        border-bottom: 8px solid lighten($black, 6.25%);
        bottom:        calc(100% - 1px);
        left:          calc(50% - 8px);
      }
    }
  }

  &:hover {
    &>.tooltip {
      opacity:    1;
      visibility: visible;
    }
  }
}

body.dark {
  .tooltip-parent {
    &>.tooltip {
      background-color: darken($white, 12.5%);
      color:            $black;

      &.left {
        &:before {
          border-left: 8px solid darken($white, 12.5%);
        }
      }

      &.right {
        &:before {
          border-right: 8px solid darken($white, 12.5%);
        }
      }

      &.top {
        &:before {
          border-top: 8px solid darken($white, 12.5%);
        }
      }

      &.bottom {
        &:before {
          border-bottom: 8px solid darken($white, 12.5%);
{'fraction_non_alphanumeric': 0.1370490551631991, 'fraction_numerical': 0.042756251192975755, 'mean_word_length': 1.421441774491682, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '3920160', 'n_tokens_mistral': 1882, 'n_tokens_neox': 1683, 'n_words': 373}