.page-sidenav>*:not(.sidenav){display:none}#video-playlist{display:flex;flex-direction:column;margin:0;list-style:none;height:100%}#video-playlist>li{flex:1 1 auto;display:flex;align-items:center;border-bottom:2px solid #dfebf1;padding:0.5rem;cursor:pointer;line-height:1em}#video-playlist>li:last-child{border-bottom:0 none}#video-playlist>li::before{display:none}#video-playlist>li>i{flex:0 0 auto;width:2rem;height:2rem;background:#1e5989;color:white;border-radius:50%;display:inline-block;line-height:1em}#video-playlist>li>i::before{margin:0;font-size:12px;line-height:2rem;width:100%}#video-playlist>li span{flex:1 1 auto;display:inline-block;padding-left:0.5rem;font-size:.8125rem}#video-playlist>li small{font-weight:bold}#video-playlist>li:hover{background:#4796c1;color:white}#video-playlist>li.currently-playing{font-weight:bold;background:#1e5989;color:white}#video-playlist>li.currently-playing i{background:#ffc222}@media (min-width: 1024px){#video-playlist>li{padding:1rem;line-height:1.2em}#video-playlist>li span{font-size:1rem;padding-left:1rem}}.video-player-row{padding-top:0}.video-player-row .flexrow{margin:0}@media (max-width: 767px){.video-player-row .flexrow{display:flex;flex-wrap:wrap}.video-player-row .flexrow>div{flex:1 1 100%}}.playlist-col{flex:1 1 auto;order:1;padding:0;background:#aadff1}@media (max-width: 767px){.playlist-col{order:2}}.video-col{flex:1 1 auto;order:2;margin-bottom:0;padding:0;background:#dfebf1}@media (max-width: 767px){.video-col{order:1}}