.keyboard{flex-direction:column;gap:8px;display:flex}.key-row{justify-content:center;gap:8px;display:flex;position:relative}.key{touch-action:manipulation;background:var(--color-key-background);color:var(--color-key-text);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;place-content:center;padding:1em calc(1em + .35rem);font-size:1rem;display:grid}.key:hover{background:var(--color-key-background-hover)}.key.large-key{position:absolute;right:-7em;transform:translate(20px)}.key.correct{background:var(--color-success)}.key.misplaced{background:var(--color-warning)}.key.incorrect{background:var(--color-key-incorrect-background)}.key.correct:hover{background:#136c40}.key.misplaced:hover{background:#705e00}.key.incorrect:hover{background:var(--color-key-incorrect-background-hover)}@media (max-width:760px){.key-row{gap:4px}.key{padding:.4em;font-size:1.1rem}.key:not(.large-key){transform:translate(-10px)}.key-row:last-of-type .key:not(.large-key){transform:translate(-15px)}.key.large-key{right:0}}@media (max-width:370px){.key-row{gap:4px}.key-row:last-of-type{transform:translate(-20px)}.key-row:last-of-type .key:not(.large-key){transform:translate(-8px)}.key{padding:.4em;font-size:1rem}.key.large-key{right:0}.key-row:last-of-type .key.large-key{transform:translate(40px)}}.language-selector{margin:10px 0}.language-options{flex-flow:column wrap;gap:8px;margin-top:10px;display:flex}.language-option{cursor:pointer;background-color:var(--color-background);border:2px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.language-option:hover{border-color:var(--color-border-hover);box-shadow:0 0 6px var(--color-border-hover);background-color:#f0f0f0}.language-option input[type=checkbox]{cursor:pointer}.language-flag{width:24px;height:16px;font-size:1.5em}.checkbox-wrapper-40{--borderColor:var(--color-check);--borderWidth:.125em}.checkbox-wrapper-40 label{max-width:100%;margin:0 auto}.checkbox-wrapper-40 input[type=checkbox]{-webkit-appearance:none;appearance:none;vertical-align:middle;background:var(--color-background);border:var(--borderWidth)solid var(--borderColor);border-radius:.125em;width:.8em;height:.8em;font-size:1.8em;display:inline-block;position:relative}.checkbox-wrapper-40 input[type=checkbox]:before{content:"";background:var(--borderColor);width:calc(var(--borderWidth)*3);height:var(--borderWidth);transform-origin:0;font-size:.8em;position:absolute;top:50%;left:10%}.checkbox-wrapper-40 input[type=checkbox]:after{content:"";background:var(--borderColor);width:calc(var(--borderWidth)*3);height:var(--borderWidth);transform-origin:0;font-size:.8em;position:absolute;top:50%;left:10%}.checkbox-wrapper-40 input[type=checkbox]:before{transform:rotate(45deg)translate(calc(var(--borderWidth)/-2),calc(var(--borderWidth)/-2))scaleX(0);transition:transform .2s ease-in .2s}.checkbox-wrapper-40 input[type=checkbox]:after{width:calc(var(--borderWidth)*5);transform:rotate(-45deg)translateY(calc(var(--borderWidth)*2))scaleX(0);transform-origin:0;transition:transform .2s ease-in}.checkbox-wrapper-40 input[type=checkbox]:checked:before{transform:rotate(45deg)translate(calc(var(--borderWidth)/-2),calc(var(--borderWidth)/-2))scaleX(1);transition:transform .2s ease-in}.checkbox-wrapper-40 input[type=checkbox]:checked:after{width:calc(var(--borderWidth)*5);transform:rotate(-45deg)translateY(calc(var(--borderWidth)*2))scaleX(1);transition:transform .2s ease-out .2s}.checkbox-wrapper-40 input[type=checkbox]:focus{outline:calc(var(--borderWidth)/1.5)dotted var(--color-focus)}.language-selector-title{font-size:1.2em;font-weight:700}
/*# sourceMappingURL=index.4990ed2d.css.map */