@import core.variables
@import ~mweb/common/components/variables

.mw-channel-info-card
  min-height: $mw-channel-info-card-height

  .mw-channel-info-card__banner
    height: 60px
    background-color: $black
    background-position: center
    background-repeat: no-repeat
    background-size: cover

  .mw-channel-info-card__body .tw-button-icon
    color: $black

  .mw-channel-info-card__avatar
    margin-top: -30px
    border: 3px solid $white
    border-radius: 5px

  .mw-channel-info-card__avatar__image
    width: 5rem
    height: 5rem

  .mw-channel-info-card__details
    display: none

    &.mw-channel-info-card__details--visible
      display: block

    p
      line-height: 1.5rem



  .mw-channel-info-card__counts
    min-height: 2rem
