@import url(https://fonts.googleapis.com/css?family=Carter+One);@import url(https://fonts.googleapis.com/css2?family=Sniglet&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a{color:#e50050;text-decoration:none}a:active,a:focus,a:hover{color:#494949;text-decoration:underline}body{color:#494949;font:normal 125%/1.4 "Sniglet","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif}.heading,h1,h2,h3,h4,h5,h6{font:normal 125%/1.4 "Carter One","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif}.clearfix:after{clear:both;content:"";display:table}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%;position:relative}.styled-img{max-width:100%;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.form .form-field:not(:last-child){margin-bottom:1em}.form .form-field.bordered{border:1px solid #dfdfdf}.form .form-field .input-error-text{color:red;font-size:.8em}.form .label-text{font-weight:700;font-size:1em}.game-button{position:relative;top:0;cursor:pointer;text-decoration:none!important;outline:none!important;font-family:"Carter One","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:20px;line-height:1.5em;letter-spacing:.1em;text-shadow:2px 2px 1px #0066a2,-2px 2px 1px #0066a2,2px -2px 1px #0066a2,-2px -2px 1px #0066a2,0 2px 1px #0066a2,0 -2px 1px #0066a2,0 4px 1px #004a87,2px 4px 1px #004a87,-2px 4px 1px #004a87;background:repeating-linear-gradient(45deg,#3ebbf7,#3ebbf7 5px,#45b1f4 0,#45b1f4 10px);border:none;border-top:3px solid hsla(0,0%,100%,.3);border-bottom:3px solid rgba(16,91,146,.5);color:#fff!important;border-radius:9999px;padding:8px 25px 10px;transition:all .2s}.game-button:before{width:40%;right:25%}.game-button:after,.game-button:before{content:"";height:10%;position:absolute;background:#fff;top:-3%;border-radius:99px}.game-button:after{width:5%;right:15%}.game-button.wide{min-width:300px}.game-button.primary{background:repeating-linear-gradient(45deg,#ffc800,#ffc800 5px,#fac400 0,#fac400 10px);border-bottom:3px solid rgba(205,102,0,.5);text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700,0 4px 1px #c96100,2px 4px 1px #c96100,-2px 4px 1px #c96100}.game-button.red{background:repeating-linear-gradient(45deg,#ff4f4c,#ff4f4c 5px,#ff4643 0,#ff4643 10px);box-shadow:0 6px 0 #ae2725,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #831614,0 12px 0 5px #a33634,0 15px 0 5px #631716,0 15px 1px 6px rgba(0,0,0,.3);border-bottom:3px solid rgba(160,25,23,.5);text-shadow:2px 2px 1px #d72d21,-2px 2px 1px #d72d21,2px -2px 1px #d72d21,-2px -2px 1px #d72d21,0 2px 1px #d72d21,0 -2px 1px #d72d21,0 4px 1px #930704,2px 4px 1px #930704,-2px 4px 1px #930704}.game-button.red:hover{top:2px;box-shadow:0 4px 0 #ae2725,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #831614,0 10px 0 5px #a33634,0 13px 0 5px #631716,0 13px 1px 6px rgba(0,0,0,.3)}.game-button.green{background:repeating-linear-gradient(45deg,#54d440,#54d440 5px,#52cc3f 0,#52cc3f 10px);border-bottom:3px solid rgba(40,117,29,.5);text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0 2px 1px #348628,0 -2px 1px #348628,0 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16}.game-button:disabled{opacity:.7;background:repeating-linear-gradient(45deg,#e9e9e9,#e9e9e9 5px,#e2e2e2 0,#e2e2e2 10px);border-bottom:3px solid hsla(0,0%,44.7%,.5);color:#999!important;text-shadow:2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff,0 2px 1px #fff,0 4px 1px #4d4d4d,2px 4px 1px #4d4d4d,-2px 4px 1px #4d4d4d}.page-content{border-radius:20px;overflow:hidden;background-image:url(/static/media/container-bkg.018a4b66.png)}.page-content .page-content-header .heading{color:#fff;font-size:1.8em;text-align:center}.page-content .page-content-header .content{background:#87b606;padding-bottom:20px;padding-top:20px}.page-content .page-content-body{padding:50px;position:relative}.checkbox{display:inline-flex;cursor:pointer;position:relative;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox>input{height:30px;width:30px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:1px solid #dfdfdf;border-radius:4px;outline:none;transition-duration:.2s;cursor:pointer;margin-right:.8em}.checkbox>input:checked{background-color:#ffd333}.checkbox>input:checked:before{content:"";display:block;text-align:center;color:#41b883;position:absolute;transform:rotate(45deg);height:24px;width:12px;border-bottom:4px solid #e78700;border-right:4px solid #e78700;left:9px}.card{background:#fff;padding:10px;border-radius:15px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transition:all .2s}.card.selected{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.card.selected .card-content{border-color:#ffc800}.card.animate:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.card .card-heading{background:repeating-linear-gradient(45deg,#ffc800,#ffc800 5px,#fcc600 0,#fcc600 10px);position:relative;z-index:10;border:5px solid #e78700;padding:8px;border-radius:15px 15px 0 0;font-family:"Carter One","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#fff;text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700,0 4px 1px #c96100,2px 4px 1px #c96100,-2px 4px 1px #c96100;font-size:1.3em;text-align:center}.card .card-content{border:5px solid #dfdfdf;border-radius:0 0 15px 15px;padding:10px;margin-top:-5px;transition:all .2s}.custom-input{padding:15px;border:1px solid #dfdfdf;outline:none;width:100%;border-radius:8px;transition:all .2s;font-size:inherit;overflow:hidden}.custom-input:focus{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-color:#ffc800}.react-numeric-input b:nth-child(2){top:-1px!important;right:-1px!important}.react-numeric-input b:nth-child(2) i{border-color:transparent transparent #e78700!important}.react-numeric-input b:nth-child(3){bottom:-1px!important;right:-1px!important}.react-numeric-input b:nth-child(3) i{border-color:#e78700 transparent transparent!important}.react-numeric-input{border-radius:8px!important;overflow:hidden;width:100%}.react-numeric-input input{border:1px solid #dfdfdf!important;padding:15px!important;outline:none!important;width:100%!important;border-radius:8px!important;transition:all .2s!important}.react-numeric-input input:focus{border-color:#ffc800!important}.react-numeric-input:focus-within{transition:all .2s!important;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important}.react-numeric-input b{font-size:1.2em;width:50px!important;background:#ffc800!important;cursor:pointer!important}.radio{display:inline-flex;cursor:pointer;position:relative;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radio:not(:last-child){margin-right:1.2em}.radio>input{height:30px;width:30px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:1px solid #dfdfdf;border-radius:99999px;outline:none;transition-duration:.2s;cursor:pointer;margin-right:.5em}.radio>input:checked+span{position:relative}.radio>input:checked{background-color:#ffd333}.radio>input:checked:before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);height:20px;width:20px;border-radius:99999px;background:#e78700}.react-select-container .react-select__single-value{overflow:visible}.react-select-container .react-select__control{border-radius:8px}.react-select-container .react-select__control--menu-is-open{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border:1px solid #ffc800}.react-select-container .react-select__control--menu-is-open:hover{border:1px solid #ffc800}.react-select-container .react-select__control--is-focused{border:1px solid #ffc800;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.react-select-container.option-selected .react-select__indicator{color:#fff}.react-select-container.option-selected .react-select__indicator-separator{background-color:#fff}.react-select-container.option-selected .react-select__control{background-color:#ffc800}.react-select-container.option-selected .react-select__control .react-select__single-value{color:#fff!important}.react-select-container.option-selected .react-select__control .react-select__single-value,.react-select__menu{text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700}.react-select__menu{background-color:#ffc800!important;color:#fff;border-radius:12px!important;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)!important}.react-select__menu .react-select__option{border-bottom:1px solid hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s}.react-select__menu .react-select__option--is-focused,.react-select__menu .react-select__option--is-selected{background:#cca000}.react-select__menu .react-select__menu-notice{color:#fff}.config-page .sound-selection .sound-selection-heading{display:flex;font-weight:700}.config-page .sound-selection .sound-selection-heading div{flex:0.5 1;text-align:center}.config-page .sound-selection .sound-selection-heading div:first-child{flex:1 1}.config-page .sound-selection .sound-row{border-bottom:1px solid #dfdfdf;display:flex;align-items:center;padding:10px}.config-page .sound-selection .sound-row div{display:flex;align-items:center;justify-content:center;flex:0.5 1}.config-page .sound-selection .sound-row div:first-child{justify-content:start;flex:1 1;font-family:"Carter One","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.5em;text-align:left}.config-page .bottom-controls{margin-top:2.5em;display:flex}.config-page .bottom-controls .game-button:first-child{margin-right:1em}.config-page .bottom-controls .game-button:last-child{margin-left:auto}.host-lobby-page .game-code{display:flex;height:250px;align-items:center;justify-content:center}.host-lobby-page .game-code .game-code-text{text-align:center;font-size:3.5em}.host-lobby-page .bottom-controls{margin-top:2.5em}.join-game-page .content-wrapper{max-width:450px;margin:auto;padding:50px 20px}.join-game-page .label-text{font-size:1.5em;margin-bottom:.5em}.join-game-page .enter-code-field{text-align:center;background:#ffd333;padding:10px 20px 20px;color:#fff;border-radius:12px;text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700,0 4px 1px #c96100,2px 4px 1px #c96100,-2px 4px 1px #c96100}.join-game-page .enter-code-field span{font-size:1.4em;font-style:italic}.join-game-page .bottom-controls{margin-top:2.5em;display:flex}.join-game-page .bottom-controls .game-button:last-child{margin-left:auto}.theme-page .theme-card{cursor:pointer}.theme-page .theme-img{background-size:cover;height:300px;width:300px}.theme-page .character-img{border-radius:12px;height:150px;width:150px;padding:5px;cursor:pointer;transition:all .2s}.theme-page .character-img:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transform:rotate(3deg)}.theme-page .character-img img{width:100%;border-radius:12px;border:5px solid #dfdfdf;transition:border-color .2s}.theme-page .character-img.selected{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.theme-page .character-img.selected img{border-color:#ffc800}.theme-page .character-img.other-player-selected{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.theme-page .character-img.other-player-selected img{border-color:#dfdfdf}.theme-page .bottom-controls{margin-top:2.5em}.game-page .top-notification{background-size:100% 100%;position:absolute;width:70%;padding:20px;left:0;right:0;text-align:center;font-family:"Carter One","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.7em;margin:-20px auto auto}.game-page .bottom-controls{margin-top:30px;display:flex}.game-page .bottom-controls .confirm-go-controls,.game-page .bottom-controls .next-round-controls{margin-left:auto}.game-page .bottom-controls .controls-container{background:#fff;border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);position:relative;padding:12px 6px 6px}.game-page .bottom-controls .controls-container .controls-title{position:absolute;text-align:center;left:0;right:0;top:0;font-weight:700}.game-page .bottom-controls .controls-container .controls-title span{background:#fff;padding:0 15px}.game-page .bottom-controls .controls-container .controls-content{border:5px solid #dfdfdf;border-radius:12px;display:flex;align-items:center;padding:20px 10px 10px}.game-page .game-container{background-size:cover;border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:80px;position:relative;overflow:hidden}.game-page .game-container .info-strip{background:rgba(0,0,0,.7);position:absolute;bottom:0;width:100%;left:0;color:hsla(0,0%,100%,.8);padding:10px 20px}.game-page .board-container,.game-page .game-container .info-strip .info-strip-content{position:relative;display:flex;align-items:center}.game-page .board-container{background-size:contain;margin:auto;justify-content:center;z-index:1}.game-page .board-container .game-square .game-square-content{transition:all .2s}.game-page .board-container .game-square .game-square-content:not(.completed):hover{background:rgba(0,0,0,.5)!important}.game-page .board-container .word-hint{position:absolute;color:hsla(0,0%,100%,.6)}.game-page .board-container .completed-character{width:100%}.game-page .board-container .mascot-character{position:absolute;bottom:0;right:0;width:120px}.game-page .hanger-container{display:flex;justify-content:space-between;margin-top:-50px}.game-page .hanger-container img{height:140px}.item-enter{opacity:0}.item-enter-active{opacity:1;transition:opacity .25s ease-in}.item-exit{opacity:1}.item-exit-active{opacity:0;transition:opacity .25s ease-in}.game--container{display:grid;grid-template-columns:repeat(3,auto);width:100%}.cell{width:150px;height:150px}.animate__animated.animate__tada{--animate-duration:2s}
/*# sourceMappingURL=main.c85b4678.chunk.css.map */