:root{--highlight-color: #black;--background-color: #white;--higlight-font: #black;--font-size: 16px}html,body{width:100%;margin:0;padding:0;font-family:Roboto,Helvetica Neue,Arial,Helvetica,Geneva,sans-serif}#ch_container{display:flex;flex-direction:column;height:100%;-webkit-user-select:none;user-select:none;padding:25px}channel{list-style:none;color:#000;font-family:sans-serif;font-weight:700;padding:12px 16px;margin:0 8px;position:relative;cursor:pointer;white-space:nowrap}channel:before{content:" ";position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;transition:.2s;border-radius:25px}channel:hover{color:#000}channel:hover:before{background:linear-gradient(to bottom,#e5e5e5,#e5e5e5)}channel.ch_highlight:before{background-color:#ec366b}channel.ch_highlight{color:#fff}channel.ch_highlight:hover{color:#fff;background-color:#ec366b;border-radius:25px}.hidden{display:none}#pl_container{position:absolute;inset:0;margin:0;padding:0;background-color:#000}#pl_video{position:absolute;width:100%;height:100%}#pl_img{height:100%;width:100%}.centered_image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}#pl_iframe{position:absolute;width:100%;height:100%;pointer-events:none}#dl_container{position:absolute;inset:0}.fade-out-element{opacity:1;transition:opacity 1s}*,:after,:before{box-sizing:border-box}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both;display:block}.clock:before,.count:after{content:"";position:absolute}.clock-wrap{margin:100px auto auto;width:240px;height:240px;position:relative;border-radius:50px;background-color:#fff;box-shadow:0 0 15px #00000026}.clock{top:50%;left:50%;width:180px;height:180px;border-radius:50%;position:absolute;margin-top:-90px;margin-left:-90px;background-color:#feeff4}.clock:before{top:50%;left:50%;width:120px;height:120px;margin-top:-60px;margin-left:-60px;border-radius:inherit;background-color:#ec366b;box-shadow:0 0 15px #00000026,0 0 3px #ffffffbf inset}.count{width:100%;color:#fff;height:100%;padding:50px;font-size:32px;font-weight:500;line-height:50px;position:absolute;text-align:center}.count2{width:100%;display:block;font-size:18px;font-weight:300;line-height:18px;text-align:center;position:absolute;bottom:60px;color:#fff}.tbl{display:table;width:100%}.tbl .col{display:table-cell}#status_element{position:absolute;bottom:0;right:0;height:10px;width:10px;z-index:1000}.open{content:"OK";background-color:#006400}.close{content:"CL";background-color:#8b0000}.error{content:"ERROR";background-color:#ff1493}