#foundBySelect
  background-color: rgba($blueishGray, 0.5)
  margin-bottom: 10px
  width: 100%
  max-width: 380px
  height: 401px
  overflow: hidden
  transition: height 0.6s

  &.closed
    height: 41px

    .active-item
      cursor: pointer
      p
        opacity: 1

  .active-item
    +flex(space-between, flex-start)
    +metropolisLightItalic
    color: rgba($blue, 0.5)
    border-bottom: 1px solid $brown

    p
      opacity: 0.3
      margin: 0
      padding: 4px 5px 4px 20px
      width: calc(100% - 40px)
      border-right: 1px solid rgba($blue, 0.1)
      transition: opacity 0.3s

    .arrow
      +flex(center, center)
      width: 40px
      height: 40px
      cursor: pointer
      &:after
        content: ''
        +arrowBrownDown


  label
    border-bottom: 1px solid $brown
    height: 45px
    +flex(flex-start, center)

    span
      display: block
      +metropolisLightItalic
      color: rgba($blue, 0.5)
      padding: 6px 20px
      +translate3d(0,0,0)
      transition: transform 0.3s


    input
      display: none

    &:hover
      span
        +translate3d(7px,0,0)

#foundByAlternativeWrapper
  margin-top: 15px
  transition: all 0.5s

  &.hidden
    max-height: 0
    margin-top: 0
    overflow: hidden