<commit_before>.b-image-overlay {
  &__preview {
    cursor: pointer;
    height: auto;
    max-width: 735px;
    position: relative;
    &--offensive {
      cursor: auto;
    }
    &--hidden {
      display: none !important; // sass-lint:disable-line no-important
    }
    &-image {
      &--offensive {
        filter: blur(10px);
      }

      @include bpMinMedium {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        min-height: 300px;
        width: 100%;
      }

      height: 100%;
      max-height: 450px;
      max-width: calc(100vw - 40px);
      min-height: 200px;
      object-fit: contain;
    }
    &-concealer {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      background-color: rgba(57, 59, 63, .8);
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      &-text {
        @include typeSetting(3);
        @include bpMinXSmall {
          @include typeSetting(4);
        }

        color: siteColor(vam-white);
        height: 56px;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 40%;
        transform: translate(-50%, -50%);
        width: 238px;
      }
      &-button {
        &:hover {
          background-color: siteColor(vam-white);
          color: siteColor(vam-black);
        }
        @include typeSetting(1, bold, uppercase);
        border: solid 1px #ffffff;
        border-radius: 2px;
        color: siteColor(vam-white);
        cursor: pointer;
        height: 24px;
        left: 50%;
        margin-top: 60px;
        position: absolute;
        top: 40%;
        transform: translate(-50%, -50%);
        width: 124px;
      }
    }
  }

  &__container {
    display: none;
    &--active {
      background: siteColor(vam-black);
      display: block;
      height: 100%;
      position: fixed;
      top: 0;
      z-index: 40;

      @include bpMinMedium {
        background: rgba(29, 30, 32, .9);
      }
    }
  }

  &__close-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='plus' viewBox='0 0 100 100'%3E%3Ctitle%3Eplus%3C/title%3E%3Cpath d='M42.857 42.857H0v14.286h42.857V100h14.286V57.143H100V42.857H57.143V0H42.857z' fill='%23fff' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    cursor: pointer;
    height: 29px;
    margin: 10px;
    position: fixed;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    width: 29px;
    z-index: 99999;
  }

  &__content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
  }

  &__figure {
    align-items: center;
    display: flex;
    flex-grow: 4;
    height: 100%;
    margin: auto;
    position: relative;
    width: 100%;

    @include bpMinSmall {
      display: flex;
      flex-grow: none;
      width: auto;
    }
  }

  &__image {
    display: none;
    &--active {
      display: block;
      height: calc(90vh * .5);
      margin: auto;
      max-height: 535px;
      max-width: 735px;
      object-fit: contain;
      position: relative;
      width: 100%;
    }
  }

  &__figcaption {
    @include typeSetting(2, regular);
    display: none;
    line-height: 1.7;<commit_msg>last css complaint from firefox addressed<commit_after>.b-image-overlay {
  &__preview {
    cursor: pointer;
    height: auto;
    max-width: 735px;
    position: relative;
    &--offensive {
      cursor: auto;
    }
    &--hidden {
      display: none !important; // sass-lint:disable-line no-important
    }
    &-image {
      &--offensive {
        filter: blur(10px);
      }

      @include bpMinMedium {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        min-height: 300px;
        width: 100%;
      }

      height: 100%;
      max-height: 450px;
      max-width: calc(100vw - 40px);
      min-height: 200px;
      object-fit: contain;
    }
    &-concealer {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      background-color: rgba(57, 59, 63, .8);
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      &-text {
        @include typeSetting(3);
        @include bpMinXSmall {
          @include typeSetting(4);
        }

        color: siteColor(vam-white);
        height: 56px;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 40%;
        transform: translate(-50%, -50%);
        width: 238px;
      }
      &-button {
        &:hover {
          background-color: siteColor(vam-white);
          color: siteColor(vam-black);
        }
        @include typeSetting(1, bold, uppercase);
        border: solid 1px #ffffff;
        border-radius: 2px;
        color: siteColor(vam-white);
        cursor: pointer;
        height: 24px;
        left: 50%;
        margin-top: 60px;
        position: absolute;
        top: 40%;
        transform: translate(-50%, -50%);
        width: 124px;
      }
    }
  }

  &__container {
    display: none;
    &--active {
      background: siteColor(vam-black);
      display: block;
      height: 100%;
      position: fixed;
      top: 0;
      z-index: 40;

      @include bpMinMedium {
        background: rgba(29, 30, 32, .9);
      }
    }
  }

  &__close-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='plus' viewBox='0 0 100 100'%3E%3Ctitle%3Eplus%3C/title%3E%3Cpath d='M42.857 42.857H0v14.286h42.857V100h14.286V57.143H100V42.857H57.143V0H42.857z' fill='%23fff' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    cursor: pointer;
    height: 29px;
    margin: 10px;
    position: fixed;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    width: 29px;
    z-index: 99999;
  }

  &__content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
  }

  &__figure {
    align-items: center;
    display: flex;
    flex-grow: 4;
    height: 100%;
    margin: auto;
    position: relative;
    width: 100%;

    @include bpMinSmall {
      display: flex;
      flex-grow: 0;
      width: auto;
    }
  }

  &__image {
    display: none;
    &--active {
      display: block;
      height: calc(90vh * .5);
      margin: auto;
      max-height: 535px;
      max-width: 735px;
      object-fit: contain;
      position: relative;
      width: 100%;
    }
  }

  &__figcaption {
    @include typeSetting(2, regular);
    display: none;
    line-height: 1.7;
{'fraction_non_alphanumeric': 0.1377108983128135, 'fraction_numerical': 0.063687490500076, 'mean_word_length': 1.9012345679012346, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 4}, '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': '3223513', 'n_tokens_mistral': 2646, 'n_tokens_neox': 2264, 'n_words': 484}