.keyboard[data-v-d5f50d40]{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:500px;padding:0;width:100%}.keyboard .row[data-v-d5f50d40]{display:flex;gap:.3rem;justify-content:center}.keyboard .row button[data-v-d5f50d40]{align-items:center;background:#d3d6da;border:none;border-radius:var(--global-border-radius);box-shadow:0 1px 2px #00000014;color:#222;cursor:pointer;display:flex;flex:1 1 0;font-size:clamp(1.1rem,2.5vh,1.5rem);height:clamp(40px,7vh,58px);justify-content:center;transition:background .1s,color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:48px}.keyboard .row button[data-v-d5f50d40]:active{background:#b5b8ba}.keyboard .row button[data-v-d5f50d40]:disabled{cursor:not-allowed;opacity:.5}.keyboard .row button[data-key=BACKSPACE][data-v-d5f50d40],.keyboard .row button[data-key=ENTER][data-v-d5f50d40]{flex:1.5 1 0;font-size:.8rem;max-width:72px;padding:0 2px}.keyboard .row button[data-key=SPACE][data-v-d5f50d40]{flex:1;font-size:.8rem;max-width:none;width:100%}.keyboard .row button[data-key=BACKSPACE][data-v-d5f50d40]{font-size:1.4rem}.keyboard .row button.correct[data-v-d5f50d40]{background:var(--color-success);color:#fff}.keyboard .row button.present[data-v-d5f50d40]{background:var(--color-present);color:#fff}.keyboard .row button.absent[data-v-d5f50d40]{background:var(--color-absent);color:#fff}