<commit_before>.lightbox
  +z-layer(top)
  background: $body-background
  background: rgba($body-background, 0.95)
  left: 0
  opacity: 0
  position: fixed
  transition: 300ms opacity ease-out
  top: 0px
  visibility: hidden

  &.is-visible
    visibility: visible

  &.is-active
    opacity: 1


    .lightbox__content
      > iframe
        display: block

.lightbox__wrapper
  -webkit-overflow-scrolling: touch
  overflow-y: scroll
  overflow-x: hidden
  height: 100%
  width: 100%

.lightbox__content
  margin: auto
  position: relative
  transition: transform 300ms ease-out, opacity 100ms
  transform: translate3d(0px, 1000px, 0px)
  opacity: 0
  width: 600px
  .lightbox__close
    height: 25px
    width: 25px
    position: absolute
    right: .5em
    top: .5em
    &:hover
      +icon-color(body-grey)

  .preloader
    visibility: hidden

  .content-ready &
    transition: transform 300ms ease-out, opacity 500ms
    transform: translate3d(0px, 0px, 0px)
    opacity: 1
    padding-bottom: 50px

  .lightbox--layer &
    width: 800px

  .is-loading &
    @extend %rounded-corners
    @extend %large-shadow
    width: 90px
    transform: translate3d(0px, 0px, 0px)
    transition: transform 300ms ease-out, opacity 500ms
    top: 45%
    height: 50px
    background-color: #FFF
    opacity: 1
    .preloader
      visibility: visible

  > iframe
    background: black
    border: 0
    display: none
    height: 100%
    width: 100%

.lightbox--noscroll
  overflow: hidden
  -webkit-overflow-scrolling: touch
<commit_msg>Hide default close icon in lightbox for article layers<commit_after>.lightbox
  +z-layer(top)
  background: $body-background
  background: rgba($body-background, 0.95)
  left: 0
  opacity: 0
  position: fixed
  transition: 300ms opacity ease-out
  top: 0px
  visibility: hidden

  &.is-visible
    visibility: visible

  &.is-active
    opacity: 1


    .lightbox__content
      > iframe
        display: block

.lightbox__wrapper
  -webkit-overflow-scrolling: touch
  overflow-y: scroll
  overflow-x: hidden
  height: 100%
  width: 100%

.lightbox__content
  margin: auto
  position: relative
  transition: transform 300ms ease-out, opacity 100ms
  transform: translate3d(0px, 1000px, 0px)
  opacity: 0
  width: 600px
  .lightbox__close
    height: 25px
    width: 25px
    position: absolute
    right: .5em
    top: .5em
    &:hover
      +icon-color(body-grey)

    .lightbox--layer &
      display: none

  .preloader
    visibility: hidden

  .content-ready &
    transition: transform 300ms ease-out, opacity 500ms
    transform: translate3d(0px, 0px, 0px)
    opacity: 1
    padding-bottom: 50px

  .lightbox--layer &
    width: 800px

  .is-loading &
    @extend %rounded-corners
    @extend %large-shadow
    width: 90px
    transform: translate3d(0px, 0px, 0px)
    transition: transform 300ms ease-out, opacity 500ms
    top: 45%
    height: 50px
    background-color: #FFF
    opacity: 1
    .preloader
      visibility: visible

  > iframe
    background: black
    border: 0
    display: none
    height: 100%
    width: 100%

.lightbox--noscroll
  overflow: hidden
  -webkit-overflow-scrolling: touch

{'fraction_non_alphanumeric': 0.09114004445855828, 'fraction_numerical': 0.05017465862178469, 'mean_word_length': 2.7455410225921524, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '927393', 'n_tokens_mistral': 1210, 'n_tokens_neox': 1034, 'n_words': 289}