.playlist-card{position:relative;background-color:#fff;display:inline-block;width:100%;max-width:570px;overflow:hidden}.playlist-card .title{position:absolute;left:0;bottom:0;padding:6px;width:100%;max-width:100%;z-index:20;text-align:left;font-size:16px;font-weight:700;display:block;display:-webkit-box;min-height:1em;max-height:3em;line-height:1em;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist-card:hover .play-overlay{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.playlist-card .bottom-shadow{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);position:absolute;width:110%;min-height:50%;left:0;bottom:-2px;z-index:1}.playlist-modal .option label{width:calc(100% - 30px);white-space:nowrap;overflow:hidden}.playlist-modal .option .visibility{float:right}.playlist-modal .name{position:relative}.playlist-modal .create{position:absolute;top:0;right:0}.playlist-title{width:calc(100% - 40px)}.playlist-toolbox{text-align:right;padding:10px 15px}@media(max-width:767px){.playlist-toolbox{text-align:center}}.playlist-membership-level{display:inline-block;position:relative;top:-9px}.playlist-details .playlist-icon{position:relative;margin-bottom:10px}.playlist-details .description-container{position:relative;min-height:30px;margin-bottom:10px}.playlist-details .toolbox-button{position:absolute;top:0;right:0}.playlist-details .playlist-edit-details{padding:0 15px 5px 5px}.playlist-video{position:relative;margin:10px 0;overflow:hidden;-webkit-backface-visibility:hidden}.playlist-video .image-container,.playlist-video .text-container,.playlist-video .unavailable-container{position:relative;display:inline-block;width:100%}.playlist-video .image-container:hover .play-overlay{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.playlist-video .image-container:hover .action-button{opacity:1}.playlist-video .text-container{height:258px}.playlist-video .unavailable-container p{text-align:center;padding:1px 0 4px;font-size:20px;font-weight:bolder}@media(max-width:767px){.playlist-video .unavailable-container p{text-align:left}}.playlist-video .image{position:relative}.playlist-video .title{margin:5px 0 0;display:block;display:-webkit-box;min-height:1.2em;max-height:2.5em;line-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist-video .title a{font-size:16px;font-weight:700}.playlist-video .channel{margin:10px 0;display:block;display:-webkit-box;height:1.2em;line-height:1.2em;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist-video .channel a{font-size:14px;font-weight:700}.playlist-video .description{margin:5px 0;display:block;display:-webkit-box;height:10.7em;line-height:1.1em;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist-video .description p{margin-bottom:14px}.playlist-video .description p:last-child{margin-bottom:0}.playlist-video .details{position:absolute;left:0;bottom:0}.playlist-video .toolbox{position:absolute;top:-2px;right:0;padding:0 0 5px 5px}@media(max-width:1199px){.playlist-video .text-container{height:210px}.playlist-video .description{height:7.6em;-webkit-line-clamp:7}}@media(max-width:991px){.playlist-video .text-container{height:194px}.playlist-video .description{max-height:6.5em;-webkit-line-clamp:6}}@media(max-width:767px){.playlist-video .image-container,.playlist-video .text-container{display:inline-block;width:100%;max-width:640px}.playlist-video .text-container{height:110px}.playlist-video .title{max-height:3.7em;-webkit-line-clamp:3}}