html{--game-spacing:32px;--header-height:4rem;--color-success:#1fbd21;--color-success-darker:#0f5733;--color-warning:#f9d51f;--color-error:#ff8a47;--color-gray-100:#1a1a1a;--color-gray-300:#404040;--color-gray-500:gray;--color-gray-700:#bfbfbf;--color-gray-800:#dce1ed;--color-incorrect:#a4aec4;--color-gray-900:#e6e6e6;--color-white:#fff;overflow-y:scroll}body{font-family:sans-serif;overflow-x:hidden}@media (height<=600px){body{--game-spacing:8px}}button{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;margin:0;padding:0}.wrapper{flex-direction:column;min-height:100%;display:flex}header{height:var(--header-height);border-bottom:1px solid var(--color-gray-700);color:var(--color-gray-300);justify-content:center;align-items:center;padding:0 30px;display:flex}header .side{width:var(--header-height);place-content:center;display:grid}.header-icon{width:24px;height:24px}@media (width<=30rem){.header-icon{width:16px;height:16px}}h1{font-size:2rem;line-height:var(--header-height);text-align:center;flex:1}@media (width<=30rem){h1{font-size:1.2rem}}.selected-language{font-size:1rem}@media (width<=30rem){.selected-language{font-size:.8rem}}.game-wrapper{padding:var(--game-spacing)32px;flex-direction:column;flex:1;align-content:center;min-width:250px;max-width:min(500px,60vh,100%);margin:0 auto;display:flex}.guess-results{flex-direction:column;flex:1;justify-content:center;display:flex}.guess{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.cell{aspect-ratio:1;border:2px solid var(--color-gray-700);border-radius:var(--radius);place-content:center;width:17%;font-size:2rem;display:grid;position:relative}.guess:first-of-type .cell:first-of-type{--radius:4px 0px 0px 0px}.guess:first-of-type .cell:last-of-type{--radius:0px 4px 0px 0px}.guess:last-of-type .cell:last-of-type{--radius:0px 0px 4px 0px}.guess:last-of-type .cell:first-of-type{--radius:0px 0px 0px 4px}.cell.correct{--background:var(--color-success);--border-color:var(--color-success);--color:var(--color-white)}.cell.incorrect{--background:var(--color-incorrect);--border-color:var(--color-incorrect);--color:var(--color-white)}.cell.misplaced{--background:var(--color-warning);--border-color:var(--color-warning);--color:var(--color-white)}.guess>.cell.correct,.guess>.cell.incorrect,.guess>.cell.misplaced{animation:.5s forwards flip}.guess.current>.cell.filled{animation:.2s ease-in-out forwards bounce}.guess>.cell:nth-child(2){animation-delay:.2s}.guess>.cell:nth-child(3){animation-delay:.4s}.guess>.cell:nth-child(4){animation-delay:.6s}.guess>.cell:nth-child(5){animation-delay:.8s}.guess-input-wrapper{flex-direction:column;gap:8px;height:6.75rem;display:flex}.guess-input-wrapper label{font-size:1.25rem}.guess-input-wrapper input{border:2px solid var(--color-gray-300);outline-offset:4px;border-radius:4px;width:100%;padding:8px 16px;font-size:2rem;display:block}.banner{text-align:center;will-change:transform;border-radius:4px 4px 0 0;width:100%;max-width:600px;margin:0 auto;padding:32px;animation:.75s cubic-bezier(0,.72,.24,1.02) slideUp;position:fixed;bottom:0;left:0;right:0}.animated-modal{animation:.75s cubic-bezier(0,.72,.24,1.02) 3s slideUp}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.keyboard{flex-direction:column;gap:7px;width:100%;display:flex}.keyboard-row{justify-content:center;align-items:center;gap:7px;display:flex}.keyboard-btn{background-color:var(--color-gray-800);text-align:center;transition:background-color .3s ease-in-out,scale .3 linear;border-radius:4px;min-width:3.2%;padding:.625rem;font-size:1.3em;display:grid}@media screen and (width<=1280px){.keyboard-btn{min-width:6%}}@media screen and (width<=620px){.keyboard-btn.RU{min-width:5.5%;padding:.4rem}}@media screen and (width<=520px){.keyboard-btn{min-width:7%;padding:.5rem;font-size:.8em}.keyboard-btn.RU{min-width:5%;padding:.4rem;font-size:.6em}}@media screen and (width<=380px){.keyboard-btn{min-width:8%;font-size:.5em}.keyboard-btn.RU{min-width:6%}.keyboard-row{gap:5px}}@media screen and (width>=1536px){.keyboard-btn{padding:1rem;font-size:1.5em}.keyboard-row{gap:10px}}.keyboard-btn:hover{background-color:var(--color-gray-700);transform:scale(1.1)}.keyboard-btn:active{animation:.2s ease-in-out forwards bounce}.keyboard-btn.wide{aspect-ratio:auto;width:max-content;height:auto}.keyboard-btn.wide:active{animation:.2s ease-in-out forwards bounce}.keyboard-btn.correct{background-color:var(--color-success);color:var(--color-white);transition:background-color .3s 1s,color .3s 1s}.keyboard-btn.misplaced{background-color:var(--color-warning);color:var(--color-white);transition:background-color .3s 1s,color .3s 1s}.keyboard-btn.incorrect{background-color:var(--color-incorrect);color:var(--color-white);transition:background-color .3s 1s,color .3s 1s}[data-reach-dialog-content]{border-radius:8px;padding:24px 32px;position:relative}.modal-close-btn{cursor:pointer;padding:16px;position:absolute;top:0;right:0}.modal-title{margin-bottom:.5em}.notification-wrapper{pointer-events:none;width:100vw;position:relative}.notification-wrapper.hidden{display:none}.notification{background-color:var(--color-error);z-index:100;border-radius:12px;justify-content:center;align-items:center;min-width:max-content;height:40px;padding:0 12px;font-size:22px;display:flex;position:absolute;top:0;left:50%}.hoverable-btn{padding:2px}.hoverable-btn:hover{background-color:#d2f3f3;border-radius:4px;padding:2px;transition:background-color .3s}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes flip{0%{background-color:var(--color-white);color:#000;transform:rotateX(0)}45%{background-color:var(--color-white);transform:rotateX(90deg)}55%{background-color:var(--background);border-color:var(--border-color);color:#fff;transform:rotateX(90deg)}to{background-color:var(--background);border-color:var(--border-color);color:#fff;transform:rotateX(0)}}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}
/*# sourceMappingURL=index.540e50f9.css.map */