.site-channel-tile {
  width: 320px;
}

.site-channel-list-item {

  .channel-image {
    display: block;
    position: relative;

    #channel-live-label {
      display: none;
      position: absolute;
      left: 12px;
      bottom: 0;
      padding: 3px 8px;
      line-height: 1;
      margin: 0 auto;
      background-color: rgba(8,190,8);
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border: solid 2px white;
      border-bottom: none;
      color: white;
      text-align: center;
      font-weight: bold;
    }
  }

  &[data-status="live"] {
    .channel-image #channel-live-label {
      display: block;
    }
  }
}

.site-recommendation-list {

  .recommended-channel-name {
    font-size: 14px;
    line-height: 1;
    color: #e8e8e8;
  }

  .recommended-channel-episode-title {
    font-size: 11px;
    line-height: 1;
    margin-top: 2px;
    color: #686868;
  }

  .recommended-channel-meta.no-select {
    font-size: 11px;
    line-height: 1;
    margin-top: 2px;

    .channel-meta-icon {
      color: #686868;
    }

    .channel-meta-label {
      margin-left: 4px;
      color: #e8e8e8;
    }
  }
}