<commit_before>colors- {
  display: flex;
  width: calc(100% - 360px);
  flex-flow: row wrap;

  @media (orientation: portrait) {
    width: calc(100% - 70px);
  }

  color- {
    flex: 1 1 25%;
    position: relative;
    min-width: 10rem;

    &:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 80%;
    }

    &:not(:hover) div {
      display: none;
      z-index: 0;
    }

    > div {
      position: absolute;<commit_msg>Implements specific flex rule for safari<commit_after>colors- {
  display: flex;
  width: calc(100% - 360px);
  flex-flow: row wrap;

  @media (orientation: portrait) {
    width: calc(100% - 70px);
  }

  color- {
    flex: 1 1 25%;
    position: relative;
    min-width: 10rem;

    // Hack for safari which does not respect flex item min-width
    @supports (overflow:-webkit-marquee) and (justify-content:inherit) {
      flex: 1 1 10rem;
    }

    &:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 80%;
    }

    &:not(:hover) div {
      display: none;
      z-index: 0;
    }

    > div {
      position: absolute;
{'fraction_non_alphanumeric': 0.1407079646017699, 'fraction_numerical': 0.04424778761061947, 'mean_word_length': 2.107142857142857, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3846253', 'n_tokens_mistral': 447, 'n_tokens_neox': 383, 'n_words': 104}