.kbd[data-v-ad30dc53]{direction:ltr;flex-direction:column;gap:5px;width:100%;display:flex}.kbd__row[data-v-ad30dc53]{gap:4px}.kbd__key[data-v-ad30dc53],.kbd__row[data-v-ad30dc53]{justify-content:center;display:flex}.kbd__key[data-v-ad30dc53]{background:var(--color-surface);border:2px solid var(--color-border);width:36px;min-width:36px;max-width:36px;height:42px;box-shadow:0 2px 0 var(--color-border);font-family:var(--font-arabic);cursor:pointer;color:var(--color-ink);-webkit-user-select:none;user-select:none;border-radius:7px;flex-grow:0;flex-shrink:0;align-items:center;padding:0;font-size:19px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background 80ms;overflow:hidden}.kbd__key--active[data-v-ad30dc53],.kbd__key[data-v-ad30dc53]:active{box-shadow:none;background:var(--color-yellow);transform:translateY(2px)}.kbd__key--diacritic[data-v-ad30dc53]{font-size:16px}.kbd__key--disabled[data-v-ad30dc53]{border:2px solid var(--color-cream-dark);background:var(--color-cream);pointer-events:none;width:36px;min-width:36px;max-width:36px;height:42px;box-shadow:none;border-radius:7px;flex-grow:0;flex-shrink:0}.kbd__key--shift[data-v-ad30dc53]{background:var(--color-cream-dark);width:46px;min-width:46px;max-width:46px;font-family:inherit;font-size:16px}.kbd__key--shift-on[data-v-ad30dc53]{background:var(--color-yellow)}.kbd__key--backspace[data-v-ad30dc53]{background:var(--color-cream-dark);width:46px;min-width:46px;max-width:46px;font-family:inherit;font-size:15px}@media (width<=540px){.kbd[data-v-ad30dc53]{gap:4px}.kbd__row[data-v-ad30dc53]{gap:3px}.kbd__key[data-v-ad30dc53],.kbd__key--disabled[data-v-ad30dc53]{flex:1;width:auto;min-width:0;max-width:none;height:40px;font-size:17px}.kbd__key--diacritic[data-v-ad30dc53]{font-size:14px}.kbd__key--backspace[data-v-ad30dc53],.kbd__key--shift[data-v-ad30dc53]{flex:1.5;width:auto;min-width:0;max-width:none;height:40px;font-size:14px}}