.twitch-login-button{display:flex;flex-shrink:0;align-items:center;margin:2px 6px 2px 0;padding:0 10px;height:32px;color:#fff;background-color:#9147ff;border:none;border-radius:10px;cursor:pointer}.twitch-login-button button{display:flex;flex-shrink:0;align-items:center;background-color:transparent;border:none;cursor:pointer}.twitch-login-button:hover{background-color:#a163ff}.twitch-logo-container{float:left;margin-right:4px}.twitch-login-text{float:left;font-size:.8em}#content{display:block;margin:0 5px 5px;padding:10px 0 0 10px;border:1px solid black;border-radius:10px;background-color:#2f4f4f}#content .message h2{font-size:22px;margin:10px 0 20px}#content .message p{margin-bottom:10px}#content .message #streamboard-example-picture{float:right;width:180px}#content .message strong{font-weight:700;color:#ff0}#nav-bar{width:100%;margin-top:5px;margin-bottom:5px}#nav-bar-left{display:flex;float:left;margin-left:6px}#nav-bar-right{display:flex;float:right}#nav-bar #nav-bar-title{display:flex;align-items:end;justify-content:center;height:32px;margin-left:10px}#nav-bar #nav-bar-title h1{font-size:21px}#nav-bar #nav-bar-title h1 span{font-size:.5em;color:gray}#nav-bar .nav-bar-error{display:flex;align-items:center;color:red;font-size:.8em;margin-right:10px}#nav-bar .button{flex-shrink:0;height:32px;cursor:pointer;background-color:transparent;border:none;padding:0 6px 0 0}#nav-bar .button:active{transition:transform .1s;transform:scale(1.15)}#nav-bar .button svg{height:28px;width:28px}#footer{width:100%;height:30px;padding:2px 8px}#footer div p{font-size:.7em;color:gray}#footer #footer-text{float:right}#footer #footer-text p{margin:0;padding:1px 6px 0 0;line-height:30px}#footer #buymeacoffee{filter:brightness(.8);float:right;height:30px;width:108px}pre.debug-info{font-family:monospace;color:gray;margin:0 0 0 25px}.moderated-channels-dropdown{display:flex;align-items:center;font-size:.8em;margin-right:6px}.moderated-channels-dropdown select{border-radius:4px;padding:4px}.viewer-item{position:relative;display:inline-block;width:150px;margin:0 4px 4px 0;box-sizing:border-box;font-size:15px;border:1px solid black;border-radius:5px;text-align:center;overflow:hidden;color:#000;background-color:#8fbc8f;cursor:pointer}.viewer-item p{padding:5px 0}.viewer-item:hover{transform:scale(1.02);box-shadow:#00000059 0 5px 15px}.viewer-item.new,.bounce2{box-shadow:#ff0 0 0 15px;animation:bounce2 3s ease infinite}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.viewer-item.left,.bounce-out{animation:bounce-out 10s ease infinite}@keyframes bounce-out{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}.viewer-item.offline,.viewer-item.offline p{opacity:80%;filter:grayscale(.8);background-color:gray}.viewer-item.offline:hover,.viewer-item.offline:hover p{opacity:1;filter:grayscale(0)}.bot-list .viewer-item{color:#666}.viewer-item:hover{color:#000}.bot-list .viewer-item img{filter:grayscale(.7)}.bot-list .viewer-item:hover img{filter:grayscale(0)}#viewer-information{display:block;cursor:pointer;text-align:center;padding:10px}.viewer-count-container{display:flex;align-items:center;margin-right:6px}.viewer-count-container .viewer-count-icon{stroke-width:3px}.viewer-count-container span{font-size:14px;font-weight:bolder}.channel-status-container{display:flex;align-items:center;margin-right:6px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}body{margin:0;font-family:Roboto,sans-serif;min-width:420px}ul{margin-bottom:1em}li{margin:0 0 .2em 2em}svg{flex-shrink:0}.online{background-color:#8fbc8f}.offline{background-color:333}