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{align-items:center;display:flex;justify-content:center;min-height:60px;padding:12px 24px;position:relative;width:100%}.App header .navbar-brand{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:2rem;font-weight:600;margin:0}.App header .navbar-brand:hover{color:#fff}.App header .navbar-brand img{margin-right:10px}.App header .navbar-brand.brand-stacked{align-items:center;flex-direction:column}.App header .navbar-brand.brand-stacked img{margin-bottom:6px;margin-right:0}.App header .nav-buttons{align-items:center;display:flex;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.App header .nav-buttons>:not(:first-child){margin-left:5px}@media screen and (max-width:767px){.App header nav{padding:0 16px}.App header .nav-buttons{right:16px}.App header .navbar-brand{font-size:2rem}}.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:auto;padding:24px 0;text-align:center}.App #footer-simple,.App footer{color:#b4b4b4;color:var(--paragraphColor)}.App #footer-simple{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 .lobby-page{display:flex;flex-direction:column;min-height:100vh}.App #lobby .lobby-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px 24px}.App #lobby .lobby-form-card{background-color:#2c313e;background-color:var(--darkBlueColor);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:420px;padding:36px 40px;width:100%}@media screen and (max-width:767px){.App #lobby .lobby-content{padding:32px 20px}.App #lobby .lobby-form-card{padding:28px 24px}}.App .lobby-form label{color:#a7a9ae;color:var(--dimTextColor);font-size:.9rem;font-weight:500;margin-bottom:.4rem}.App .lobby-form .form-control{border:1px solid #3b404b;border:1px solid var(--activeColor);border-radius:6px;padding:10px 14px}.App .lobby-form .form-control,.App .lobby-form .form-control:focus{background-color:#343a48;background-color:var(--lightBackgroundColor);color:#fff}.App .lobby-form .form-control:focus{border-color:#348df5;border-color:var(--brightBlueColor);box-shadow:0 0 0 2px rgba(52,141,245,.25)}.App .lobby-form h3{font-size:1.5rem;font-weight:600;margin-bottom:24px;text-align:center}.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 li .player-sign.first{background-color:#fff3c8;background-color:var(--yellowColor)}.App .queue li .player-sign.first .name{color:#282c35;color:var(--backgroundColor);font-weight:700}.App .queue li.resettable .player-sign.first:hover{background-color:#fff3c8;background-color:var(--yellowColor);opacity:.85}.App .queue .disconnected{color:#d0021b;color:var(--redColor);margin-left:5px;opacity:1}.App .game-controls{display:flex;justify-content:center;margin-top:40px;padding-bottom:24px}.App .game-controls>:not(:first-child){margin-left:15px}.App .mini{font-size:1rem}.App .tiny{font-size:.8rem}.App .bold{font-weight:600}.App .dim{opacity:.5}
/*# sourceMappingURL=main.3cc92496.css.map*/