.channel-list-modal .popup{display:flex;flex-direction:column}.channel-list-modal .popup>.header{display:flex;margin:0;height:7rem}@media only screen and (max-width: 750px){.channel-list-modal .popup>.header{height:5rem}}.channel-list-modal .popup>.header .close{flex-grow:1;flex:0 0 1;font-family:"Muli",sans-serif;font-size:2rem;padding-left:1rem;cursor:pointer}.channel-list-modal .popup>.header .actions{display:flex}.channel-list-modal .popup>.header .actions .action-input input[type=text]{font-family:'Muli', sans-serif;font-weight:200;font-size:1rem;background:rgba(255,255,255,0.25);margin:0.25rem 1.5rem;border-radius:0.5rem;color:#ffffff;-webkit-appearance:none;padding:0.5rem;border:none;display:block;width:100%}.channel-list-modal .popup>.header .actions .action-input input[type=text]::placeholder{font-family:'Muli', sans-serif;font-weight:200;color:#ffffff}.channel-list-modal .popup>.header .actions img{height:1.25rem;margin-top:0.75rem;margin-left:1rem}.channel-list-modal .popup>.header .actions .search{margin-right:1rem}.channel-list-modal .popup p{margin-top:50%}.channel-list-modal .popup p a,.channel-list-modal .popup p a:visited,.channel-list-modal .popup p a:active{color:#ffffff}.channel-list-modal .popup .list{overflow-y:auto;margin:1rem 0}.channel-list-modal .popup ul{list-style-type:none;margin:0 1rem;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.channel-list-modal .popup ul li{cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.63);padding:1rem 0}.channel-list-modal .popup ul li .header{font-size:1rem;display:flex}.channel-list-modal .popup ul li .header .name{flex-grow:1;flex:0 0 1}.channel-list-modal .popup ul li .description{font-size:0.9rem}.channel-list-modal .popup ul li a,.channel-list-modal .popup ul li a:active,.channel-list-modal .popup ul li a:visited{color:#ffffff}