@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600&display=swap);html{font-size:16px}:root{--background-color:#eee;--primary-color:#245088;--secondary-color:#245088;--correct-status-color:#4e8749;--inword-status-color:#ac9d5a;--incorrect-status-color:#2f2f2f;--unguessed-status-color:#696969;--text-color:#eee}html[data-theme=light]{--background-color:#eee;--text-color:#222}html[data-theme=dark]{--background-color:#222;--text-color:#eee}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;-webkit-user-select:none;-ms-user-select:none;user-select:none}.header{background-color:var(--primary-color);display:flex;flex-direction:row;font-family:Roboto Slab,serif;font-size:2rem;font-weight:700;height:100%;justify-content:space-between;position:relative}.header .header-btn{font-size:1.5rem;height:3.5rem;position:relative;width:3.5rem}.header .header-btn svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header-home-btn{left:0}.header-settings-btn{right:0}.header-title{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.env-badge{background-color:red;border-radius:.25rem;display:block;font-family:sans-serif;font-size:.8rem;padding:.125rem .25rem;position:absolute;right:0;top:0;-webkit-transform:translate(100%);transform:translate(100%)}.home-view{height:100%}.home-buttons-holder{display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-buttons-group{margin:.375rem 0}.home-buttons-group button{background-color:var(--secondary-color);border:none;border-radius:.375rem;font-size:2rem;margin:.25rem}.home-buttons-choose{padding:.375rem 1rem}.home-buttons-random{padding:.375rem .5rem}.guesses{flex:1 1 auto;overflow-y:auto}.guess-row{display:flex;justify-content:center;margin-bottom:.125rem}.guess-row:last-of-type{margin-bottom:1rem}.guess-row-4 .letter-box{height:calc(25vw - 1.40625rem);width:calc(25vw - 1.40625rem)}.guess-row-5 .letter-box{height:calc(20vw - 1.125rem);width:calc(20vw - 1.125rem)}.guess-row-6 .letter-box{height:calc(16.66667vw - .9375rem);width:calc(16.66667vw - .9375rem)}.guess-row-7 .letter-box{height:calc(14.28571vw - .80357rem);width:calc(14.28571vw - .80357rem)}.guess-row-8 .letter-box{height:calc(12.5vw - .70313rem);width:calc(12.5vw - .70313rem)}.letter-box{align-items:center;background-color:var(--background-color);border:2px solid var(--unguessed-status-color);display:flex;font-size:1.75rem;font-weight:700;justify-content:center;margin:.2rem;max-height:4rem;max-width:4rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.guess-row-6 .letter-box,.guess-row-7 .letter-box,.guess-row-8 .letter-box{font-weight:400;margin:.125rem}.letter-box.correct{background-color:var(--correct-status-color);border:2px solid var(--correct-status-color)}.letter-box.inword{background-color:var(--inword-status-color);border:2px solid var(--inword-status-color)}.letter-box.incorrect,.letter-box.inprogress{background-color:var(--incorrect-status-color);border:2px solid var(--incorrect-status-color)}.guess-row.shake{-webkit-animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-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)}}.keyboard{flex:0 0 auto;margin:.5rem .175rem .25rem}.keyboard-row{flex-direction:row}.key,.keyboard-row{display:flex;justify-content:center}.key{align-items:center;background-color:var(--unguessed-status-color);border:none;border-radius:.25rem;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;height:3.75rem;margin:.175rem;max-width:3.75rem;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.key.half-key{background-color:var(--background-color);flex:0.5 0.5;margin:0}.key.long-key{font-size:1.25rem;max-width:5.75rem}.key.correct{background-color:var(--correct-status-color)}.key.inword{background-color:var(--inword-status-color)}.key.incorrect{background-color:var(--incorrect-status-color)}.loading-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.loader-holder{font-family:Roboto Slab,serif;font-size:4rem}.loader{--fa-animation-duration:2000ms}.loader-1{--fa-animation-delay:0ms}.loader-2{--fa-animation-delay:333ms}.loader-3{--fa-animation-delay:667ms}.game-view{display:flex;flex-direction:column;height:100%}.game-view-title{text-align:center}.game-list-view{height:100%;overflow:auto;position:relative}.game-list-buttons-holder{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:2rem auto;max-width:1000px;min-height:-webkit-min-content;min-height:min-content;text-align:center;width:calc(100vw - 4rem)}.game-list-view-game-button-link{margin:.5rem;position:relative}.game-list-view-game-button{align-items:center;background-color:var(--background-color);border:3px solid var(--secondary-color);border-radius:.375rem;color:var(--secondary-color);cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:5vw;justify-content:center;min-height:4rem;min-width:4rem;text-align:center;width:5vw}.game-list-view-game-button.solved{background-color:var(--correct-status-color);border:3px solid var(--correct-status-color);color:var(--text-color)}.game-list-view-game-button.in-progress{background-color:var(--inword-status-color);border:3px solid var(--inword-status-color);color:var(--text-color)}.game-list-buttons-holder .guesses-badge{align-content:center;align-items:center;background-color:#b8860b;border-radius:.7rem;display:inline-block;display:flex;font-size:.9rem;height:1rem;justify-content:center;padding:.2rem;position:absolute;right:-.4rem;top:-.4rem;width:1rem}.settings-view{height:100%}.stats-view{height:100%;overflow:auto;position:relative}.stats-chart{align-items:flex-end;display:flex;flex-direction:row;height:14.28571vh;margin-bottom:3rem}.bar{background-color:var(--correct-status-color);flex:1 1;font-weight:700;margin:.25rem;padding-top:.5rem;position:relative;text-align:center}.bar.bar-null{background-color:var(--incorrect-status-color);height:.2rem!important;padding-top:0}.bar-label{bottom:0;left:50%;position:absolute;-webkit-transform:translate(-50%,calc(100% + .25rem));transform:translate(-50%,calc(100% + .25rem))}.app{background-color:var(--background-color);color:var(--text-color);height:100vh;left:0;max-height:-webkit-fill-available;position:fixed;top:0;width:100vw}.header-holder{height:3.5rem}.main-area{height:calc(100% - 3.5rem)}a{color:var(--text-color)!important;text-decoration:none!important}
/*# sourceMappingURL=main.c5a551d7.css.map*/