// Payment method
// ==========================================================================

.payment-method


  li
    position: relative
    margin-bottom: 10px
    border: 1px solid #E7E4E1
    border-radius: 4px

    &:hover
      border: 1px solid #ccc

    // Radio button
    .radio-button
      position: absolute
      +grid-position($top: .75)
      left: 12px
      margin-top: -5px

    // Label (full block sized)
    .radio-label
      display: block
      +grid-height(1.5)
      +grid-padding-s($top: .25, $bottom: .25)
      @extend %clearfix

      width: 100%
      cursor: pointer

      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)

    .pm-logo
      display: block
      position: relative
      float: left
      margin-left: 40px

      +grid-width(1.2)
      +grid-height(1.2)

      img
        opacity: 0
        +position(absolute,50% null null 50%)

    .pm-text
      display: block
      float: left
      +grid-margin-s($left: .5)
      max-width: 500px

      .pm-inner
        display: block

    .pm-description
      color: $light-grey

    .pm-streamer
      display: block
      color: $green

  .issuer-holder
    position: relative
    overflow: hidden
    +grid-margin-s($left: 1)
    max-height: 0
    +transition(margin-top 200ms ease-out, margin-bottom 200ms ease-out, max-height 200ms ease-out)

    input[type="text"]
      font-size: 1em
 
    select
      max-width: 320px

    &.open
      margin-top: 10px
      margin-bottom: 20px
      max-height: 100px
      overflow: visible