._pad_1lxuv_6{gap:var(--sk-space-2);grid-template-columns:repeat(3,1fr);display:grid}._key_1lxuv_12{aspect-ratio:5/3;min-height:3rem;padding:var(--sk-space-2);border:var(--sk-stroke-thin) solid var(--sk-border);border-radius:var(--sk-radius-md);background:var(--sk-surface-raised);cursor:pointer;transition:background-color var(--sk-motion-fast) var(--sk-motion-easing), border-color var(--sk-motion-fast) var(--sk-motion-easing), transform var(--sk-motion-fast) var(--sk-motion-easing);place-items:center;display:grid;position:relative}._key_1lxuv_12:hover{border-color:var(--sk-accent)}._key_1lxuv_12:active{transform:translateY(1px)}._digit_1lxuv_42{font-family:var(--sk-font-grid);font-variant-numeric:tabular-nums lining-nums;color:var(--sk-digit-entered);font-size:clamp(1.25rem,5vw,1.6rem);font-weight:500;line-height:1}._remaining_1lxuv_52{right:var(--sk-space-2);bottom:var(--sk-space-1);font-family:var(--sk-font-mono);font-size:var(--sk-fs-xs);color:var(--sk-text-muted);line-height:1;position:absolute}._key_1lxuv_12[data-complete=true]{background:var(--sk-grid-bg);border-style:dashed}._key_1lxuv_12[data-complete=true] ._digit_1lxuv_42{color:var(--sk-text-muted)}._key_1lxuv_12[data-complete=true] ._remaining_1lxuv_52{color:var(--sk-success)}