.virtual-keyboard[data-v-ac58aa29]{border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--key-unit-width:3rem;--key-gap:.375rem;margin:4rem auto 0;max-width:100%;width:-moz-max-content;width:max-content}.keyboard-row[data-v-ac58aa29]{gap:.375rem}.keyboard-key[data-v-ac58aa29],.keyboard-row[data-v-ac58aa29]{display:flex;justify-content:center}.keyboard-key[data-v-ac58aa29]{align-items:center;background:var(--color-key-bg,#fff);border:1px solid var(--color-key-border,#e5e7eb);border-radius:.5rem;cursor:pointer;height:3.5rem;overflow:hidden;padding:.25rem;position:relative;transition:all .1s ease}.keyboard-key[data-v-ac58aa29]:hover{background:var(--color-key-hover,#f3f4f6);border-bottom-width:2px;transform:translateY(1px)}.keyboard-key[data-v-ac58aa29]:active{background:var(--color-key-active,#e5e7eb);border-bottom-width:1px;transform:translateY(2px)}@media(max-width:640px){.virtual-keyboard[data-v-ac58aa29]{gap:.25rem;margin-top:2rem;padding:.5rem;--key-unit-width:2.2rem;--key-gap:.25rem}.keyboard-row[data-v-ac58aa29]{gap:.25rem}.keyboard-key[data-v-ac58aa29]{border-radius:.375rem;height:2.75rem;padding:.125rem}}@media(max-width:480px){.virtual-keyboard[data-v-ac58aa29]{gap:.15rem;margin-top:3rem;padding:.25rem;--key-unit-width:2.1rem;--key-gap:.15rem}.keyboard-row[data-v-ac58aa29]{gap:.15rem}.keyboard-key[data-v-ac58aa29]{border-radius:.25rem;height:2.5rem;padding:.1rem}}@media(max-width:380px){.virtual-keyboard[data-v-ac58aa29]{gap:.1rem;margin-top:8rem;padding:.125rem;--key-unit-width:2rem;--key-gap:.1rem}.keyboard-row[data-v-ac58aa29]{gap:.1rem}.keyboard-key[data-v-ac58aa29]{border-radius:.2rem;height:2.25rem;padding:.05rem}}.key-content[data-v-ac58aa29]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.key-label[data-v-ac58aa29]{color:var(--color-key-label,#374151);font-size:.9rem;font-weight:700;transition:all .2s;z-index:2}.key-label.is-background[data-v-ac58aa29]{color:var(--color-key-label,#000);font-size:3.25rem;font-weight:900;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.key-sublabels[data-v-ac58aa29]{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;position:relative;z-index:1}.initial-label[data-v-ac58aa29]{color:var(--color-key-initial,#ef4444);font-size:1rem;font-weight:800;line-height:1.1;text-shadow:0 1px 2px rgba(239,68,68,.1)}.final-label[data-v-ac58aa29]{color:var(--color-key-final,#6b7280);font-size:1rem;font-weight:600;line-height:1}.keyboard-key.state-success[data-v-ac58aa29]{--color-key-bg:var(--color-key-success-bg);--color-key-border:var(--color-key-success-border);color:#fff!important}.keyboard-key.state-error[data-v-ac58aa29]{--color-key-bg:var(--color-key-error-bg);--color-key-border:var(--color-key-error-border);animation:shake-ac58aa29 .2s ease-in-out;color:#fff!important}.keyboard-key.state-hint[data-v-ac58aa29]{--color-key-bg:var(--color-key-hint-bg);--color-key-border:var(--color-key-hint-border);animation:pulse 1.5s infinite;color:#fff!important}@keyframes shake-ac58aa29{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:768px){.key-decorative[data-v-ac58aa29]{display:none!important}}