.vk-keyboard-scroll{padding-bottom:.5rem;overflow-x:auto}.vk-keyboard{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;align-items:flex-start;gap:.75rem;min-width:max-content;padding:.5rem;display:flex}.vk-block{flex-direction:column;gap:3px;display:flex}.vk-row{gap:3px;display:flex}.vk-spacer{flex-shrink:0}.vk-key{color:#212529;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ced4da;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;min-width:1.6rem;height:2.25rem;padding:0;font-size:.7rem;line-height:1;display:flex;position:relative;box-shadow:0 1px #00000014}.vk-key:hover{background:#f1f3f5}.vk-key:active{box-shadow:none;transform:translateY(1px)}.vk-key--active{background:#cfe2ff;border-color:#6ea8fe}.vk-key--toggle.vk-key--active{color:#fff;background:#0d6efd;border-color:#0d6efd}.vk-key--segment-top{box-shadow:none;border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.vk-key--segment-bottom{border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top:-3px}.vk-key-main{font-size:.85rem;font-weight:600}.vk-key-shift{color:#6c757d;font-size:.6rem;font-weight:400;position:absolute;top:2px;left:4px}.vk-key-kana{color:#d6336c;font-size:.6rem;font-weight:400;position:absolute;bottom:1px;right:4px}.vk-block--nav .vk-key,.vk-block--numpad .vk-key{min-width:2rem}.vk-keyboard-label{margin-bottom:.35rem;font-weight:600}.vk-output-hint{color:#6c757d;font-size:.8rem}