.playlist{margin-bottom:5px;height:405px;display:flex;flex-direction:column}@media (max-width:1023px){.playlist{height:calc(100vh - 10px)}}.playlist header{border-bottom:1px solid silver;text-transform:uppercase;position:relative}.playlist header,.playlist header h3{font-size:20px!important;font-weight:lighter}.playlist header h3{display:inline-block;color:#155f86;margin:0}.playlist header .playlist__teaser{color:#a8a8a8}.playlist .playlist__list-loading{text-align:center;margin:1em;color:#a8a8a8}.playlist .playlist__featured{display:none;position:relative}.playlist .playlist__featured:before{cursor:default;text-transform:uppercase;position:absolute;background:#d60000;background:-webkit-linear-gradient(left,#e50000,maroon) repeat scroll 0 0 transparent;background:-moz-linear-gradient(left,#e50000,maroon);background:-ms-linear-gradient(left,#e50000,maroon);background:-o-linear-gradient(left,#e50000,maroon);background:linear-gradient(left,#e50000,maroon);top:0;left:-5px;min-width:50px;padding:0 5px;line-height:15px;color:#fff;font-size:10px;text-align:center;font-weight:700;border-top:2px solid #fff;border-bottom:2px solid #fff;box-shadow:2px 3px 3px rgba(0,0,0,.33);text-shadow:1px 1px #000;z-index:11;content:attr(data-label)}.playlist .playlist__list{overflow-y:auto;overflow-x:hidden;flex-grow:1}.playlist .playlist__featured .playlist__item,.playlist .playlist__list .playlist__item{padding:2px 0;position:relative}.playlist .playlist__featured .playlist__item .playlist__item-preview,.playlist .playlist__list .playlist__item .playlist__item-preview{position:relative}.playlist .playlist__featured .playlist__item .playlist__item-preview img,.playlist .playlist__featured .playlist__item .playlist__item-preview video,.playlist .playlist__list .playlist__item .playlist__item-preview img,.playlist .playlist__list .playlist__item .playlist__item-preview video{width:160px;height:90px}@media (max-width:1023px){.playlist .playlist__featured .playlist__item .playlist__item-preview img,.playlist .playlist__featured .playlist__item .playlist__item-preview video,.playlist .playlist__list .playlist__item .playlist__item-preview img,.playlist .playlist__list .playlist__item .playlist__item-preview video{width:calc(100% - 5px);height:auto}}.playlist .playlist__featured .playlist__item .playlist__item-preview video,.playlist .playlist__list .playlist__item .playlist__item-preview video{position:absolute;top:0;left:0;z-index:5;object-fit:fill}.playlist .playlist__featured .playlist__item .playlist__item-preview .playlist__item-duration,.playlist .playlist__list .playlist__item .playlist__item-preview .playlist__item-duration{position:absolute;bottom:5px;left:2px;font-size:11px;padding:3px;background:#000;color:#d3d3d3;font-weight:bolder;opacity:.8;z-index:2}@media (max-width:1023px){.playlist .playlist__featured .playlist__item .playlist__item-preview .playlist__item-duration,.playlist .playlist__list .playlist__item .playlist__item-preview .playlist__item-duration{bottom:2px}}@media (min-width:1024px){.playlist .playlist__featured .playlist__item .playlist__item-preview:after,.playlist .playlist__list .playlist__item .playlist__item-preview:after{position:absolute;top:calc(50% - 26px);left:54px;content:" ";z-index:1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M85 50L0 100V0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:60%;background-position:75%;background-color:rgba(0,0,0,.5);border:3px solid #fff;border-radius:50%;width:40px;height:40px}}@media (max-width:1023px){.playlist .playlist__featured .playlist__item .playlist__item-preview:after,.playlist .playlist__list .playlist__item .playlist__item-preview:after{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);content:" ";z-index:1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M85 50L0 100V0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:60%;background-position:75%;background-color:rgba(0,0,0,.5);border:3px solid #fff;border-radius:50%;width:50px;height:50px}}@media (min-width:1024px){.playlist .playlist__featured .playlist__item .playlist__item-text,.playlist .playlist__list .playlist__item .playlist__item-text{position:absolute;left:165px;top:0}}.playlist .playlist__featured .playlist__item .playlist__item-text .playlist__item-title,.playlist .playlist__list .playlist__item .playlist__item-text .playlist__item-title{display:block;display:-webkit-box;text-transform:uppercase;font-weight:bolder;font-size:14px;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist .playlist__featured .playlist__item .playlist__item-text .playlist__item-subline,.playlist .playlist__list .playlist__item .playlist__item-text .playlist__item-subline{display:block;display:-webkit-box;font-size:11px;line-height:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist .playlist__featured .playlist__item a,.playlist .playlist__list .playlist__item a{display:block;position:relative;text-decoration:none}.playlist .playlist__featured .playlist__item-active,.playlist .playlist__list .playlist__item-active{opacity:.8}.playlist .playlist__featured .playlist__item-active .playlist__item-preview:after,.playlist .playlist__list .playlist__item-active .playlist__item-preview:after{display:none}.playlist .playlist__featured .playlist__item-active .playlist__item-preview:before,.playlist .playlist__list .playlist__item-active .playlist__item-preview:before{content:"";position:absolute;width:0;height:0;top:calc(50% + 17px);margin-left:-10px;border-color:transparent transparent #fff #fff;border-style:solid;border-width:15px;transform-origin:0 0;transform:rotate(225deg);box-shadow:-3px 3px 3px 0 rgba(0,0,0,.4)}.playlist .playlist__featured::-webkit-scrollbar-track,.playlist .playlist__list::-webkit-scrollbar-track{background-color:#f2f2f2}.playlist .playlist__featured::-webkit-scrollbar,.playlist .playlist__list::-webkit-scrollbar{width:10px;background-color:#f5f5f5}.playlist .playlist__featured::-webkit-scrollbar-thumb,.playlist .playlist__list::-webkit-scrollbar-thumb{background-color:rgba(21,95,134,.5)}.playlist footer{font-size:14px;line-height:20px;border-top:1px solid silver;text-align:right;padding:2px 5px 0}