/* Additive radio styles. Existing shared channel and .play rules remain valid. */

.radioChannelCard {
  overflow: hidden;
}

.radioChannelCard .channelInfo {
  min-width: 0;
}

.radioChannelCard .channelInfo .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.radioChannelCard .channelInfo .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radioChannelCard .radioPlayer {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 16px 16px;
}

.radioChannelCard .radioPlayer audio,
.radioChannelCard .radioPlayer video,
.radioChannelCard .radioPlayer object,
.radioChannelCard .radioPlayer embed,
.radioChannelCard .radioPlayer iframe {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.radioChannelCard .radioPlayer audio {
  min-height: 40px;
}

@media (max-width: 700px) {
  .radioChannelCard .radioPlayer {
    padding: 10px 12px 14px;
  }
}