<commit_before>.Popover {
  position: absolute;
  z-index: 100;
}

.Popover-message {
  position: relative;
  width: 232px;
  margin-right: auto;
  margin-left: auto;

  // Carets
  &::before,
  &::after {
    position: absolute;
    left: 50%;
    display: inline-block;
    content: "";
  }

  &::before {
    top: -$spacer-3;
    margin-left: -9px;
    border: $spacer-2 $border-style transparent;
    border-bottom-color: $border-black-fade;
  }

  &::after {
    top: -14px;
    margin-left: -$spacer-2;
    border: 7px $border-style transparent;
    border-bottom-color: $bg-white;
  }
}

// Bottom-oriented carets
.Popover-message--bottom,
.Popover-message--bottom--right,
.Popover-message--bottom--left {
  &::before,
  &::after {
    top: auto;
    border-bottom-color: transparent;
  }

  &::before {
    bottom: -$spacer-3;
    border-top-color: $border-black-fade;
  }

  &::after {
    bottom: -14px;
    border-top-color: $bg-white;
  }
}

// Top & Bottom: Right-oriented carets
.Popover-message--top--right,
.Popover-message--bottom--right {
  right: -9px;
  margin-right: 0;

  &::before,
  &::after {
    left: auto;
    margin-left: 0;
  }

  &::before {
    right: 20px;
  }

  &::after {
    right: 21px;
  }
}

// Top & Bottom: Left-oriented carets
.Popover-message--top--left,
.Popover-message--bottom--left {
  left: -9px;
  margin-left: 0;

  &::before,
  &::after {
    left: $spacer-4;
    margin-left: 0;
  }

  &::after {
    left: 21px;
  }
}

// Right- & Left-oriented carets
.Popover-message--right,
.Popover-message--right--top,
.Popover-message--right--bottom,
.Popover-message--left,
.Popover-message--left--top,
.Popover-message--left--bottom {
  &::before,
  &::after {<commit_msg>Fixing the top and bottom left caret position<commit_after>.Popover {
  position: absolute;
  z-index: 100;
}

.Popover-message {
  position: relative;
  width: 232px;
  margin-right: auto;
  margin-left: auto;

  // Carets
  &::before,
  &::after {
    position: absolute;
    left: 50%;
    display: inline-block;
    content: "";
  }

  &::before {
    top: -$spacer-3;
    margin-left: -9px;
    border: $spacer-2 $border-style transparent;
    border-bottom-color: $border-black-fade;
  }

  &::after {
    top: -14px;
    margin-left: -$spacer-2;
    border: 7px $border-style transparent;
    border-bottom-color: $bg-white;
  }
}

// Bottom-oriented carets
.Popover-message--bottom,
.Popover-message--bottom--right,
.Popover-message--bottom--left {
  &::before,
  &::after {
    top: auto;
    border-bottom-color: transparent;
  }

  &::before {
    bottom: -$spacer-3;
    border-top-color: $border-black-fade;
  }

  &::after {
    bottom: -14px;
    border-top-color: $bg-white;
  }
}

// Top & Bottom: Right-oriented carets
.Popover-message--top--right,
.Popover-message--bottom--right {
  right: -9px;
  margin-right: 0;

  &::before,
  &::after {
    left: auto;
    margin-left: 0;
  }

  &::before {
    right: 20px;
  }

  &::after {
    right: 21px;
  }
}

// Top & Bottom: Left-oriented carets
.Popover-message--top--left,
.Popover-message--bottom--left {
  left: -9px;
  margin-left: 0;

  &::before,
  &::after {
    left: $spacer-4;
    margin-left: 0;
  }

  &::after {
    left: $spacer-4 + 1;
  }
}

// Right- & Left-oriented carets
.Popover-message--right,
.Popover-message--right--top,
.Popover-message--right--bottom,
.Popover-message--left,
.Popover-message--left--top,
.Popover-message--left--bottom {
  &::before,
  &::after {
{'fraction_non_alphanumeric': 0.18618705035971223, 'fraction_numerical': 0.017841726618705037, 'mean_word_length': 2.543323139653415, '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': '4110446', 'n_tokens_mistral': 1410, 'n_tokens_neox': 1337, 'n_words': 246}