.keyboard-container,.virtual-keyboard{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.keyboard-container{display:flex;flex-direction:column}.keyboard-row{gap:.125rem;width:100%;max-width:100%;flex-wrap:nowrap}.keyboard-key-compact,.keyboard-row{display:flex;justify-content:center;align-items:center;overflow:hidden}.keyboard-key-compact{min-width:2.25rem;max-width:3.5rem;height:2.25rem;padding:.125rem;font-size:.65rem!important;line-height:1!important;font-weight:600!important;text-align:center;box-sizing:border-box;flex-shrink:1;flex-grow:0;white-space:nowrap;text-overflow:ellipsis;max-height:2.25rem}@media (min-width:1024px){.keyboard-key-compact{min-width:3rem;max-width:4.5rem;height:3rem;padding:.25rem;font-size:.875rem!important;max-height:3rem}}.keyboard-key-compact[data-key=alt],.keyboard-key-compact[data-key=backspace],.keyboard-key-compact[data-key=caps],.keyboard-key-compact[data-key=capslock],.keyboard-key-compact[data-key=control],.keyboard-key-compact[data-key=ctrl],.keyboard-key-compact[data-key=enter],.keyboard-key-compact[data-key=shift],.keyboard-key-compact[data-key=tab]{min-width:3.5rem;max-width:6rem;font-size:.6rem!important}.keyboard-key-compact[data-key=space]{min-width:12rem;max-width:20rem;flex-grow:1;font-size:.55rem!important}.keyboard-key-compact[data-key=esc],.keyboard-key-compact[data-key=f10],.keyboard-key-compact[data-key=f11],.keyboard-key-compact[data-key=f12],.keyboard-key-compact[data-key^=f1],.keyboard-key-compact[data-key^=f2],.keyboard-key-compact[data-key^=f3],.keyboard-key-compact[data-key^=f4],.keyboard-key-compact[data-key^=f5],.keyboard-key-compact[data-key^=f6],.keyboard-key-compact[data-key^=f7],.keyboard-key-compact[data-key^=f8],.keyboard-key-compact[data-key^=f9]{min-width:2rem;max-width:2.75rem;font-size:.6rem!important}.keyboard-key-compact[data-key*=arrow],.keyboard-key-compact[data-key=down],.keyboard-key-compact[data-key=left],.keyboard-key-compact[data-key=right],.keyboard-key-compact[data-key=up]{min-width:2.25rem;max-width:2.25rem;width:2.25rem;height:2.25rem;font-size:.75rem!important}.keyboard-key-compact[data-key=delete],.keyboard-key-compact[data-key=end],.keyboard-key-compact[data-key=home],.keyboard-key-compact[data-key=insert],.keyboard-key-compact[data-key=pagedown],.keyboard-key-compact[data-key=pageup]{font-size:.55rem!important;padding:.125rem}.keyboard-key-compact{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.keyboard-container>*{box-sizing:border-box;max-width:100%}.practice-container .virtual-keyboard,.practice-page-container .virtual-keyboard{max-width:100%;width:100%}.keyboard-row>*{flex-shrink:1}.keyboard-key-compact,.keyboard-key-compact>span{display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyboard-key-compact *{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}@media (min-width:640px) and (max-width:1023px){.keyboard-key-compact{min-width:2.5rem;max-width:4rem;height:2.5rem;font-size:.7rem!important;max-height:2.5rem}.keyboard-key-compact[data-key=alt],.keyboard-key-compact[data-key=ctrl],.keyboard-key-compact[data-key=shift]{font-size:.65rem!important}.keyboard-key-compact[data-key=space]{font-size:.6rem!important}}@media (max-width:639px){.keyboard-key-compact{min-width:1.75rem;max-width:3rem;height:1.75rem;padding:.0625rem;font-size:.55rem!important;max-height:1.75rem}.keyboard-key-compact[data-key=alt],.keyboard-key-compact[data-key=backspace],.keyboard-key-compact[data-key=caps],.keyboard-key-compact[data-key=ctrl],.keyboard-key-compact[data-key=enter],.keyboard-key-compact[data-key=shift],.keyboard-key-compact[data-key=tab]{min-width:2.5rem;font-size:.5rem!important}.keyboard-key-compact[data-key=space]{min-width:8rem;font-size:.45rem!important}}