<commit_before>body.m-overlay-modal--shown {
  m-overlay-modal {
    position: fixed;
    z-index: 9999990;
  }
}

m-overlay-modal {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: scroll;

  .m-overlay-modal--backdrop {
    z-index: 9999995;
    @include m-theme() {
      background-color: rgba(themed($m-black-always), 0.8);
    }
  }

  .m-overlay-modal.m-overlayModal--media {
    position: static;
    // min-width: 1060px; // Should be manually calc'ed as (modalW + padding*2) and @Output
    min-height: 100%;
    display: table;
    height: 100% !important;
    table-layout: fixed;
    width: 100%;

    .m-overlay-modal--close {
      z-index: 9999998;
      line-height: normal;
      opacity: 0.6;
      position: fixed;
      right: 8px;
      top: 8px;
      transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
      padding: 4px;
      @include m-theme() {
        background-color: rgba(themed($m-white-always), 0);
        color: themed($m-grey-300);
      }
      i.material-icons {
        font-size: 28px;
      }
      &:hover {
        opacity: 1;
      }
    }

    m-media--modal {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 100%;

      .m-mediaModal__wrapper {
        position: static;
        margin: 20px;
        display: inline-block;
        text-align: left;

        .m-mediaModal__theater {
          position: relative;
          z-index: 9999996;
          @include m-theme() {
            box-shadow: 0 12px 24px rgba(themed($m-black-always), 0.3);
          }
        }
      }
    }
  }
}

.m-mediaModal__loadingPanel .mdl-spinner {
  position: absolute;
  top: unquote('-webkit-calc(50% - 14px)');
  left: unquote('-webkit-calc(50% - 14px)');
  top: unquote('-moz-calc(50% - 14px)');
  left: unquote('-moz-calc(50% - 14px)');
  top: unquote('calc(50% - 14px)');
  left: unquote('calc(50% - 14px)');
}

.m-mediaModal__stageWrapper {
  float: left;
  height: 100%;
  min-height: 480px;
  position: relative;
  text-align: center;
  z-index: 9999997;
  @include m-theme() {
    background-color: rgba(themed($m-black-always), 0.9);
    box-shadow: 0 0 8px rgba(themed($m-black-always), 0.15);
  }
}

.m-mediaModal__mediaWrapper--blog {
  line-height: initial;
  overflow-y: auto;
  text-align: left;

  @include m-theme() {
    color: themed($m-white-always);
  }

  h1.m-blog--title {
    font-weight: 600;
    font-size: 42px;
    letter-spacing: 1.5px;
    font-family: 'Roboto', Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-align: left;

    @media only screen and (max-width: $min-tablet) {
      font-size: 24px;
    }
  }

  p {
    @include m-theme() {
      color: themed($m-white-always);
    }
  }

  .minds-blog-body img {
    @media screen and (max-width: 891px) {
      width: 100vw;
    }
    max-width: initial;
    height: auto;
    width: 80%;
    margin: 0 -100px;
  }

  .m-blog--image--caption {
    @include m-theme() {
      color: themed($m-white-always);
    }
  }
}

.m-mediaModal__stage {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 402px;
  position: relative;
  width: 100%;
}

