<commit_before>.broadcast
  display: inline-block
  height: $top-height
  width: 40px
  margin-left: 1em
  line-height: $top-height
  cursor: pointer
  vertical-align: middle
  @media #{$medium-up}
    float: left

.broadcasts
  position: relative
  background-color: $white
  list-style: none
  padding: 0 1em
  margin: 0 auto .7em
  border-radius: 2px
  height: 0
  transform-origin: center center
  opacity: 0
  z-index: -1
  will-change: opacity
  transition: opacity 150ms ease

  &:after
    content: ""
    position: absolute
    display: block
    width: 14px
    height: 14px
    background: $white
    top: -0.5em
    left: 136px
    transform: rotate(45deg)
    border-top: solid 2px $cream-dark
    border-left: solid 2px $cream-dark
  li
    border-bottom: solid 2px $cream-dark
    &:last-of-type
      border-bottom: none
  p
    margin: .5em 0
    padding-left: 1.5rem
    font-size: .9em
    word-wrap: break-word
  a
    display: inline
    line-height: 1.45
    text-decoration: underline

  &.is-open
    z-index: 80
    border: solid 2px $cream-dark
    opacity: 1
    height: auto

  .icon-close
    display: inline-block
    width: 1.2em
    height: 1.2em
    float: right
    background:
      image: inline-image('line-icons/icon-failed.svg')
      repeat: no-repeat

  @media #{$medium-up}
    position: absolute
    top: 3.3em
    left: 145px
    width: 27em
    height: auto
    z-index: 70
    margin-left: -0.7em
    .centered &
      left: 133px
    &:after
      left: 1rem<commit_msg>fix broadcasts overlay by removing z-index on the wrong state<commit_after>.broadcast
  display: inline-block
  height: $top-height
  width: 40px
  margin-left: 1em
  line-height: $top-height
  cursor: pointer
  vertical-align: middle
  @media #{$medium-up}
    float: left

.broadcasts
  position: relative
  background-color: $white
  list-style: none
  padding: 0 1em
  margin: 0 auto .7em
  border-radius: 2px
  height: 0
  transform-origin: center center
  opacity: 0
  z-index: -1
  will-change: opacity
  transition: opacity 150ms ease

  &:after
    content: ""
    position: absolute
    display: block
    width: 14px
    height: 14px
    background: $white
    top: -0.5em
    left: 136px
    transform: rotate(45deg)
    border-top: solid 2px $cream-dark
    border-left: solid 2px $cream-dark
  li
    border-bottom: solid 2px $cream-dark
    &:last-of-type
      border-bottom: none
  p
    margin: .5em 0
    padding-left: 1.5rem
    font-size: .9em
    word-wrap: break-word
  a
    display: inline
    line-height: 1.45
    text-decoration: underline

  &.is-open
    z-index: 80
    border: solid 2px $cream-dark
    opacity: 1
    height: auto

  .icon-close
    display: inline-block
    width: 1.2em
    height: 1.2em
    float: right
    background:
      image: inline-image('line-icons/icon-failed.svg')
      repeat: no-repeat

  @media #{$medium-up}
    position: absolute
    top: 3.3em
    left: 145px
    width: 27em
    height: auto
    margin-left: -0.7em
    .centered &
      left: 133px
    &:after
      left: 1rem
{'fraction_non_alphanumeric': 0.10208741030658838, 'fraction_numerical': 0.037834311806914545, 'mean_word_length': 2.362938596491228, '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': '1994952', 'n_tokens_mistral': 1175, 'n_tokens_neox': 1068, 'n_words': 302}