:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-border-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-border-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-border-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-border-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:scaleX(-1)}