<commit_before>#lean_overlay {
    background: transparent;
    @include background-image(radial-gradient(50% 30%, circle cover, rgba(0,0,0, 0.3), rgba(0,0,0, 0.8)));
    display: none;
    height:100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width:100%;
    z-index:100;
}

.modal {
  background: rgba(0,0,0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.9);
  @include border-radius(0px);
  @include box-shadow(0 15px 80px 15px rgba(0,0,0, 0.5));
  color: #fff;
  display: none;
  left: 50%;
  margin-left: -(grid-width(6)) / 2;
  padding: 8px;
  position: absolute;
  //top: 170px;
  width: grid-width(6);
  z-index: 12;

  &.video-modal {
    left: 50%;
    margin-left: -281px;
    width: 562px;

    .inner-wrapper {
      height: 315px;
      padding: 0px;
      width: 560px;
    }
  }

  &.home-page-video-modal {
    left: 50%;
    margin-left: -321px;
    width: 642px;

    .inner-wrapper {
      height: 360px;
      padding: 0px;
      width: 640px;
    }
  }

  .inner-wrapper {
    background: rgb(245,245,245);
    @include border-radius(0px);
    border: 1px solid rgba(0, 0, 0, 0.9);<commit_msg>improves style of video modals<commit_after>#lean_overlay {
    background: transparent;
    @include background-image(radial-gradient(50% 30%, circle cover, rgba(0,0,0, 0.3), rgba(0,0,0, 0.8)));
    display: none;
    height:100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width:100%;
    z-index:100;
}

.modal {
  background: rgba(0,0,0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.9);
  @include border-radius(0px);
  @include box-shadow(0 15px 80px 15px rgba(0,0,0, 0.5));
  color: #fff;
  display: none;
  left: 50%;
  //margin-left: -(grid-width(6)) / 2;
  padding: 8px;
  position: absolute;
  width: grid-width(6);
  z-index: 12;

  &.video-modal {
    left: 50%;
    padding: 10px;
    width: 582px;

    .inner-wrapper {
      background: #000;
      @include box-shadow(none);
      height: 315px;
      padding: 10px;
      width: 560px;
    }
  }

  &.home-page-video-modal {
    left: 50%;
    padding: 10px;
    width: 662px;

    .inner-wrapper {
      background: #000;
      @include box-shadow(none);
      height: 360px;
      padding: 10px;
      width: 640px;
    }
  }

  .inner-wrapper {
    background: rgb(245,245,245);
    @include border-radius(0px);
    border: 1px solid rgba(0, 0, 0, 0.9);
{'fraction_non_alphanumeric': 0.16560509554140126, 'fraction_numerical': 0.09129511677282377, 'mean_word_length': 2.5428571428571427, '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': '3291721', 'n_tokens_mistral': 1108, 'n_tokens_neox': 925, 'n_words': 213}