body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a1f36;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none;color:#a1a1a1}#root{min-height:100vh}.admin .logo{margin:10px 20px 0 25px;height:40px}.admin .col{box-sizing:border-box}.admin .col .paper{padding:10px 0}.admin .col .paper .title{position:relative;font-weight:700;padding:10px 20px 20px;margin:0;font-size:20px}.admin .col .paper .title .circle-button{border-radius:50%;min-width:0;width:25px;height:25px;padding:19px;position:absolute;right:15px;top:5px}.admin .col .paper .list{padding:0}.admin .col .paper.pad{padding:20px}.admin .col .paper .live{width:13px;height:13px;background-color:red;display:inline-block;border-radius:50%;position:relative;margin-right:8px;border:1.5px solid #000;transform:translateY(2px)}.admin .editor{min-height:200px}.admin .editor>div.tox.tox-tinymce{border-radius:4px}.App{background-color:#0a1f36;min-height:calc(100vh - 120px);position:relative;padding-bottom:120px}.App .block{padding:20px 25px 25px;background-color:hsla(0,0%,100%,.9);border-radius:5px;color:rgba(0,0,0,.8);width:820px;max-width:100%;box-sizing:border-box;margin:0 auto 30px}.App .block.blue{background-color:#013b52;color:hsla(0,0%,100%,.9)}.App .block.centered{text-align:center}.App .block .title{font-weight:600;font-size:26px}.App .block .title.large{font-size:42px}@keyframes grow{0%{opacity:.9;transform:scale(.97)}50%{opacity:1;transform:scale(1.06)}to{opacity:.9;transform:scale(.97)}}@keyframes glow{0%{border:2px solid rgba(255,85,85,.6)}50%{border:4px solid rgba(255,85,85,.9);padding:18px 23px 23px}to{border:2px solid rgba(255,85,85,.6)}}.App .block .header .title.clickable:hover{cursor:pointer;text-decoration:underline}.App .block.live{animation:glow 3s ease infinite alternate}.App .block.red-border{border:2px solid rgba(255,85,85,.9)}.App .block .live{background-color:#f55;font-weight:700;display:inline-block;padding:2px 8px;border-radius:3px;margin-right:10px;margin-top:5px}.App .block .subtitle{margin-top:-20px;color:#a1a1a1}.App .block .description a:hover{text-decoration:underline}.App .error{width:404px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.App .embed-container{position:relative;height:calc(100vh - 720px)}.App .embed{width:100%;box-sizing:border-box;margin-top:40px}.App .embed .title{color:#fff;opacity:.4;cursor:default;transition:opacity .4s ease;font-size:21px;padding:10px 2px;font-family:"Roboto"}.App .embed .title:hover{opacity:.9}.App .video{width:100%;aspect-ratio:16/9}.App .video .video-inner{width:100%;height:100%}.App .chat,.App .history{width:calc(100% - 20px);height:100%;margin-left:20px}.App .block,.App .chat,.App .history,.App .video-inner{box-shadow:0 0 15px 5px rgba(0,0,0,.25)}.App .history{overflow-y:auto;background-color:rgba(33,33,33,.98);color:hsla(0,0%,100%,.5)}.App .history .history-item{padding:10px 20px;transition:background-color .1s ease-in-out;border:.5px solid rgba(0,0,0,.2);cursor:pointer;position:relative;z-index:10}.App .history .history-item .download-button{color:hsla(0,0%,100%,.5);padding:6px;position:absolute;right:5px;bottom:5px}.App .history .history-item .download-button:hover{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.App .history .history-item *{cursor:pointer}.App .history .history-item.active,.App .history .history-item:hover{color:hsla(0,0%,100%,.7);background-color:#373737}.App .history .history-item.active .title,.App .history .history-item:hover .title{opacity:1}.App .history .history-item:hover{box-shadow:0 0 5px 1px rgba(0,0,0,.25);z-index:100}.App .history .history-item .title{color:#fff;font-weight:700;font-size:16px}.App .header .logo{height:40px;margin:10px 15px;max-width:100vw}.App .header .button{margin-top:-45px;margin-left:12px;font-weight:500}.App .header .button.active{background-color:#43bdce}.App .header .button.orange{background-color:rgba(255,85,85,.74)}.App .klub-logo{height:100px;position:absolute;right:60px;bottom:20px;opacity:.6}.App .http-logo{height:50px;position:absolute;right:210px;bottom:40px;opacity:.6}.App .netacad-logo{height:40px;position:absolute;right:380px;bottom:45px;opacity:.6}@media only screen and (max-width:960px){.App{min-height:calc(69.4vw + 750px);padding-bottom:255px}.App .header{padding:10px;text-align:center}.App .header .logo{width:100%;max-width:300px;height:auto;box-sizing:border-box;margin:3px 0 10px}.App .header .button{box-sizing:border-box;width:100%;margin:3px 0}.App .embed{margin-top:10px}.App .chat,.App .history{margin-left:0;margin-top:20px;width:100%;height:500px}.App img:not(.logo){left:50%;transform:translateX(-50%)}.App .http-logo{bottom:90px}.App .netacad-logo{bottom:20px}.App .klub-logo{bottom:170px}}.icon{height:20px;margin:1px -5px 0 5px}.icon.left{margin:-2px 9px 0 -3px}.orDivider{position:relative;padding:40px 0 30px}.orDivider .or{position:absolute;left:50%;top:30px;font-size:13px;transform:translateX(-50%);background-color:#fff;padding:0 8px;color:rgba(0,0,0,.4)}a.link{color:#006188}a.link.underline,a.link:hover{text-decoration:underline}.button,button{text-transform:none!important}
/*# sourceMappingURL=main.0ef1d0cb.chunk.css.map */