.m-mediaModal__mediaWrapper {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;

  .m-mediaModal__media--image,
  m-video {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: top;
  }

  m-video {
    position: static;

    .minds-video-bar-full {
      .m-video--progress-bar {
        padding-right: 0;
      }

      .m-video--volume-control-wrapper {
        margin-right: 16px;
      }
    }
    .minds-video-play-icon {
      transform: none;
      width: auto;
      top: unquote('-webkit-calc(50% - 50px)');
      left: unquote('-webkit-calc(50% - 50px)');
      top: unquote('-moz-calc(50% - 50px)');
      left: unquote('-moz-calc(50% - 50px)');
      top: unquote('calc(50% - 50px)');
      left: unquote('calc(50% - 50px)');
    }
    m-video--progress-bar {
      .progress-bar {
        margin-right: 8px;
      }
    }
  }

  &.m-mediaModal__mediaWrapper--blog {
    overflow-x: hidden;
    overflow-y: scroll;<commit_msg>(fix): video should always be 100% height of viewport<commit_after>body.m-overlay-modal--shown {
  m-overlay-modal {
    position: fixed;
    z-index: 9999990;
  }
}

m-overlay-modal {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: scroll;

  .m-overlay-modal--backdrop {
    z-index: 9999995;
    @include m-theme() {
      background-color: rgba(themed($m-black-always), 0.8);
    }
  }

  .m-overlay-modal.m-overlayModal--media {
    position: static;
    // min-width: 1060px; // Should be manually calc'ed as (modalW + padding*2) and @Output
    min-height: 100%;
    display: table;
    height: 100% !important;
    table-layout: fixed;
    width: 100%;

    .m-overlay-modal--close {
      z-index: 9999998;
      line-height: normal;
      opacity: 0.6;
      position: fixed;
      right: 8px;
      top: 8px;
      transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
      padding: 4px;
      @include m-theme() {
        background-color: rgba(themed($m-white-always), 0);
        color: themed($m-grey-300);
      }
      i.material-icons {
        font-size: 28px;
      }
      &:hover {
        opacity: 1;
      }
    }

    m-media--modal {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 100%;

      .m-mediaModal__wrapper {
        position: static;
        margin: 20px;
        display: inline-block;
        text-align: left;

        .m-mediaModal__theater {
          position: relative;
          z-index: 9999996;
          @include m-theme() {
            box-shadow: 0 12px 24px rgba(themed($m-black-always), 0.3);
          }
        }
      }
    }
  }
}

.m-mediaModal__loadingPanel .mdl-spinner {
  position: absolute;
  top: unquote('-webkit-calc(50% - 14px)');
  left: unquote('-webkit-calc(50% - 14px)');
  top: unquote('-moz-calc(50% - 14px)');
  left: unquote('-moz-calc(50% - 14px)');
  top: unquote('calc(50% - 14px)');
  left: unquote('calc(50% - 14px)');
}

.m-mediaModal__stageWrapper {
  float: left;
  height: 100%;
  min-height: 480px;
  position: relative;
  text-align: center;
  z-index: 9999997;
  @include m-theme() {
    background-color: rgba(themed($m-black-always), 0.9);
    box-shadow: 0 0 8px rgba(themed($m-black-always), 0.15);
  }
}

.m-mediaModal__mediaWrapper--blog {
  line-height: initial;
  overflow-y: auto;
  text-align: left;

  @include m-theme() {
    color: themed($m-white-always);
  }

  h1.m-blog--title {
    font-weight: 600;
    font-size: 42px;
    letter-spacing: 1.5px;
    font-family: 'Roboto', Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-align: left;

    @media only screen and (max-width: $min-tablet) {
      font-size: 24px;
    }
  }

  p {
    @include m-theme() {
      color: themed($m-white-always);
    }
  }

  .minds-blog-body img {
    @media screen and (max-width: 891px) {
      width: 100vw;
    }
    max-width: initial;
    height: auto;
    width: 80%;
    margin: 0 -100px;
  }

  .m-blog--image--caption {
    @include m-theme() {
      color: themed($m-white-always);
    }
  }
}

.m-mediaModal__stage {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 402px;
  position: relative;
  width: 100%;
}

.m-mediaModal__mediaWrapper {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;

  .m-mediaModal__media--image,
  m-video {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: top;
  }

  m-video {
    position: static;

    video {
      width: 100%;
      height: 100%;
    }

    .minds-video-bar-full {
      .m-video--progress-bar {
        padding-right: 0;
      }

      .m-video--volume-control-wrapper {
        margin-right: 16px;
      }
    }
    .minds-video-play-icon {
      transform: none;
      width: auto;
      top: unquote('-webkit-calc(50% - 50px)');
      left: unquote('-webkit-calc(50% - 50px)');
      top: unquote('-moz-calc(50% - 50px)');
      left: unquote('-moz-calc(50% - 50px)');
      top: unquote('calc(50% - 50px)');
      left: unquote('calc(50% - 50px)');
    }
    m-video--progress-bar {
      .progress-bar {
        margin-right: 8px;
      }
    }
  }

  &.m-mediaModal__mediaWrapper--blog {
    overflow-x: hidden;
    overflow-y: scroll;
{'fraction_non_alphanumeric': 0.16128282593539392, 'fraction_numerical': 0.047060190564722285, 'mean_word_length': 2.165502022802501, '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': '6533720', 'n_tokens_mistral': 3579, 'n_tokens_neox': 3167, 'n_words': 622}