.lobby-room-container{height:90vh;display:grid;grid-template-columns:75% 20%}.not-host{grid-template-columns:100%}.lobby-room{width:85%;height:90%;margin:auto}.lobby-room-list{max-height:45%;height:45%;background-color:#a2b9ff;margin-bottom:5%}.info-column{margin:auto;text-align:center}.button-container{display:grid;grid-template-columns:50% 50%;justify-items:center;width:100%;margin-bottom:50px}.team-list-container{overflow-y:scroll;height:79.3%}.team-list{display:grid;grid-template-columns:repeat(4,22.75%);grid-gap:3%;gap:3%;padding:10px}.qr-code-container{display:grid;grid-template-columns:auto auto;width:250px;margin:auto;justify-items:center;align-items:center;justify-content:center}.qr-code-label{background-color:#a2b9ff;width:50%;padding:10px;border-radius:5px;justify-self:right}.room-code-box{width:100%;margin:auto}.room-code{background-color:#4973ff;color:#fff;padding:30px;font-size:35px;font-weight:700;text-align:center;margin-left:0}.player-card,.room-code-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-card{width:100%;height:50px;background-color:#0a43ff;display:flex;align-items:center;justify-content:flex-end;border-radius:10px}.player-card:hover{background-color:#002fcb}.avatar{height:70%;margin-left:10px;border-radius:10px}.username{text-align:center;margin:auto;color:#fff}.remove-button{background-color:#ff6e6e;display:flex;justify-content:center;align-items:center;position:absolute;transform:translate(40%,-100%);width:22px;height:22px}.remove-button:hover{background-color:#ff4040;cursor:pointer}.clickable{cursor:pointer}.teams-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;box-shadow:0 0 10px #4973ff;border-radius:5px;background-color:#eff3ff;max-height:40vh;margin-bottom:20px}.teams-header{top:0;width:100%;background-color:#a2b9ff;border-radius:2px;display:grid;justify-content:center;font-size:20px;position:-webkit-sticky;position:sticky;z-index:2}.team-item-list{overflow-y:scroll;overflow-x:hidden;position:relative;max-height:30vh}.teams-add{width:80%;margin:10px;padding:10px}.teams-add:hover{background-color:#d7e1ff;cursor:pointer;text-decoration:underline}.team-item-container{width:96%;margin:5px}.team-item-header{padding:5px;text-align:center;background-color:#a2b9ff}.team-item-header:hover,.team-item-selected{background-color:#4973ff;color:#fff}.team-item-header:hover{cursor:pointer;text-decoration:underline}.team-item-options{background-color:#a2b9ff;grid-gap:10px;gap:10px}.team-item-name,.team-item-options{display:grid;justify-content:center}.team-item-name{padding:10px;grid-gap:5px;gap:5px}.team-item-name-options{display:grid;grid-template-columns:70% 30%}.team-item-name-input{background-color:#d7e1ff;outline:2px solid #0a43ff;border:none;border-radius:1px}.team-item-name-buttons{display:grid;grid-template-columns:50% 50%;justify-items:right}.team-item-name-accept{text-align:center;width:70%;background-color:#1c7000;color:#fff}.team-item-name-accept:hover{background-color:#124900;cursor:pointer}.team-item-name-cancel{text-align:center;width:70%;background-color:#bf0000;color:#fff}.team-item-name-cancel:hover{background-color:#7f0000;cursor:pointer}.team-item-color-input{width:98%;background-color:#d7e1ff;outline:1px solid #0a43ff;border:none;border-radius:1px}.drw-modal{width:100%;height:100%;display:grid;justify-items:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drw-modal-box{width:80%;height:80%;background-color:#d7e1ff}.drw-modal-header{background-color:#4973ff;margin:0;height:7.5vh;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;text-align:center;align-items:center;justify-content:center}.drw-modal-player-list{display:grid;grid-template-columns:20% 20% 20% 20%;grid-gap:5%;gap:5%;margin:2.5%}.drw-modal-recognition{width:100%;margin-top:5%;display:grid;align-items:center;justify-content:center;justify-items:center}.drw-modal-recognition-phrase{width:75%;text-align:center;background-color:#a2b9ff;padding:20px;font-size:30px;border-radius:30px}.drw-modal-steal{width:100%;margin-top:2%;display:grid;align-items:center;justify-content:center;justify-items:center;grid-template-rows:20% 20% 60%;height:84.1%}.drw-modal-steal-title{width:80%;border-radius:30px}.drw-modal-steal-phrase,.drw-modal-steal-title{text-align:center;background-color:#a2b9ff;padding:10px;font-size:30px}.drw-modal-steal-phrase{width:50%}.drw-modal-steal-teams-list{overflow-y:scroll;background-color:#0a43ff;color:#fff;padding:10px 0;height:80%;max-height:80%;min-width:50%;text-align:center}.drw-modal-steal-team{font-size:25px;padding:5px 10px;cursor:pointer}.drw-modal-steal-team:hover{background-color:#002fcb}.drw-modal-win{width:100%;margin-top:10%;display:grid;align-items:center;justify-content:center;justify-items:center;grid-gap:25%;gap:25%}.drw-modal-win-phrase{width:50%;text-align:center;background-color:#a2b9ff;padding:10px;font-size:30px;border-radius:30px}.drw-modal-button-container{margin-top:10px;display:grid;grid-template-columns:50% 50%;justify-items:center}.button{width:80%;margin-top:10px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;padding:5px;border-radius:10px}.frontend-button{border:2px solid #a2b9ff}.button:hover{cursor:pointer}@keyframes green-animation{0%{background-color:#1c7000}to{background-color:#124900}}@keyframes blue-animation{0%{background-color:#4973ff}to{background-color:#002fcb}}.red{background-color:#bf0000}.red:hover{animation:red-animation .25s;background-color:#7f0000}.green{background-color:#1c7000}.green:hover{animation:green-animation .25s;background-color:#124900}.blue{background-color:#4973ff}.blue:hover{animation:blue-animation .25s;background-color:#002fcb}.disabled{filter:brightness(50%)}.disabled:hover{animation:0s}.team-box-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.team-box-header{width:100%;background-color:#0a43ff;color:#fff;text-align:center;justify-items:center;align-items:center;position:relative;height:30px;display:grid}.team-box-add{background-color:#64ac64;border-radius:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #437443;margin:5px;position:absolute;top:0;right:0;width:17px}.team-box-add:hover{background-color:#124900;cursor:pointer}.team-box-player-list{width:85%;margin:10px auto;grid-gap:3%;gap:3%;display:grid}.creator{justify-content:center;display:grid;margin-top:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.creator-content{border:5px solid #002fcb;background-color:#0a43ff;border-radius:10px;justify-content:center;width:50vw;height:80vh}.creator-title{text-align:center;font-size:30px;padding:10px;border-radius:5px;background-color:#4973ff;color:#fff;margin-bottom:10px}.form-container{width:100%;display:grid;text-align:center;justify-items:center}.form-expand{height:88%;max-height:88%}.form-label{color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 10px 20px}.drewsona{width:250px;height:250px}.photo-container{display:grid;grid-template-columns:auto auto;justify-items:center;align-items:center}input[type=text].input-create-form{width:50%;height:25px;border:2px solid #a2b9ff;border-radius:4px;text-align:center;font-size:18px;font-weight:700;margin:auto auto 5px}input[type=text].input-create-form:focus{outline:none;border:2px solid #4973ff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}@media screen and (max-width:800px){.creator-content{width:80vw;height:70vh}.drewsona{width:125px;height:125px}}.drewsona-selector-box{margin-left:10%;margin-right:10%;max-height:60%;width:80%;height:60%;background-color:#002fcb;padding:20px;overflow-y:hidden}.drewsona-selector{display:grid;grid-template-columns:20% 20% 20% 20%;grid-gap:20px;gap:20px;justify-content:center;max-height:100%;height:100%;overflow-y:scroll}.drewsona-image:hover{filter:brightness(50%);cursor:pointer}@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d6ad45bb51fe3f74-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_684120{font-family:Comic Neue,Comic Neue Fallback;font-weight:400;font-style:normal}.player-room-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:90vh;display:grid}.player-room{width:85%;height:90%;background-color:#a2b9ff;margin:auto;justify-items:center}.player-room-header{width:100%;background-color:#4973ff;color:#fff;text-align:center;margin:0 0 15px}.player-room-list{display:grid;justify-items:center;width:60%;height:85%;grid-template-rows:20% 20% 20% 20%;grid-gap:15px;gap:15px}.host-questions{height:92.5vh;width:90%;display:grid;justify-items:center;align-items:center;grid-template-columns:75% 20%;grid-template-rows:80% 15%;grid-gap:5%;gap:5%;grid-row-gap:2%;row-gap:2%;margin:0 5%}@keyframes example{0%{opacity:1}10%{opacity:1}50%{opacity:0}to{opacity:0}}.host-questions-disappear{animation:example 1.6s normal}.host-screen-call-game-button{background-color:#0a43ff;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;padding:20px;border-radius:10px;align-self:flex-start}.host-screen-call-game-button:hover{background-color:#002fcb;cursor:pointer}.question-screen-container{width:100%;display:grid;grid-template-columns:75% 25%;justify-items:center;align-items:center;margin-top:2.5%}.question-screen-box{width:80%;display:grid;padding:10px}.question-screen-header{background-color:#4973ff;padding:10px;font-size:20px;text-align:center;color:#fff;text-shadow:1px 1px 1px #002fcb;-webkit-user-select:none;-moz-user-select:none;user-select:none}.question-screen-query{background-color:#a2b9ff;text-shadow:1px 1px 1px #4973ff}.question-screen-answer,.question-screen-query{padding:2.5% 5%;width:90%;color:#fff;display:flex;font-size:30px;align-items:center;justify-content:center;text-align:center}.question-screen-answer{background-color:#0a43ff;text-shadow:1px 1px 1px #002fcb}.question-screen-timer-container{margin-right:25%;display:grid;height:100%;width:75%;justify-items:center;align-items:center;grid-template-rows:auto auto auto}.question-screen-timer{text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#4973ff;width:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:70px;padding:5%}.question-screen-after-button-container{display:grid;grid-template-rows:25% 25% 25%;grid-gap:5%;gap:5%;height:90%;margin-top:10%;justify-items:center}.question-screen-return-button{background-color:#1c7000;padding:15px;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;text-align:center;width:80%;border-radius:10px;display:flex;align-items:center;justify-content:center}.question-screen-return-button:hover{background-color:#124900;cursor:pointer}.host-question-container{width:100%;height:90%;margin:auto;background-color:#a2b9ff;display:grid;-webkit-user-select:none;-moz-user-select:none;user-select:none}.question-column-container{text-align:center;display:grid;grid-template-rows:10%;border:1px solid #000}.question-column-header{background-color:#002fcb;border-bottom:2px solid #000}.question-block,.question-column-header{display:flex;align-items:center;justify-content:center;color:#fff}.question-block{background-color:#4973ff;border-top:1px solid #000;border-bottom:1px;font-size:50px;text-shadow:2px 2px 2px #002fcb}.question-block:hover{background-color:#0a43ff;cursor:pointer}.disabled:hover{cursor:not-allowed}@font-face{font-family:Comic Neue;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/b298f373c0960056-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_b64051{font-family:Comic Neue,Comic Neue Fallback;font-weight:300;font-style:normal}.points-column{background-color:#4973ff;height:90%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.points-column-header{background-color:#002fcb;height:10%;border-bottom:3px solid #000;font-size:20px;margin:auto;display:flex;justify-content:center;align-items:center;color:#fff}.points-column-teams-list{overflow-y:scroll;height:89.5%}.points-column-team{margin:9%;width:80%;min-height:10%}.points-column-team-header{border-radius:10px;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #002fcb}.points-column-team-header:hover{cursor:pointer;box-shadow:3px 3px 3px #002fcb;border:1px solid #d7e1ff}.points-column-team-label{text-align:center;color:#fff;text-shadow:1px 1px 3px #202020;padding:10px}.points-column-medal1{background-color:#fabb00}.points-column-medal1,.points-column-medal2{width:25px;height:25px;border-radius:100%;display:flex;align-items:center;justify-content:center;top:-50%;left:-15%;position:relative}.points-column-medal2{background-color:#a8b7bb}.points-column-medal3{background-color:#c37f3a;width:25px;height:25px;border-radius:100%;display:flex;align-items:center;justify-content:center;top:-50%;left:-15%;position:relative}.part-screen{display:grid;margin-top:3%;justify-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.part-screen-player-card{width:30%;padding:0 1%;border-radius:10px;border:1px solid #000;box-shadow:1px 1px 1px #a2b9ff;display:grid}.part-screen-header{text-align:center;font-size:20px;border-bottom:1px solid #000;align-self:center;padding:5px}.part-screen-content{display:grid;grid-template-columns:17% 40% 40%;grid-gap:1%;gap:1%;justify-items:center;align-items:center;padding:10px}.part-screen-name{width:100%;text-align:left}.part-screen-team{display:grid}.part-screen-team-header{width:100%;margin-bottom:2%}.part-screen-avatar{margin:0;max-width:100%}@media screen and (max-width:800px){.part-screen-player-card{width:80%}}@font-face{font-family:Comic Neue;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/4f3f3749e2da876d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_17a717{font-style:italic}@font-face{font-family:Comic Neue;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b90d14ccc4cd9a5b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Comic Neue Fallback;src:local("Arial");ascent-override:92.66%;descent-override:25.74%;line-gap-override:0.00%;size-adjust:97.13%}.__className_17a717,.__className_792c8c{font-family:Comic Neue,Comic Neue Fallback;font-weight:700}.__className_792c8c{font-style:normal}.buzzer-container{display:flex;width:100%;align-items:center;justify-content:center}.buzzer-button{background-color:#bf0000;color:#fff}.buzzer-button,.buzzer-deactivated{width:200px;height:200px;margin-top:5vh;border-radius:100%;box-shadow:0 5px 3px #000;display:flex;justify-content:center;align-items:center;font-size:40px}.buzzer-deactivated{background-color:#7f0000;color:#c8c8c8;cursor:not-allowed;text-align:center}@keyframes red-animation{0%{background-color:#bf0000;color:#fff}to{background-color:#7f0000;color:#c8c8c8}}.buzzer-button:hover{background-color:#7f0000;color:#c8c8c8;animation:red-animation .25s;cursor:pointer}