#local-search
  animation: titlescale .5s

  .local-search-box
    margin: 0 auto
    max-width: 100%
    width: 100%

    input
      padding: .25rem .7rem
      width: 100%
      outline: none
      border: 2px solid $search-color
      border-radius: 2rem
      background: $search-bg
      font-size: 14px
      -webkit-appearance: none

  .local-search__hit-item
    position: relative
    padding-left: 1.3rem
    line-height: 1.7

    &:hover
      &:before
        border-color: $theme-button-hover-color

    &:before
      $w = .3rem
      position: absolute
      top: .3rem
      left: 0
      width: w = $w
      height: h = w
      border: .5 * w solid $search-color
      border-radius: w
      background: transparent
      content: ''
      line-height: h
      transition: all .2s ease-in-out

    a
      display: block
      color: $font-black
      font-weight: 600
      font-size: 14px
      cursor: pointer

      &:hover
        color: $search-color

    .search-result
      margin: 0 0 .4rem

    .search-keyword
      color: $search-keyword-highlight
      font-weight: bold

  .local-search-stats__hr
    display: none !important

  .search-result-list
    overflow-y: auto
    max-height: 10.5rem