.key[data-v-1a348127]{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:60px;background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.key-number-only[data-v-1a348127]{width:100%}.key-domain[data-v-1a348127]{min-width:120px}.key[data-v-1a348127]:active{background-color:#bbdefb;transform:scale(.95);transition:all .1s ease}.key[data-v-1a348127]:hover{background-color:#e3f2fd}.key span[data-v-1a348127]{font-weight:500;font-size:40px;color:#575353}.key-active[data-v-1a348127]{background-color:#b4d3ff!important}.key-active span[data-v-1a348127]{color:#fff!important}.key-number[data-v-1a348127]{min-width:80px}.key-special[data-v-1a348127]{width:100%;background-color:#f2f2f2}.key-zero[data-v-1a348127]{width:100%}.key-zero-numeric[data-v-1a348127]{min-width:80px}.keys-container[data-v-1a348127]{display:flex;flex-wrap:wrap;justify-content:center}.letters-section[data-v-1a348127]{display:flex;flex-direction:column;max-width:100%;margin-right:32px}.letters-section>.d-flex[data-v-1a348127]{flex-wrap:nowrap}.numbers-section[data-v-1a348127]{display:flex;flex-direction:column}.numbers-section>.d-flex[data-v-1a348127]{flex-wrap:nowrap}.virtual-keyboard[data-v-1a348127]{position:fixed;bottom:0;left:0;right:0;z-index:9999;background-color:#e5e5e5;padding:12px;min-height:60px;overflow-x:hidden}@media screen and (max-width:1200px){.keys-container>.d-flex[data-v-1a348127]{flex-direction:column!important;align-items:center}.letters-section[data-v-1a348127]{width:100%;align-items:center;margin-right:0}.letters-section>.d-flex[data-v-1a348127]{width:100%;justify-content:center}.numbers-section[data-v-1a348127]{width:auto;margin-top:8px}}@media screen and (max-width:992px){.key[data-v-1a348127]{min-width:9vw}.key-domain[data-v-1a348127]{min-width:14vw}.key-domain span[data-v-1a348127]{font-size:14px!important}.key-number[data-v-1a348127]{min-width:9vw}.key-capslock[data-v-1a348127],.key-space[data-v-1a348127]{width:100%}}@media screen and (max-width:768px){.key[data-v-1a348127]{min-width:8.5vw}.key-domain[data-v-1a348127]{min-width:16vw}.key-domain span[data-v-1a348127]{font-size:12px!important}.key-capslock[data-v-1a348127],.key-space[data-v-1a348127]{flex:1;min-width:0;width:100%}.key-zero[data-v-1a348127]{width:100%}.key-backspace[data-v-1a348127],.key-number[data-v-1a348127],.key-zero-numeric[data-v-1a348127]{min-width:10vw;min-height:10vw}}@media screen and (max-width:600px){.key-backspace[data-v-1a348127],.key-number[data-v-1a348127],.key-zero-numeric[data-v-1a348127]{min-width:12vw;min-height:12vw}}@media screen and (max-width:480px){.key[data-v-1a348127]{min-width:8vw;height:40px}.key-backspace[data-v-1a348127],.key-number[data-v-1a348127],.key-zero-numeric[data-v-1a348127]{min-width:15vw;min-height:15vw}}