<commit_before>@import '../variables'

#layout-header
  position fixed
  top 0
  left 0
  height topbar_h
  line-height topbar_h
  width 100%
  background-color backgroundgray
  padding 0
  display flex
  justify-content space-between
  z-index header_z
  transform translate3d(0, 0, 0)

  &.is-active, .has-results
    z-index header_z + 2

    .header--icon
      display none

.layout-header__search:hover .header--icon svg *
  fill hovergray
  stroke hovergray

.header--icon
  position absolute
  left 0
  top 0
  width 40px

  svg
    width 46px
    height 46px
    line-height 2em
    padding 18px 15px 12px 15px
    outline none

    .iconic-magnifying-glass-lg
      display none

    .iconic-magnifying-glass-md
      display none

    .iconic-magnifying-glass-sm
      display inline

    & *
      stroke lightgray
      fill lightgray

.layout-header__search
  flex-grow 3
  position relative

input#layout-header__search__input
  width 100%
  height 50px
  font-size 1em
  border none
  outline 0
  font-weight normal
  padding 0 container_pad 0 topbar_h
  background-color backgroundgray

  &:focus
    background-color secondbackgroundgray

.layout-header__search__results
  position absolute
  left 0
  width 100%
  display none
  box-shadow downshadow
  background secondbackgroundgray

.layout-header__search.is-active
  .layout-header__search__results
    display block
  .header--icon
    display none

.search__results__list
  list-style-type none

.search__results__result
  padding 4px 0 4px 50px
  font-size 1em
  font-weight bold
  border-top 1px solid bordergray
  cursor pointer

  &:hover, &.is-active
    background-color backgroundgray

    li
      color hovergray

.search__results__see-all
  background-color bordergray

privacy-color('.search__results__result--privacy-', color)

.layout-header__search__close
  position absolute
  left 16px
  font-size 31px
  top 1px
  display none
  color lightgray

  &:hover
    color textgray

.is-active .layout-header__search__close, .has-results .layout-header__search__close
  display block

.layout-header__register
  padding 0 container_pad 0 container_pad
  a
    font-weight bold

.right
  text-align right
  margin 0

.logo-icon.dropdown--menu__trigger
  height topbar_h
  padding 0 22px 0 22px

.logo
  &.has-notifications .logo-icon
    svg
      fill alert

  .logo-icon svg
    display inline-block
    fill textgray
    width 25px
    height topbar_h

  .logo-icon:hover, &.dropdown--is_active .logo-icon
    svg
      fill hovergray

.dropdown--menu .user__avatar--thumb
  width 30px
  opacity 0.8

  &:hover
    opacity 1

  .user__avatar__image
    top 10px
    opacity 50%


.new-channel-dropdown
  display inline-block
  margin-right 20px

  .dropdown--menu__trigger:after
    content ""
<commit_msg>make avatar a bit darker<commit_after>@import '../variables'

#layout-header
  position fixed
  top 0
  left 0
  height topbar_h
  line-height topbar_h
  width 100%
  background-color backgroundgray
  padding 0
  display flex
  justify-content space-between
  z-index header_z
  transform translate3d(0, 0, 0)

  &.is-active, .has-results
    z-index header_z + 2

    .header--icon
      display none

.layout-header__search:hover .header--icon svg *
  fill hovergray
  stroke hovergray

.header--icon
  position absolute
  left 0
  top 0
  width 40px

  svg
    width 46px
    height 46px
    line-height 2em
    padding 18px 15px 12px 15px
    outline none

    .iconic-magnifying-glass-lg
      display none

    .iconic-magnifying-glass-md
      display none

    .iconic-magnifying-glass-sm
      display inline

    & *
      stroke lightgray
      fill lightgray

.layout-header__search
  flex-grow 3
  position relative

input#layout-header__search__input
  width 100%
  height 50px
  font-size 1em
  border none
  outline 0
  font-weight normal
  padding 0 container_pad 0 topbar_h
  background-color backgroundgray

  &:focus
    background-color secondbackgroundgray

.layout-header__search__results
  position absolute
  left 0
  width 100%
  display none
  box-shadow downshadow
  background secondbackgroundgray

.layout-header__search.is-active
  .layout-header__search__results
    display block
  .header--icon
    display none

.search__results__list
  list-style-type none

.search__results__result
  padding 4px 0 4px 50px
  font-size 1em
  font-weight bold
  border-top 1px solid bordergray
  cursor pointer

  &:hover, &.is-active
    background-color backgroundgray

    li
      color hovergray

.search__results__see-all
  background-color bordergray

privacy-color('.search__results__result--privacy-', color)

.layout-header__search__close
  position absolute
  left 16px
  font-size 31px
  top 1px
  display none
  color lightgray

  &:hover
    color textgray

.is-active .layout-header__search__close, .has-results .layout-header__search__close
  display block

.layout-header__register
  padding 0 container_pad 0 container_pad
  a
    font-weight bold

.right
  text-align right
  margin 0

.logo-icon.dropdown--menu__trigger
  height topbar_h
  padding 0 22px 0 22px

.logo
  &.has-notifications .logo-icon
    svg
      fill alert

  .logo-icon svg
    display inline-block
    fill textgray
    width 25px
    height topbar_h

  .logo-icon:hover, &.dropdown--is_active .logo-icon
    svg
      fill hovergray

.dropdown--menu .user__avatar--thumb
  width 30px
  opacity 0.95

  &:hover
    opacity 1

  .user__avatar__image
    top 10px
    opacity 50%


.new-channel-dropdown
  display inline-block
  margin-right 20px

  .dropdown--menu__trigger:after
    content ""

{'fraction_non_alphanumeric': 0.06216505894962487, 'fraction_numerical': 0.027331189710610933, 'mean_word_length': 2.8587181254307374, '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': '3380052', 'n_tokens_mistral': 1972, 'n_tokens_neox': 1784, 'n_words': 496}