*{box-sizing:border-box}body{margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;background:#000;color:#231f20}a{text-decoration:none}a,input{color:#fff}input{font-family:Roboto;padding:10px;border:0;outline:none;background:none;background:hsla(0,0%,100%,0.1);font-size:1.4em}#ui{transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s}.login{position:fixed;top:0;right:0;bottom:0;left:0;background:#231f20;display:flex;align-items:center;justify-content:center}.loginBox{width:100%;max-width:300px;transition:opacity 0.5s;color:#fff}.loginBox.working{opacity:0.2}.loginBox input{width:100%;display:block;text-align:center;margin-top:0.5em}.loginBox img{width:100%}.loginMessage{padding:10px 0;text-align:center}.loginChannelName{text-align:center;font-size:1.2em}header{width:100%;height:60px;padding:16px;padding-left:60px;font-size:1.5em;color:#fff;background:#231f20;font-weight:300;position:relative}header i.material-icons{font-size:1.8rem;line-height:35px}header img{position:absolute;top:10px;right:0;left:0;margin:0 auto;height:40px;width:auto}@media (max-width:599px){header img{display:none}}.headerIcon{top:14px;left:12px;width:35px;border-radius:50%;color:#231f20;background:#fff}.headerIcon,.helpButton{position:absolute;height:35px;text-align:center}.helpButton{display:flex;justify-content:center;align-items:center;top:13px;right:10px;width:100px;color:#fff;border:1px solid #fff;font-size:1.2rem;line-height:35px;cursor:pointer;overflow:hidden}.helpButton i.material-icons{font-size:1.5rem;margin-left:2px;width:24px}.helpFrame{width:100%;max-width:450px;max-height:calc(100vh - 120px);transform:translate(0,50px) scale(1);transition:transform 0.5s;background:rgba(35,31,32,0.9);color:#fff;position:fixed;top:40px;right:60px;overflow:hidden;padding:20px;transform-origin:top right;overflow-y:auto;z-index:1}.helpFrame p{margin:11px 0}.helpFrame i.material-icons.closeIcon{position:absolute;top:17px;right:20px;cursor:pointer;font-size:35px}.helpFrame i.material-icons.titleIcon{position:relative;top:11px;line-height:0;font-size:1.6em}.helpFrame.hidden{transform:translate(0,0) scale(0)}@media (max-width:599px){.helpFrame{max-height:calc(100vh - 60px);right:0;transform:translate(0,20px) scale(1)}}.helpFrameButton{width:120px;margin:0 auto;padding:10px 0;text-align:center;color:#fff;border:1px solid #fff;cursor:pointer}.helpFrameTitle{font-weight:700;margin-bottom:10px;font-size:1.6em}.loading{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background:#231f20;font-size:2.5em;font-weight:300;z-index:5;color:#fff}.loading,.loading .loadingBox{width:100%;display:flex;align-items:center;justify-content:center}.loading .loadingBox{flex-wrap:wrap}.loading .loadingBox div{width:100%;text-align:center;margin-top:10px}.loading .loadingBox i.material-icons{font-size:2em;-webkit-animation:fading 1s ease-in-out infinite;animation:fading 1s ease-in-out infinite}.loading img{width:90%;height:auto;max-width:200px}.toolsHolder{width:100%;display:flex;align-items:center;justify-content:center;height:calc(100vh - 60px);overflow-y:auto;background:#f8f8f8}.tools{padding:15px;text-align:center;width:100%;max-height:calc(100vh - 60px)}.bigButton,.smallButton{width:100%;max-width:300px;font-size:3em;padding:20px;background:#231f20;color:#fff;cursor:pointer;transition:background 0.5s;display:block;text-align:center;margin:20px auto}.bigButton:hover,.smallButton:hover{background:#594f51}.bigButton:active,.smallButton:active{transition:none;background:#231f20}.resetButton{font-size:2em}.smallButton{max-width:190px;font-size:1.1em}.smallButton i.material-icons{line-height:0;position:relative;top:6px}.bigishMessage,.bigMessage{width:100%;padding:10px;text-align:center;font-size:2em;color:#231f20}.bigishMessage{font-size:1em;font-weight:700}.bigMessage+.bigishMessage{padding-top:0}.recordingProp{margin:10px auto;text-align:center;-webkit-animation:fading 1s ease-in-out infinite;animation:fading 1s ease-in-out infinite;color:#d44;font-size:2em;text-transform:uppercase;font-weight:700}.recordingProp i.material-icons{font-size:1.4em;position:relative;top:9px}.loadingBarBackground{width:90%;max-width:300px;margin:10px auto;height:10px;background:rgba(35,31,32,0.1);overflow:hidden}.loadingBar{transform-origin:left;background:#231f20;width:100%;height:10px;transition:transform 0.5s;transform:scaleX(0)}.fading{-webkit-animation:fading 1s ease-in-out infinite;animation:fading 1s ease-in-out infinite}.fadeIn,.fadeInFast{-webkit-animation:fadeIn 1.5s;animation:fadeIn 1.5s;-webkit-animation-delay:0.2s;animation-delay:0.2s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeInFast{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0;animation-delay:0}.channels{width:95%;max-width:950px;margin:10px auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.channel{width:95px;height:auto;cursor:pointer;opacity:0.5;position:relative}.channel img{width:100%;display:block}.channel .activated{display:none;position:absolute;top:0;right:0;color:#fff;width:0;height:0;border-width:0 40px 40px 0;border-color:transparent #0f0 transparent transparent;border-style:solid}.channel .activated i{position:absolute;top:2px;left:19px;font-size:20px}.channel.active{opacity:1}.channel.active .activated{display:block}.blur{-webkit-filter:blur(5px);filter:blur(5px)}.confirmWindow{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)}.confirmBox{width:100%;max-width:600px;height:90px;padding:10px;background:hsla(0,0%,100%,0.6);color:#231f20;position:relative;z-index:4}.configBoxTitle{font-size:2em;font-weight:300}.configBoxLabel{font-size:1.45em;font-weight:700}.confirmButtons{position:absolute;top:20px;right:20px;display:flex}.configCancel,.configConfirm{width:50px;height:50px;margin-left:20px;border:1px solid #231f20;cursor:pointer;transition:all 0.5s;background:transparent;text-align:center}.configCancel:hover,.configConfirm:hover{background:#231f20;color:#fff}.configCancel i,.configConfirm i{font-size:40px;line-height:50px}.tooltip{position:fixed;bottom:0;left:0;padding:5px;font-size:1em;background:rgba(35,31,32,0.8);color:#fff;display:inline-block}.confirmError{font-size:1.5em}.programingIcon i{font-size:6em}@-webkit-keyframes fading{0%{opacity:1}50%{opacity:0.1}}@keyframes fading{0%{opacity:1}50%{opacity:0.1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}