<commit_before>.metatip {
  position: absolute;
  z-index: 999;
  background: white;
  color: hsl(0,0%,20%);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-shadow: 0 0 0.5rem hsla(0,0%,0%,10%);
  border-radius: 0.25rem;

  & > h5 {
    font-size: 1rem;
    font-weight: bolder;
    margin: 0;
  }

  & > h6 {
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: normal;
    color: hsl(0,0%,60%);
  }

  & > small {
    font-size: 0.7rem;
    color: hsl(0,0%,60%);

    & > span {
      color: hsl(0,0%,20%);

      &[divider] {
        color: hotpink;
      }
    }
  }

  & > div {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0.25rem 0.5rem;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style-type: none;
    color: hsl(0,0%,40%);
    font-size: 0.8rem;
    font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;

    & > span[value] {
      color: hsl(0,0%,20%);
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
    }

    & span[color] {
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      margin-right: 0.25rem;
      border: 1px solid hsl(0,0%,90%);
    }
  }
}

[data-pinhover=true] {
  cursor: crosshair;<commit_msg>fixes color circle being squished on some sites<commit_after>.metatip {
  position: absolute;
  z-index: 999;
  background: white;
  color: hsl(0,0%,20%);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-shadow: 0 0 0.5rem hsla(0,0%,0%,10%);
  border-radius: 0.25rem;

  & > h5 {
    font-size: 1rem;
    font-weight: bolder;
    margin: 0;
  }

  & > h6 {
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: normal;
    color: hsl(0,0%,60%);
  }

  & > small {
    font-size: 0.7rem;
    color: hsl(0,0%,60%);

    & > span {
      color: hsl(0,0%,20%);

      &[divider] {
        color: hotpink;
      }
    }
  }

  & > div {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0.25rem 0.5rem;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style-type: none;
    color: hsl(0,0%,40%);
    font-size: 0.8rem;
    font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;

    & > span[value] {
      color: hsl(0,0%,20%);
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
    }

    & span[color] {
      display: inline-block;
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      margin-right: 0.25rem;
      border: 1px solid hsl(0,0%,90%);
    }
  }
}

[data-pinhover=true] {
  cursor: crosshair;
{'fraction_non_alphanumeric': 0.1717768747691171, 'fraction_numerical': 0.05541189508681197, 'mean_word_length': 2.2984165651644335, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '6581453', 'n_tokens_mistral': 1200, 'n_tokens_neox': 1084, 'n_words': 230}