@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.drawing-canvas .canvas-container{display:flex;justify-content:center;align-items:center;width:auto;height:auto}.drawing-canvas .canvas-container canvas{background-color:#fff;width:100%;height:auto}.drawing-canvas .canvas-container canvas.disabled{pointer-events:none}.chat-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#656565}.chat-container .messages{height:100%;flex-grow:1;width:100%;overflow-y:auto}.chat-container .messages .message{background-color:#656565;width:100%;padding:.5rem;color:#fff;display:flex;align-items:center}.chat-container .messages .message:nth-child(2n){background-color:#707070}.chat-container .messages .message .avatar--wrapper{width:100%}.chat-container .messages .message_text{margin-left:.25rem}.chat-container .messages .message_text_name{font-size:.75rem;font-weight:300;line-height:.9;color:#f7ece1}.chat-container .messages .message_text_message{line-height:1;font-weight:500;font-size:1.1rem}.chat-container .messages .message.correct-guess{background-color:#6e6e6e;color:#21e421;border-bottom:1px solid #21e421}.chat-container .messages .message.correct-guess .message_text{padding:.25rem 0;text-align:center}.chat-container .messages .message.correct-guess .message_text_name{display:none}.chat-container .messages .message.correct-guess .message_text_message{font-size:.9rem;text-align:center}.chat-container .messages .message.my-message{text-align:right}.chat-container .messages .message.my-message .message_text{width:100%}.chat-container .messages .message.my-message .message_text_name{color:#8b8b8b}.chat-container .send-message{width:100%;min-height:5rem;position:relative;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.chat-container .send-message textarea{width:100%;resize:none;margin:0;height:100%;padding:.5rem 1rem;outline:none;border:none;transition:.3s;background-color:#707070;color:#fff}.chat-container .send-message textarea::-moz-placeholder{color:#fff}.chat-container .send-message textarea:-ms-input-placeholder{color:#fff}.chat-container .send-message textarea::placeholder{color:#fff}.chat-container .send-message button{position:absolute;bottom:0;right:0;padding:.5rem 1rem;height:2rem;width:2rem;outline:none;border:none;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;background-color:transparent}.chat-container .send-message button:hover{color:#8b8b8b}.brush-selector .sizes{display:flex;flex-direction:column;justify-content:center;align-items:center}.brush-selector .sizes .size{margin-bottom:.25rem;display:block;background-color:#fff;border-radius:50%;transition:.3s;cursor:pointer}.brush-selector .sizes .size.selected,.brush-selector .sizes .size:hover{background-color:#8d86c9}.brush-selector .tools{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem}.brush-selector .tools .tool{margin-bottom:.25rem;color:#fff;transition:.3s;cursor:pointer}.brush-selector .tools .tool.selected,.brush-selector .tools .tool:hover{color:#8d86c9}.color-selector{display:grid;grid-template-columns:repeat(2,1fr)}.color-selector .color{height:3rem;width:3rem;transition:.3s;cursor:pointer;position:relative;border:2px solid transparent}.color-selector .color.selected{border:2px solid #f7ece1}.color-selector .color:before{transition:.3s;content:"";height:100%;width:100%;position:absolute;top:0;left:0;opacity:0;background-color:#000}.color-selector .color:hover:before{opacity:.35}.game-gui{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50vw;max-width:100vw;min-height:60vh}.game-gui .choosing-word,.game-gui .new-round,.game-gui .showing-scores{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:hsla(0,0%,39.6%,.9);color:#fff;z-index:10;display:flex;justify-content:center;align-items:center}.game-gui .choosing-word{font-size:1.2rem;font-weight:500}.game-gui .choosing-word .word-choices{width:100%;max-width:25rem;text-align:center}.game-gui .choosing-word .word-choices .words{margin-top:.25rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}.game-gui .choosing-word .word-choices .words .word{padding:.5rem 1rem;outline:none;border:none;border-radius:.25rem;background-color:#242038;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:.3s}.game-gui .choosing-word .word-choices .words .word.disabled{background-color:#8b8b8b;pointer-events:none}.game-gui .choosing-word .word-choices .words .word:hover{background-color:#725ac1}.game-gui .new-round{font-size:1.5rem;font-weight:600}.game-gui .showing-scores{font-size:1.2rem;font-weight:500;flex-direction:column}.game-gui .showing-scores .game-over-header{font-size:1.5rem;font-weight:600}.game-gui .showing-scores .scores{margin-top:.25rem}.game-gui .showing-scores .scores .score{display:flex;justify-content:flex-start;align-items:center;padding:.5rem 1rem;font-weight:600}.game-gui .showing-scores .scores .score_text{margin-left:.5rem;font-size:1.25rem}.game-gui .showing-scores .scores .score_text_name{font-weight:400;line-height:1}.game-gui .showing-scores .scores .score_text_number{line-height:1;font-weight:600;font-size:1.25rem;color:#21e421}.game-gui .showing-scores .scores .score_text_number.plain{color:#fff}.game-gui .showing-scores .scores .score_text_number.subtracting{color:#e42821}.game-gui .showing-scores .btn{padding:.5rem 1rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;outline:none;border:none;border-radius:.25rem;background-color:#242038;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:.3s;margin:1rem 0}.game-gui .showing-scores .btn.disabled{background-color:#8b8b8b;pointer-events:none}.game-gui .showing-scores .btn:hover{background-color:#725ac1}.game-gui_scores{display:flex;justify-content:center;align-items:center}.game-gui_scores_score{position:relative;margin:0 .5rem}.game-gui_scores_score_avatar{border:1px solid transparent}.game-gui_scores_score_avatar.correct{border-color:#f7ece1}.game-gui_scores_score:first-child .game-gui_scores_score_number{background-color:#f7ece1}.game-gui_scores_score:nth-child(2) .game-gui_scores_score_number{background-color:#cbc3e2}.game-gui_scores_score:nth-child(3) .game-gui_scores_score_number{background-color:#8d86c9}.game-gui_scores_score_number{position:absolute;top:0;right:0;transform:translate(35%,-35%);background-color:#725ac1;border-radius:50%;text-align:center;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content}.game-gui_scores_score_number p{line-height:1;padding:.2rem}.game-gui_scores_score_drawing,.game-gui_scores_score_number p{display:flex;justify-content:center;align-items:center;font-size:.7rem}.game-gui_scores_score_drawing{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background-color:#242038;border-radius:50%;text-align:center;z-index:5;height:1.25rem;width:1.25rem;color:#725ac1}.game-gui_grid{display:grid;grid-template-columns:.75fr 3.5fr 1fr;justify-content:center;align-items:center}.game-gui_timer_rounds{line-height:1;font-size:.8rem;font-weight:600;color:#fff}.game-gui_timer_remaining-time{line-height:1;font-size:1.5rem;font-weight:600;color:#8d86c9}.game-gui_selections{display:flex;justify-content:center;align-items:center}.game-gui_selections_colors{margin-left:1rem}.game-gui_canvas .canvas-container{display:flex;justify-content:center;align-items:center;width:auto;height:auto}.game-gui_canvas .canvas-container canvas{background-color:#fff;width:100%;height:auto}.game-gui_chat{height:100%}.game-gui_word{grid-column-start:2;width:100%;background-color:#656565;text-align:center;padding:1rem}.game-gui_word span{color:#fff;font-size:1.5rem}.player-icons{display:grid;grid-template-columns:repeat(auto-fit,70px);grid-gap:.5rem;text-align:center}.player-icons .player_icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.player-icons .player_icon p{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:.9rem}.dropdown{position:relative}.dropdown_label{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:.25rem;outline:none;border:1px solid #242038;transition:.3s;cursor:pointer}.dropdown_label:active,.dropdown_label:focus{border:1px solid #725ac1}.dropdown_label:hover{background-color:#f0f0f0}.dropdown_label i{transition:.3s;transform:rotate(0deg)}.dropdown_label i.rotate-up{transform:rotate(180deg)}.dropdown_items{max-height:12rem;position:absolute;top:calc(100% + 2px);left:0;background-color:#fff;width:100%;border:1px solid #242038;border-radius:.25rem;z-index:5;overflow:hidden;overflow-y:overlay}.dropdown_items_item{padding:.25rem .5rem;transition:.3s;cursor:pointer}.dropdown_items_item:hover{background-color:#f0f0f0}.game-lobby{display:grid;grid-template-columns:3fr 1fr;justify-content:center;align-items:center;min-width:50vw;max-width:70rem;min-height:60vh}.game-lobby .settings{max-height:60vh;height:100%;background-color:#fff;padding:3rem;color:#242038;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.game-lobby .settings_field{margin-top:1rem;width:100%}.game-lobby .settings_field_label{font-weight:700;margin-bottom:.25rem}.game-lobby .settings_field:first-child{margin-top:0}.game-lobby .settings .draw-time,.game-lobby .settings .rounds{max-width:75%}.game-lobby .settings .draw-time .dropdown.disabled,.game-lobby .settings .rounds .dropdown.disabled{pointer-events:none}.game-lobby .settings .draw-time .dropdown.disabled .dropdown_label,.game-lobby .settings .rounds .dropdown.disabled .dropdown_label{color:#8d86c9;border-color:#8d86c9}.game-lobby .settings .invite{max-width:75%}.game-lobby .settings .invite p{color:#242038;transition:.3s;cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content}.game-lobby .settings .invite p i{color:#242038;transition:.3s}.game-lobby .settings .invite p:hover,.game-lobby .settings .invite p:hover i{color:#725ac1}.game-lobby .settings .invite p:focus{-webkit-animation:pulse .25s ease-out;animation:pulse .25s ease-out}.game-lobby .settings .invite p:active{-webkit-animation:none;animation:none}.game-lobby .settings .invite_input{width:100%}.game-lobby .settings .invite_input input{width:100%;padding:.5rem;border-radius:.25rem;outline:none;border:1px solid #242038;transition:.3s}.game-lobby .settings .invite_input input:active,.game-lobby .settings .invite_input input:focus{border:1px solid #725ac1}.game-lobby .settings .start .btn{padding:.5rem 1rem;outline:none;border:none;border-radius:.25rem;background-color:#242038;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:.3s}.game-lobby .settings .start .btn.disabled{background-color:#8b8b8b;pointer-events:none}.game-lobby .settings .start .btn:hover{background-color:#725ac1}.game-lobby .chat{max-height:60vh;height:100%;width:100%}@-webkit-keyframes pulse{0%{transform:scale(1)}15%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}15%{transform:scale(1.2)}to{transform:scale(1)}}.game{margin:0 auto;width:100vw;height:100vh;flex-direction:column;background-color:#242038}.game,.game .loading-in-gui{padding:1rem;display:flex;justify-content:center;align-items:center}.game .loading-in-gui{background-color:#fff;color:#242038;border-radius:.25rem;font-size:1.1rem}.game .loading-in-gui i{margin-left:.5rem}