mediacms/static/css/playlist.css

.playlist-form-field.playlist-title.focused:after,.playlist-form-field.playlist-description.focused:after{background-color:var(--playlist-form-title-focused-bg-color)}.playlist-privacy{border-color:var(--playlist-privacy-border-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn{color:var(--playlist-form-cancel-button-text-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn:hover,.playlist-form-wrap .playlist-form-actions button.cancel-btn:focus{color:var(--playlist-form-cancel-button-hover-text-color)}.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{color:var(--playlist-form-field-text-color);border-color:var(--playlist-form-field-border-color)}.playlist-form-wrap textarea:focus,.playlist-form-wrap input[type=text]:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.playlist-form-field.playlist-title,.playlist-form-field.playlist-description{position:relative}.playlist-form-field.playlist-title.focused:after,.playlist-form-field.playlist-description.focused:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block}.playlist-form-field.playlist-title.invalid:after,.playlist-form-field.playlist-description.invalid:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block;background-color:rgba(255,0,0,.8)}.playlist-privacy{padding-bottom:12px;border-style:solid;border-width:0 0 1px}.playlist-form-wrap .playlist-form-field{position:relative;margin:0 24px;margin-top:16px}.playlist-form-wrap .playlist-form-label{display:block;font-size:12px;line-height:20px;letter-spacing:.132px}.playlist-form-wrap .playlist-form-actions{position:relative;display:inline-block;width:100%;float:left;margin-top:4px;padding:8px}.playlist-form-wrap .playlist-form-actions button{height:40px;padding:10px 16px;font-size:14px;line-height:20px;letter-spacing:.007px;font-weight:500;border-width:0;background:none;position:relative;width:auto;float:left}.playlist-form-wrap .playlist-form-actions button.create-btn{float:right;color:var(--theme-color, var(--default-theme-color))}.playlist-form-wrap label,.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{display:block;width:100%}.playlist-form-wrap textarea{min-width:100%;max-width:100%;min-height:21px;height:24px;line-height:21px;overflow-y:hidden;overflow-wrap:break-word;vertical-align:baseline;resize:none}.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{padding:0px 0 2px 0;font-size:14px;line-height:20px;border-width:0 0 1px;background:none;outline:0}.playlist-form-wrap textarea::-webkit-input-placeholder, .playlist-form-wrap input[type=text]::-webkit-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-moz-placeholder, .playlist-form-wrap input[type=text]:-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::-moz-placeholder, .playlist-form-wrap input[type=text]::-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-ms-input-placeholder, .playlist-form-wrap input[type=text]:-ms-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::-ms-input-placeholder, .playlist-form-wrap input[type=text]::-ms-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::placeholder,.playlist-form-wrap input[type=text]::placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-ms-input-placeholder,.playlist-form-wrap input[type=text]:-ms-input-placeholder{color:#909090}.playlist-form-wrap textarea::-ms-input-placeholder,.playlist-form-wrap input[type=text]::-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=radio]{margin-right:16px;vertical-align:middle}.playlist-form-wrap label{padding:4px 0;font-size:14px;line-height:21px;cursor:pointer}
#page-playlist{background-color:var(--playlist-page-bg-color)}.playlist-details{color:var(--playlist-page-details-text-color)}.playlist-details .playlist-thumb{background-color:var(--playlist-page-thumb-bg-color)}.playlist-details .playlist-title h1{color:var(--playlist-page-title-link-text-color)}.playlist-details .playlist-title h1 a{color:inherit}.playlist-details .playlist-actions .circle-icon-button{background-color:var(--playlist-page-actions-circle-icon-bg-color)}.playlist-details .playlist-actions .playlist-options-wrap .popup-main .nav-menu ul li button{color:var(--playlist-page-actions-nav-item-button-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:hover,.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:focus{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color)}.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:hover .material-icons,.playlist-details .playlist-actions .popup-message-bottom button.cancel-playlist-removal:focus .material-icons{color:var(--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color)}.playlist-details .playlist-status{color:var(--playlist-page-status-text-color);background-color:var(--playlist-page-status-bg-color)}.playlist-details .playlist-status .material-icons{color:var(--playlist-page-status-icon-text-color)}.playlist-details .playlist-description a{text-decoration:none}.playlist-details .playlist-author{border-top-color:var(--playlist-page-author-border-top-color)}.playlist-details .playlist-author .playlist-author-name a{color:var(--playlist-page-author-name-link-color)}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button{color:var(--playlist-page-author-edit-playlist-icon-button-text-color);background-color:var(--playlist-page-author-edit-playlist-icon-button-bg-color)}.playlist-details .playlist-author .edit-playlist>button.circle-icon-button:active{color:var(--playlist-page-author-edit-playlist-icon-button-active-text-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap{color:var(--playlist-page-author-edit-playlist-form-wrap-text-color);background-color:var(--playlist-page-author-edit-playlist-form-wrap-bg-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .playlist-form-wrap{border-color:var(--playlist-page-author-edit-playlist-form-wrap-border-color)}.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:hover,.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:focus,.playlist-details .playlist-author .edit-playlist .edit-playlist-form-wrap .edit-playlist-popup-title .circle-icon-button:active{color:var(--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color)}.playlist-details .playlist-author .playlist-author-thumb span{color:var(--playlist-page-author-edit-playlist-author-thumb-text-color);background-color:var(--playlist-page-author-edit-playlist-author-thumb-bg-color)}.playlist-details{background:var(--playlist-page-details-bg-color)}.playlist-videos-list>*{background:var(--playlist-page-video-list-bg-color)}@media screen and (min-width: 1008px){.playlist-videos-list{background:var(--playlist-page-video-list-bg-color)}.playlist-videos-list>*{background:none}}.playlist-videos-list .item .item-content h3 span{background-color:var(--playlist-page-video-list-item-title-bg-color)}.playlist-videos-list .item:hover{background-color:var(--playlist-page-video-list-item-title-hover-bg-color)}.playlist-videos-list .item:hover .item-content h3 span{background-color:var(--playlist-page-video-list-item-title-hover-bg-color)}.playlist-videos-list .item:after{border-top-color:var(--playlist-p