*{margin:0;padding:0;text-decoration:none;list-style-type:none;font-family:"Titillium Web",sans-serif}#root,body,html{height:100%}button{cursor:pointer}button,input{border:none}button:focus,input:focus{outline:none}.app-component,.character-editor-component .settings-container,.join-page form,.loader-component,.lobby-page,.lobby-page .lobby-list li,.modal-overlay,.room-page,.timer-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.lobby-page .heading,.lobby-page .lobby-list,.modal-overlay .modal,.new-messages-banner{display:flex;flex-direction:row;justify-content:center;align-items:center}.app-component{height:100%;color:#fff}.app-component,.loader-component{background-color:#5c69a7}.loader-component div{border:3px solid rgba(61,239,255,.2);border-top-color:#3cefff;border-radius:50%;width:3em;height:3em;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.join-page{width:100%;height:100%;padding:20px;box-sizing:border-box;background-image:linear-gradient(90deg,#404b7e,#4a578f);box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}.join-page form{height:100%;width:600px;margin:0 auto;overflow:hidden}.join-page form img{width:100px;height:100px;background-color:#c3e3e9;border-radius:50%;margin-bottom:20px}.join-page form img:hover{opacity:.7;cursor:pointer}.join-page form button,.join-page form input,.join-page form label{width:90%}.join-page form input{background-color:#374069;border:1px solid #8290ca;color:#fff;padding:0 10px;box-sizing:border-box;height:35px;border-radius:2px}.join-page form input:first-of-type{margin-bottom:10px}.join-page form input.has-error{border:1px solid #ff5959}.join-page form label{font-size:1em}.join-page form button{height:40px;border-radius:2px;font-size:1em;color:#fff}.join-page form button:nth-of-type(2){background-color:#92a2eb}.join-page form .join-button{margin-top:15px;color:#fff;background-color:#5edde6;background-image:linear-gradient(90deg,#6ab9f7,#5edde6);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.join-page form .error-message{width:90%;color:#ff5959}.join-page form .strike{text-align:center;display:grid;grid-template-columns:240px -webkit-max-content 240px;grid-template-columns:240px max-content 240px;grid-template-rows:20px 0;grid-gap:20px;justify-content:center;line-height:2;margin:10px 0}.join-page form .strike:after,.join-page form .strike:before{content:" ";display:block;border-bottom:1px solid #fff}.room-page{padding:20px;box-sizing:border-box;width:100%;height:100%}.room-page .word{margin-bottom:-15px}.room-page>.room-children-container{width:100%;height:700px;display:flex;background-color:#323b68;background-image:linear-gradient(180deg,#525e94,#323b68);border-radius:10px;border:2px solid #ececec}.timer-container{background-color:#5b6bb4;width:60px;height:60px;min-width:60px;min-height:60px;border-radius:50%;font-weight:600;position:relative;top:26px;z-index:2;box-shadow:0 1px 4px #98a3db,0 0 0 3px #98a3db}.canvas-container{position:relative;width:100%;height:100%;background-color:#fff;box-sizing:border-box;border-left:2px solid #ececec;border-right:2px solid #ececec}.canvas-container canvas{margin:0;padding:0;width:100%;height:100%;display:block;cursor:url(/static/media/drawer-pencil.25933ea2.svg) 0 20,default}.canvas-container canvas.eraser{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='32' height='38' viewport='0 0 100 100' style='fill:black;font-size:19px;'><text y='50%'>⚪</text></svg>") 16 0,auto}.canvas-container canvas.paint_bucket{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 11-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 010 1.415l-8.485 8.485a1 1 0 01-1.414 0l-8.485-8.485a1 1 0 010-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1H18.07L11 6.03z'/%3E%3C/svg%3E") 0 20,default}.canvas-container canvas.paint_bucket_white{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 11-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 010 1.415l-8.485 8.485a1 1 0 01-1.414 0l-8.485-8.485a1 1 0 010-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1H18.07L11 6.03z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E") 0 20,default}.users-list-container{width:400px;min-width:200px;box-sizing:border-box;display:flex;flex-direction:column;padding:10px}.users-list-container::-webkit-scrollbar{width:4px;background-color:#e0e0e0;border-radius:5px}.users-list-container::-webkit-scrollbar-thumb{background-color:#7781b3;border-radius:5px}.users-list-container ul li{background-color:#a9b3df;height:50px;padding:5px;box-sizing:border-box;display:flex;align-items:center;border-radius:5px}.users-list-container ul li:not(:last-of-type){margin-bottom:10px}.users-list-container ul li img{width:40px;border-radius:50%;margin-right:10px;margin-bottom:8px}.users-list-container ul li span{margin-left:auto}.users-list-container ul li.isCorrectGuess{background-color:#40e0a0}.sidebar_second{width:400px;min-width:250px;height:100%;padding:10px;display:flex;flex-direction:column;box-sizing:border-box}.drawer-tools-container{height:250px;padding:5px;box-sizing:border-box}.drawer-tools-container .buttons-container{display:flex;justify-content:space-between;margin-bottom:20px}.drawer-tools-container .buttons-container button{width:40px;height:40px;background-color:#525e94;border:2px solid #7080c7;border-radius:5px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.drawer-tools-container .buttons-container button svg{vertical-align:middle}.drawer-tools-container .buttons-container button.selected{background-color:#6e7dc0}.drawer-tools-container .pencil-size-input{-webkit-appearance:none;width:100%;height:100%;background:transparent}.drawer-tools-container .pencil-size-input::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;margin-top:-4px;box-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer}.drawer-tools-container .pencil-size-input::-webkit-slider-runnable-track{width:60%;height:9px;background:#bdbdbd;border-radius:3rem;-webkit-transition:all .5s;transition:all .5s;cursor:pointer}.drawer-tools-container .pencil-size-input::-ms-track{width:60%;cursor:pointer;height:9px;-ms-transition:all .5s;transition:all .5s;background:transparent;border-color:transparent;color:transparent}.drawer-tools-container .pencil-size-input::-ms-thumb{height:16px;width:16px;border-radius:50%;background:#fff;margin-top:-5px;box-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer}.drawer-tools-container .pencil-size-input::-ms-fill-lower,.drawer-tools-container .pencil-size-input::-ms-fill-upper{background:#bdbdbd;border-radius:3rem}.drawer-tools-container .pencil-size-input::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#fff;margin-top:-5px;box-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer}.drawer-tools-container .pencil-size-input::-moz-range-track{width:60%;height:9px;background:#bdbdbd;border-radius:3rem;-moz-transition:all .5s;transition:all .5s;cursor:pointer}.drawer-tools-container .color-palette{width:100%;height:140px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:10px 0;background-color:#e2e2e2;border:2px solid #7080c7;border-radius:5px;padding:5px;box-sizing:border-box}.drawer-tools-container .color-palette .color{height:30px;width:30px;border-radius:50%;cursor:pointer;margin-right:10px}.drawer-tools-container .color-palette #colorPicker{width:100%;height:30px;margin-top:10px;background-color:#fff;border-radius:5px}.chat-container{height:100%;width:100%;display:flex;flex-direction:column;background-color:transparent;margin:0 auto;overflow-y:auto}.messages-container{height:100%;flex-grow:1;border-radius:5px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scroll-behavior:smooth;padding-right:10px}.messages-container::-webkit-scrollbar{width:4px;background-color:#e0e0e0;border-radius:5px}.messages-container::-webkit-scrollbar-thumb{background-color:#7781b3;border-radius:5px}.new-messages-banner{background-color:#25ecad;color:#fff;width:100%;position:relative;bottom:0;left:0;padding:6px 0;box-sizing:border-box;border-radius:0 0 5px 5px;text-align:center;font-weight:600;cursor:pointer}.new-messages-banner img{margin-left:10px;width:26px}.send-message-input-container{display:flex;width:100%;margin-top:10px}.send-message-input-container input{height:35px;width:100%;padding:0 10px;box-sizing:border-box;background-color:#374069;color:#a9b6ec;border:1px solid #8290ca;border-radius:2px}.send-message-input-container input::-webkit-input-placeholder{color:#a9b6ec}.send-message-input-container input:-ms-input-placeholder{color:#a9b6ec}.send-message-input-container input::-ms-input-placeholder{color:#a9b6ec}.send-message-input-container input::placeholder{color:#a9b6ec}.message{display:flex;flex-direction:column;width:100%;padding:4px 10px;white-space:normal;word-wrap:break-word;font-size:1em;box-sizing:border-box;background-color:rgba(237,238,237,.85);color:#303a52;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);border-radius:5px}.message:not(:last-of-type){margin-bottom:10px}.message .message-author{margin-right:5px;color:#17b978}.message .message-author[data-you=true]{color:#599bff}.character-editor-component .character-container{width:200px;height:200px;margin:0 auto}.character-editor-component .title-container{display:flex}.character-editor-component .settings-container .settings-list{margin:20px 0;width:100%;overflow-y:auto;height:450px;background-color:#48577a;padding:20px;box-sizing:border-box;border-radius:5px}.character-editor-component .settings-container .settings-list::-webkit-scrollbar{width:4px;background-color:#e0e0e0;border-radius:5px}.character-editor-component .settings-container .settings-list::-webkit-scrollbar-thumb{background-color:#7781b3;border-radius:5px}.character-editor-component .settings-container .settings-list>div{display:flex;flex-direction:column}.character-editor-component .settings-container .settings-list>div label{color:#5edde6;font-weight:600}.character-editor-component .settings-container .settings-list>div:not(:last-of-type){margin-bottom:10px}.character-editor-component .settings-container .randomize-button{background-color:#5edde6;background-image:linear-gradient(90deg,#6ab9f7,#5edde6);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:35px;height:35px;border-radius:4px;margin-left:20px}.character-editor-component .settings-container .randomize-button img{margin-top:4px;width:20px}.character-editor-component .settings-container .save-character-button{background-color:#5edde6;background-image:linear-gradient(90deg,#6ab9f7,#5edde6);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:400px;height:40px;border-radius:4px}.NEW_DRAWER,.SERVER-GUESSED_CORRECT_WORD,.SERVER-NEW_ROUND,.SERVER-USER_JOINED,.SERVER-USER_LEFT{display:block;font-weight:600;border-radius:5px;font-size:1em;margin:10px 0}.NEW_DRAWER:first-of-type,.SERVER-GUESSED_CORRECT_WORD:first-of-type,.SERVER-NEW_ROUND:first-of-type,.SERVER-USER_JOINED:first-of-type,.SERVER-USER_LEFT:first-of-type{margin-top:0}.SERVER-USER_JOINED{color:#25ecad;background-image:none;background-color:rgba(65,224,161,.32)}.SERVER-USER_LEFT{color:#833c34;background-image:none;background-color:#f58c7e}.NEW_DRAWER{color:#fff;background-image:none;background-color:#ec570d}.SERVER-GUESSED_CORRECT_WORD{background-image:none;background-color:#e6c15e;color:#000}.SERVER-NEW_ROUND{background-image:none;background-color:#fdfdfd;color:#000}.lobby-page{width:100%}.lobby-page .heading button{background-color:#5edde6;background-image:linear-gradient(90deg,#6ab9f7,#5edde6);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:45px;height:45px;border-radius:4px;margin-left:20px;border:2px solid #6ab9f7}.lobby-page .heading button:active{border-bottom:0;width:40px;height:40px}.lobby-page .heading button:active svg{width:20px}.lobby-page .heading button svg{vertical-align:middle;width:25px}.lobby-page .lobby-list{padding:10px;box-sizing:border-box;width:100%;height:100%;flex-wrap:wrap}.lobby-page .lobby-list li{width:120px;background-color:#323b68;border-radius:10px;padding:10px;box-sizing:border-box}.lobby-page .lobby-list li:not(:last-of-type){margin-right:20px}.lobby-page .lobby-list li img{width:70px}.lobby-page>button{margin-top:20px;padding:10px 25px;border-radius:2px;background-color:#5edde6;background-image:linear-gradient(90deg,#6ab9f7,#5edde6);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.modal-overlay{background-color:rgba(0,0,0,.4);width:100%;height:100%;position:fixed;z-index:5}.modal-overlay .modal{border-radius:5px;width:600px;max-width:95%;height:200px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);background-color:#323b68;background-image:linear-gradient(180deg,#525e94,#323b68)}.modal-overlay .modal button{padding:5px 20px;border-radius:2px;height:40px;width:150px;font-size:1em;background-color:#525e94;border:2px solid #7080c7;color:#fff}.modal-overlay .modal button:nth-of-type(2){margin:0 20px}.modal-overlay .modal button:hover{color:#fff;background-color:#495483}
/*# sourceMappingURL=main.64bc3ab1.chunk.css.map */