.playlist_holder {
  position: relative;
}
.playlist_wrapper {
  background: #000;
}
.playlist {
  background: #000;
}
.playlist .item {
  border-bottom: 1px solid #666;
  padding: 0.5rem;
  display: flex;
  vertical-align: center;
  justify-content: flex-start;
}
.playlist .item.active {
  background-color: #eb1b25;
}
.playlist .item:last-child {
  border-bottom: 0 solid #000;
}
.playlist .item .title {
  color: #fff;
  flex: 1;
}
.playlist .item img {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}
#channels .item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
#channels .item .title {
  margin-top: 0.5rem;
  display: inline-block;
}
#channels .item .title a {
  color: #000;
}
.icon_marker .img_holder {
  position: relative;
  align-self: flex-start;
}
.icon_marker .img_holder .timing {
  position: absolute;
  right: 6px;
  bottom: 2px;
  font-size: 0.8em;
  padding: 0 0.3em;
  background: #000;
  color: #ddd;
}
.icon_marker .img_holder .timing:before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(../img/video.svg) no-repeat center center;
  background-size: 10px;
  opacity: 0.7;
  transition: opacity 0.4s;
  margin-right: 0.1rem;
}
.icon_marker.media_type_1 .img_holder .timing:before {
  background-image: url(../img/sound.svg);
}
.number {
  position: absolute;
  z-index: 3;
  bottom: -5px;
  right: -7px;
  background: #eb1b25;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  line-height: 21px;
}
#videos_view.soundcloud_active #y_player {
  display: none;
}
#videos_view.youtube_active #s_player {
  display: none;
}
.videos_home_view.playing #playlist {
  transform: translateY(0rem);
  transition: all 0.8s;
}
.videos_home_view #playlist {
  margin-right: 1.5rem;
  background: #000;
  position: relative;
  z-index: 2;
  transform: translateY(-10rem);
  transition: all 0.8s;
}
.videos_home_view .heading {
  color: #000;
  display: flex;
  width: 100%;
  justify-content: center;
}
.videos_home_view #player {
  margin-top: 9rem;
}
.videos_home_view .treasure {
  overflow: hidden;
  max-width: 0;
  min-height: 0;
  height: 0;
}
.videos_home_view .treasure.show {
  height: auto;
  max-width: 100%;
  max-width: 2046px;
}
.tv {
  position: relative;
  display: inline-block;
  width: 112px;
  height: 112px;
}
.single-cp_channel #channel_info,
.single-cp_channel .subchannels {
  color: #000;
  padding-bottom: var(--wg);
}
.single-cp_channel #channel_info .tv:before,
.single-cp_channel .subchannels .tv:before {
  background-image: url(../img/tv_mask_grey.svg);
}
.single-cp_channel #channel_info .head .item,
.single-cp_channel .subchannels .head .item {
  position: relative;
}
.single-cp_channel #channel_info .head .title,
.single-cp_channel .subchannels .head .title {
  position: absolute;
  top: 26px;
  left: 95px;
  white-space: nowrap;
  display: inline-block;
  z-index: 4;
}
.single-cp_channel #channel_info .head .title a,
.single-cp_channel .subchannels .head .title a {
  color: #fff;
  background: #eb1b25;
  padding: 0.3rem;
}
.single-cp_channel #channel_info .description,
.single-cp_channel .subchannels .description {
  display: flex;
  align-items: center;
}
.single-cp_channel #channel_info .description p:last-child,
.single-cp_channel .subchannels .description p:last-child {
  margin-bottom: 0;
}
.single-cp_channel .content {
  background-color: #B7B4B6;
  display: flex;
  flex-flow: column;
}
.single-cp_channel .item {
  margin: 0;
}
.single-cp_channel .item_content {
  display: flex;
}
.single-cp_channel .item_content.active {
  padding-top: var(--bs-gutter-x);
}
.single-cp_channel .item_content .img_holder {
  position: relative;
  align-self: flex-start;
}
.single-cp_channel .item_content .img_holder .timing {
  position: absolute;
  right: 6px;
  bottom: 2px;
  font-size: 0.8em;
  padding: 0 0.3em;
  background: #000;
  color: #ddd;
}
.single-cp_channel .item_content .img_holder .timing:before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(../img/video.svg) no-repeat center center;
  background-size: 10px;
  opacity: 0.7;
  transition: opacity 0.4s;
  margin-right: 0.1rem;
}
.single-cp_channel .item_content.media_type_1 .img_holder .timing:before {
  background-image: url(../img/sound.svg);
}
.single-cp_channel .player_holder {
  animation: blendin 1.4s normal forwards ease-in-out;
  animation-iteration-count: 1;
}
.single-cp_channel #playlist .item {
  flex-flow: column;
}
.single-cp_channel .with_subchannels #playlist .item {
  flex-flow: row;
}
.single-cp_channel .textual {
  padding: 0 1rem 1rem 1rem;
  color: #ddd;
  flex: 1;
}
.single-cp_channel .description {
  animation: blendin 1.4s normal forwards ease-in-out;
  animation-iteration-count: 1;
}
.simple_playlist .item .img_holder {
  position: relative;
  align-self: flex-start;
}
.simple_playlist .item .img_holder .timing {
  position: absolute;
  right: 6px;
  bottom: 2px;
  font-size: 0.8em;
  padding: 0 0.3em;
  background: #000;
  color: #ddd;
}
.simple_playlist .item .img_holder .timing:before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(../img/video.svg) no-repeat center center;
  background-size: 10px;
  opacity: 0.7;
  transition: opacity 0.4s;
  margin-right: 0.1rem;
}
.simple_playlist .item.media_type_1 .img_holder .timing:before {
  background-image: url(../img/sound.svg);
}
@keyframes blendin {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}