/* *****************************************************************************
*
*  Item Channel Discover
*
* ***************************************************************************** */

.item-channel-discover {
  @extend .selection-state;
  overflow: hidden;
  background: transparent;
  width: 100%;
  display: inline-block;

  &__img {
    padding-bottom: 130%;
  }

  .content {
    z-index: 10;
    position: absolute;
    width: calc(100% - 1rem);
    bottom: 0;
    left: 0.5rem;
    border-radius: 0.5rem;

    img {
      display: inline-block;
      max-width: 10rem;
      max-height: 4rem;
    }
  }

  .carousel-channel-discover.item-has-inner-shadow & {
    .content {
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.67) 36%, rgba(0,0,0,1) 67%, rgba(0,0,0,1) 100%);
    }
  }

}