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}:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body,html{font-family:Arial,Helvetica,sans-serif;height:100vh;width:100vw}.App{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.App:focus{outline:none}.nav-bar{border-bottom:1px solid #9493936e;box-sizing:border-box;flex-shrink:0;height:50px;justify-content:space-between;padding:0 10px;width:100%}.nav-bar,.title{align-items:center;display:flex}.title{font-size:32px;font-weight:700;height:100%;letter-spacing:2px;line-height:100%;text-align:center}.nav-btn-container-left,.nav-btn-container-right{align-items:center;display:flex;width:10%}.nav-btn-container-left{justify-content:flex-start}.nav-btn-container-right{justify-content:flex-end}.nav-btn{background-color:transparent;border:0;cursor:pointer;font-size:1.2rem;margin:0 4px}.game{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:center;margin:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.transform{-webkit-animation:transform .1s ease-in;animation:transform .1s ease-in}@-webkit-keyframes transform{0%{-webkit-transform:scale(95%);transform:scale(95%)}60%{-webkit-transform:scale(105%);transform:scale(105%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes transform{0%{-webkit-transform:scale(95%);transform:scale(95%)}60%{-webkit-transform:scale(105%);transform:scale(105%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}.bounce{-webkit-animation:bounce 1s ease;animation:bounce 1s ease;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes bounce{0%,20%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}}@keyframes bounce{0%,20%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}}.shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.gameboard{margin-top:3vh}.row{flex-direction:row}.row,.tile{align-items:center;display:flex}.tile{border:2px solid #a4a6a779;box-sizing:border-box;color:#383838;font-size:5vh;font-weight:700;height:70px;justify-content:center;margin:0 4px 8px;pointer-events:none;width:70px}.invalid{border:2px solid #eb4b4bb2}.keyboard{align-items:center;display:flex;flex-direction:column;margin:2% auto auto}.keyboard,.keyboard .row{justify-content:center;width:100%}.keyboard .row{margin:auto}.key{align-items:center;background-color:#cdd0d181;border:0;border-radius:10%;cursor:pointer;display:flex;flex-shrink:1;font-size:max(1.7vh,13px);font-weight:700;height:7.5vh;justify-content:center;margin:3px;transition-duration:.1s}.fa-delete-left{font-size:2.5vh}@media only screen and (min-width:768px){.key:hover{background:#aeb0b181}.tile{font-size:4vh}.App{height:100vh}.game{justify-content:space-between}}.ReactModal__Content{-webkit-animation:fadeIn .15s ease-in;animation:fadeIn .15s ease-in;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-height:100%;overflow:scroll;width:min(500px,100vw)}.ReactModal__Content--before-close{-webkit-animation:fadeOut .15s ease-in;animation:fadeOut .15s ease-in}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOut{0%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.modal-header{align-items:center;flex-direction:row}.modal-header,h3{display:flex;justify-content:center}h3{margin-left:auto}h4{margin-top:0}.close-btn{align-items:center;cursor:pointer;margin-left:auto}.close-btn,.stats-modal{display:flex;justify-content:center}.stats-modal{flex-direction:column}.stats-wrapper{display:flex;flex-direction:row;justify-content:space-around;margin:auto;width:80%}.stat-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:4% auto;width:22%}.stat{font-size:2.5rem}.stat-label{word-wrap:break-word;text-align:center}.distribution{margin:1rem auto;width:80%}.bar-wrapper{align-items:center;display:flex;flex-direction:row;justify-items:space-between;margin:3px 0}.bar-label{flex-shrink:0;width:12px}.bar{box-sizing:border-box;color:#fff;font-size:1rem;font-weight:700;height:1.2rem;justify-content:flex-end;line-height:120%;margin-left:4px;min-width:20px;padding:0 5px}.bar,.countdown-share-wrapper{align-items:center;display:flex}.countdown-share-wrapper{flex-direction:row;justify-content:center;margin-bottom:.5rem;width:100%}.countdown-container{border-right:1px solid #9493936e}.countdown-container,.share-container{align-items:center;display:flex;flex-direction:column;font-weight:700;height:100px;justify-content:center;width:50%}.countdown{font-size:min(4.5vh,8vw)}.share{border:0;border-radius:4px;cursor:pointer;font-size:1.3rem;font-weight:700;height:50%;transition-duration:.1s;width:75%}.message{align-items:center;background-color:#cdd0d181;border-radius:8px;color:#383838;display:flex;font-weight:700;height:6vh;justify-content:center;margin-top:1rem;padding:0 16px;z-index:2}.message--fade{-webkit-animation:fadeOutMessage .25s ease;animation:fadeOutMessage .25s ease}@-webkit-keyframes fadeOutMessage{0%{opacity:100%}to{opacity:0}}@keyframes fadeOutMessage{0%{opacity:100%}to{opacity:0}}@media only screen and (max-height:800px){.message{margin:1rem;position:absolute;top:7vh}}.options-modal,.rules-modal{display:flex;flex-direction:column}.options-modal,.rules-modal,.stats-modal{padding:5%}.rules-modal p{margin-top:0}hr{background-color:#9493936e;border:0;height:1px;margin:18px 0;width:100%}.option-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.label-container,.palette-label-container{display:flex;flex-direction:column;flex-shrink:1;width:70%}.palette-label-container{width:100%}.option-label{font-size:1rem}.option-description{word-wrap:break-word;color:gray;font-size:.8rem}.palette-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:3%}.palette-list-label{justify-content:flex-start;width:25%}.palette-list-label,.palettes{align-items:center;display:flex;flex-direction:row}.palettes{flex-grow:1;flex-shrink:1;justify-content:space-between}textarea{box-sizing:border-box;resize:vertical;width:100%}.import-container{align-items:flex-end;display:flex;flex-direction:column}.export-btn,.import-btn,.reset-btn{border:0;border-radius:4px;cursor:pointer;font-size:1rem;height:2rem;transition-duration:.1s;width:20%}textarea{margin:10px 0}.reset-btn{background-color:#686a6ba2}.--dark-mode{background:#202020;color:#fff}.--nav-btn-dark-mode,.--tile-dark-mode,.--title-dark-mode{color:#fff}.--message-dark-mode{background-color:#fff}.red{background-color:#e64242;border:0;color:#fff}@media only screen and (min-width:768px){.red:hover{background-color:#ca3434}}.orange{background-color:#f5761b;border:0;color:#fff}@media only screen and (min-width:768px){.orange:hover{background-color:#d65b13}}.yellow{background-color:#ebb800;border:0;color:#fff}@media only screen and (min-width:768px){.yellow:hover{background-color:#d19e11}}.green{background-color:#2fbe9b;border:0;color:#fff}@media only screen and (min-width:768px){.green:hover{background-color:#1ea896}}.blue{background-color:#36a1f7;border:0;color:#fff}@media only screen and (min-width:768px){.blue:hover{background-color:#3a8fd4}}.purple{background-color:#924bcc;border:0;color:#fff}@media only screen and (min-width:768px){.purple:hover{background-color:#8032c0}}.brown{background-color:#944f26;border:0;color:#fff}@media only screen and (min-width:768px){.brown:hover{background-color:#793f1e}}.white{background-color:#fff;border:0;color:#383838}@media only screen and (min-width:768px){.white:hover{background-color:#dadada}}.black{background-color:#171717;border:0;color:#fff}@media only screen and (min-width:768px){.black:hover{background-color:#2c2c2c}}.gray{background-color:#686a6ba2;border:0;color:#fff}@media only screen and (min-width:768px){.gray:hover{background-color:#545657a2}}.palette-box{border:1px solid #9493936e;border-radius:4px;cursor:pointer;height:20px;margin:2px;width:20px}.unselected{border:2px solid transparent;border-radius:4px}.selected,.unselected{align-items:center;display:flex;justify-content:center}.selected{border:2px solid #9493936e;border-radius:4px}@media only screen and (max-width:600px){.keyboard{margin:0}.gameboard{margin:2.9vh;padding-top:8px}.game{justify-content:space-between}}
/*# sourceMappingURL=main.2f3db329.css.map*/