body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--backgroundColor:#282c35;--lightBackgroundColor:#343a48;--redColor:#d0021b;--lightRedColor:#e36776;--yellowColor:#fff3c8;--greenColor:#a7ff91;--lightBlueColor:#aed1fb;--hoverBlueColor:#4898f6;--brightBlueColor:#348df5;--activeColor:#3b404b;--dimTextColor:#a7a9ae;--disabledTextColor:#57595c;--paragraphColor:#b4b4b4;--darkBlueColor:#2c313e;--disabledBlueColor:#1a477b}body,html{background-color:#282c35;background-color:var(--backgroundColor)}.App{color:#fff;font-family:Inter,sans-serif}.App main{display:flex;flex-direction:column;min-height:100vh}.App .primary{background-color:#282c35;background-color:var(--backgroundColor);flex:1 1}.App header nav{min-height:60px}.App header .navbar-brand{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:1.2rem;font-weight:600}.App header .navbar-brand:hover{color:#fff}.App header nav{justify-content:space-between}.App header svg{margin-right:10px}.App header .nav-buttons>:not(:first-child){margin-left:5px}.App header .nav-buttons select.text-select{background-color:#2c313e;background-color:var(--darkBlueColor);border:none;border-radius:4px;color:#fff;font-weight:500;padding:8px 10px}.App button{background:none;border:1px solid #fff;border-radius:4px;color:#fff;font-weight:700;padding:8px 10px}.App button:disabled{border-color:#57595c;border-color:var(--disabledTextColor);color:#57595c;color:var(--disabledTextColor)}.App button:hover:enabled{background-color:#343a48;background-color:var(--lightBackgroundColor)}.App button:focus:enabled{outline:none}.App button.text-button{border:none;color:#a7a9ae;color:var(--dimTextColor);font-weight:500}.App button.text-button:hover{color:#fff}.App footer{background-color:#282c35;background-color:var(--backgroundColor);margin-top:40px;text-align:center}.App #footer-simple,.App footer{color:#b4b4b4;color:var(--paragraphColor);padding:30px 0}.App #footer-simple a,.App footer a{color:#aed1fb;color:var(--lightBlueColor)}.App #footer-simple a:hover,.App footer a:hover{opacity:.5;text-decoration:none}.App #lobby-left{background-color:#2c313e;background-color:var(--darkBlueColor);display:flex;flex-basis:320px;flex-direction:column;flex-grow:40;justify-content:space-between}.App #lobby-right{flex-basis:480px;flex-grow:60}.container-half{max-width:375px;padding-left:40px;padding-right:40px;width:100%}@media screen and (max-width:991px){.container-half{max-width:350px}}.App #lobby-left .container-half{margin-left:auto;margin-top:100px;padding-right:60px}.App #lobby-right .container-half{margin-right:auto;margin-top:160px;padding-left:60px}.App #lobby .container-mobile{margin-top:40px;max-width:400px;padding:0 30px}.App .divider{border:1px solid #3b404b;border:1px solid var(--activeColor);margin:60px auto;width:75%}.App .touts>:not(:first-child){margin-top:40px}.App .touts h4{font-size:1.2rem;font-weight:500;line-height:140%}.App .touts p{color:#b4b4b4;color:var(--paragraphColor);font-size:1rem;line-height:140%}.App .lobby-form h3{font-size:1.5rem;margin-bottom:20px}.App .lobby-form .form-group:not(:first-of-type){margin-top:2rem}.App .lobby-form .error-message{color:#e36776;color:var(--lightRedColor);font-size:.9rem;font-weight:500;height:1rem;text-align:center}.App .lobby-form button[type=submit]{background-color:#348df5;background-color:var(--brightBlueColor);border:none;margin-top:1rem;padding:12px 15px;width:100%}.App .lobby-form button[type=submit]:hover{background-color:#4898f6;background-color:var(--hoverBlueColor)}.App .lobby-form button[type=submit]:disabled{background-color:#1a477b;background-color:var(--disabledBlueColor)}.App .lobby-form button.inline{background:none;border:none;color:#aed1fb;color:var(--lightBlueColor);display:inline-block;font-weight:500;padding:0;width:auto}.App .lobby-form .switcher{font-size:.9rem;margin-top:1.5rem;text-align:center}.App .lobby-form button.inline:hover{opacity:.5}.App #game .container-loading{margin-top:80px;text-align:center}.App #game .container{margin-top:20px;text-align:center}.App #room-title{margin-bottom:0}.App .warning{color:#e36776;color:var(--lightRedColor);font-weight:500}.App #buzzer{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.App #buzzer>button{background-color:#348df5;background-color:var(--brightBlueColor);border:none;border-radius:50%;color:#fff;font-size:2rem;font-weight:700;height:300px;-webkit-user-select:none;user-select:none;width:300px}.App #buzzer>button:hover{background-color:#4898f6;background-color:var(--hoverBlueColor)}.App #buzzer>button:active{background-color:#2c313e;background-color:var(--darkBlueColor)}.App #buzzer>button:disabled{background-color:#343a48;background-color:var(--lightBackgroundColor)}@media screen and (max-width:767px){.App #buzzer>button{max-height:200px;max-width:200px}}.App .settings{margin-top:30px}.App .settings>.button-container:not(:first-child){margin-top:10px}.App .settings button:hover:disabled{background-color:none}.App .settings .divider{margin:40px auto;width:50%}.App #reset{margin:30px 0}.App .queue{margin-top:40px}.App .queue p{margin-bottom:0}.App .queue ul{list-style-type:none;padding:0}.App .queue li{font-size:1.5rem}.App .queue li .player-sign{border-radius:4px;display:inline-block;min-width:150px;padding:5px 15px;transition:all .1s ease-in-out}.App .queue li .name{font-weight:600}.App .queue li.resettable .player-sign{cursor:pointer}.App .queue li.resettable .player-sign:hover{background-color:#343a48;background-color:var(--lightBackgroundColor)}.App .queue .disconnected{color:#d0021b;color:var(--redColor);margin-left:5px;opacity:1}.App .mini{font-size:1rem}.App .tiny{font-size:.8rem}.App .bold{font-weight:600}.App .dim{opacity:.5}
/*# sourceMappingURL=main.7ed55609.css.map*/