body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1b2028;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease}:root{--bg-color:#1b2028;--main-color:#23a9d5;--caret-color:#4b5975;--sub-color:#4b5975;--sub-alt-color:#151a21;--text-color:#ccccb5;--error-color:#b81b2c;--error-extra-color:#84131f;--colorful-error-color:#b81b2c;--colorful-error-extra-color:#84131f}[data-theme=light]{--bg-color:#f0f2f5;--main-color:#0078d7;--caret-color:#6c7a89;--sub-color:#6c7a89;--sub-alt-color:#e0e5ec;--text-color:#333;--error-color:#e74c3c;--error-extra-color:#c0392b;--colorful-error-color:#e74c3c;--colorful-error-extra-color:#c0392b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hidden{display:none}.block{display:block}.settings-container{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;padding:40px 20px}.settings-container h1{color:var(--text-color);font-size:2.5rem;margin-bottom:30px;text-align:center}.settings-section{background-color:#6464641a;background-color:rgba(var(--sub-color-rgb,100,100,100),.1);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:20px}.settings-section h3{color:var(--text-color);font-size:1.5rem;margin-bottom:15px}.word-sets .word-set-options{display:flex;flex-direction:column;gap:12px}.word-set-option{align-items:center;display:flex;gap:10px}.word-set-option label{color:var(--text-color);cursor:pointer;font-size:1.1rem}.word-set-option input[type=radio]{cursor:pointer;height:18px;width:18px}.theme-toggle-switch{gap:15px;justify-content:center}.theme-toggle-switch span{font-size:1.1rem}input:checked+.slider{background-color:var(--main-color)}input:focus+.slider{box-shadow:0 0 1px var(--main-color)}input:checked+.slider:before{transform:translateX(26px)}.custom-words-container{display:flex;flex-direction:column;gap:15px}.custom-words-input{background-color:initial;border:1px solid var(--sub-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:1rem;min-height:100px;padding:12px;resize:vertical;width:100%}.custom-words-input:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #0000001a;outline:none}.save-custom-words-button{align-self:flex-start;background-color:var(--main-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 16px;transition:background-color .3s}.save-custom-words-button:hover{opacity:.85}.custom-words-help{color:var(--sub-color);font-size:.9rem;margin-top:5px}.back-button{align-self:center;background-color:var(--main-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:30px;padding:12px 24px;transition:background-color .3s}.back-button:hover{opacity:.85}@media (max-width:480px){.settings-container{padding:20px 15px}.settings-container h1{font-size:2rem}.settings-section{padding:15px}.back-button{width:100%}}.keyboard{display:flex;flex-direction:column;gap:5px;margin:30px auto;max-width:800px}.row{align-items:center;display:flex;gap:10px;justify-content:center}.key{border-radius:6px;font-size:24px;padding:20px 30px}.keyboard.dark .key{background-color:#151a21;border-color:#4b5975;color:#4b5975}.keyboard.light .key{background-color:#d6d6dc;border-color:#b4bed2;color:#323c50}.space{max-width:500px;padding:30px 0;width:100%}.keyboard.dark .active{background:#4a71b2;background:var(--main-color,#4a71b2);border-color:#4a5975;color:#fff;color:var(--sub-alt-color,#fff)}.keyboard.light .active{background:#3a8eff;border-color:#2a6dbd;color:#fff}.text__wrap{align-items:center;display:flex;flex-wrap:wrap;gap:4px;height:auto;margin:0 auto;max-height:240px;min-height:80px;overflow-y:hidden;padding:10px;position:relative;white-space:normal;width:90%;word-break:normal}.inputTyping{border:0;cursor:default;opacity:0;outline:none;position:absolute}.text__container{display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin-left:10px}.letter-wrap{-webkit-column-break-inside:avoid;align-items:center;break-inside:avoid;display:flex;height:70px;justify-content:center;margin-bottom:10px;margin-right:2px;min-width:15px;page-break-inside:avoid;text-align:center;white-space:nowrap}.letter{color:var(--sub-color);font-size:62px;pointer-events:none;-webkit-user-select:none;user-select:none}.succeed{color:var(--text-color)}.empty,.fail{color:var(--error-color)}.empty{font-size:34px;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:normal;width:15px;word-break:break-word}.empty:before{display:none;top:calc(100% + 2px)}.current-letter{position:relative}.current-letter:before{animation-fill-mode:forwards;animation:caretFlashSmooth .6s infinite;background-color:var(--sub-color);border-radius:.5rem;bottom:0;content:"";height:4px;left:-1px;position:absolute;transition:.2s;width:100%;z-index:10}.gone:before{left:calc(100% - 1px);width:100%}@keyframes caretFlashSmooth{0%,to{opacity:0}50%{opacity:1}}.game__wrap{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:300px}.restart{background:#0000;border:0;cursor:pointer;outline:none}.restart:hover svg{fill:var(--text-color)}.restart:focus-visible{border:1px solid var(--main-color);border-radius:30px;margin:0 auto;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.restart svg{fill:var(--sub-color)}.not-focused{filter:blur(4px);-webkit-filter:blur(4px);opacity:.25}.not-focused-info{align-items:center;color:var(--text-color);cursor:pointer;display:flex;gap:10px;position:absolute;-webkit-user-select:none;user-select:none}.not-focused-info svg{fill:var(--text-color);width:22px}.results ul li{color:var(--sub-color);font-size:40px;list-style:none}.results ul li span{color:var(--main-color)}.theme-toggle,.word-sets{margin:20px 0}.theme-toggle h3,.word-sets h3{color:var(--text-color);margin-bottom:10px}.word-set-options{display:flex;flex-direction:column;gap:10px}.word-set-options .word-set-option{align-items:center;display:flex;gap:8px}.word-set-options .word-set-option label{color:var(--text-color);cursor:pointer}.word-set-options .word-set-option input[type=radio]{cursor:pointer}.theme-toggle-switch{align-items:center;display:flex;gap:10px}.theme-toggle-switch span{color:var(--text-color)}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.switch input:checked+.slider{background-color:var(--main-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--main-color)}.switch input:checked+.slider:before{transform:translateX(26px)}.slider{background-color:var(--sub-color);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.settingBtn{background:#0000;border:none;cursor:pointer;position:absolute;right:20px;top:20px}.settingBtn svg{fill:var(--sub-color);transition:fill .3s ease}.settingBtn:hover svg{fill:var(--text-color)}
/*# sourceMappingURL=main.6de1eb9a.css.map*/