.vjs-playlist {
 padding:0;
 background-color:#1a1a1a;
 color:#fff;
 list-style-type:none
}
.vjs-playlist img {
 display:block
}
.vjs-playlist .vjs-playlist-item-list {
 position:relative;
 margin:0;
 padding:0;
 list-style:none
}
.vjs-playlist .vjs-playlist-item {
 position:relative;
 cursor:pointer;
 overflow:hidden
}
.vjs-playlist .vjs-playlist-thumbnail-placeholder {
 background:#303030
}
.vjs-playlist .vjs-playlist-now-playing-text {
 display:none;
 position:absolute;
 top:0;
 left:0;
 padding-left:2px;
 margin:.8rem
}
.vjs-playlist .vjs-playlist-duration {
 position:absolute;
 top:.5rem;
 left:.5rem;
 padding:2px 5px 3px;
 margin-left:2px;
 background-color:rgba(26,26,26,0.8)
}
.vjs-playlist .vjs-playlist-title-container {
 position:absolute;
 bottom:0;
 box-sizing:border-box;
 width:100%;

 text-shadow: none;
  background-color: rgb (0,0,0,0.5)
}
.vjs-playlist .vjs-playlist-name {
 display:block;
 max-height:2.5em;
 padding: 2%;
 font-style:normal;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space: wrap;
 line-height:20px;
 background-color: rgb(0,0,0,0.8)
}
.vjs-playlist .vjs-playlist-description {
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 display:block;
 font-size:14px;
 padding:0 0 0 2px
}
.vjs-playlist .vjs-up-next-text {
 display:none;
 padding:.1rem 2px;
 font-size:.8em;
 text-transform:uppercase
}
.vjs-playlist .vjs-up-next .vjs-up-next-text {
 display:block
}
.vjs-playlist .vjs-selected {
 background-color:#141a21
}
.vjs-playlist .vjs-selected img {
 opacity:.2
}
.vjs-playlist .vjs-selected .vjs-playlist-duration {
 display:none
}
.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text {
 display:block
}
.vjs-playlist .vjs-selected .vjs-playlist-title-container {
 text-shadow:none
}
.vjs-playlist-vertical {
 overflow-x:hidden;
 overflow-y:auto
}
.vjs-playlist-vertical img {
 width:100%;
 min-height:54px
}
.vjs-playlist-vertical .vjs-playlist-item {
 margin-bottom:5px
}
.vjs-playlist-vertical .vjs-playlist-thumbnail {
 display:block;
 width:100%
}
.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder {
 height:100px
}
.vjs-playlist-horizontal {
 overflow-x:auto;
 overflow-y:hidden
}
.vjs-playlist-horizontal img {
 min-width:100px;
 height:100%
}
.vjs-playlist-horizontal .vjs-playlist-item-list {
 height:100%;
 white-space:nowrap
}
.vjs-playlist-horizontal .vjs-playlist-item {
 display:inline-block;
 height:100%;
 margin-right:5px
}
.vjs-playlist-horizontal .vjs-playlist-thumbnail {
 display:block;
 height:100%
}
.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder {
 height:100%;
 width:180px
}
.vjs-playlist.vjs-ad-playing.vjs-csspointerevents {
 pointer-events:none;
 overflow:auto
}
.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.5)
}
.vjs-playlist {
 font-size:14px
}
.vjs-playlist .vjs-playlist-description {
 height:28px;
 line-height:21px
}
.vjs-mouse.vjs-playlist {
 font-size:15px
}
.vjs-mouse.vjs-playlist .vjs-playlist-description {
 height:30px;
 line-height:23px
}
@media (min-width: 600px) {
 .vjs-mouse.vjs-playlist {
  font-size:17px
 }
 .vjs-mouse.vjs-playlist .vjs-playlist-description {
  height:34px;
  line-height:26px
 }
 .vjs-playlist .vjs-playlist-name {
  line-height:22px
 }
}
@media (max-width: 520px) {
 .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
 .vjs-playlist .vjs-up-next .vjs-up-next-text {
  display:none
 }
 .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,
 .vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text {
  display:none
 }
}
@media (min-width: 521px) {
 .vjs-playlist img {
  min-height:85px
 }
}
@media (max-width: 750px) {
 .vjs-playlist .vjs-playlist-duration {
  display:none
 }
}