.tool[data-tool=keyboard-tester] .kb{gap:4px;padding-block-end:var(--space-1);display:grid;overflow-x:auto}.tool[data-tool=keyboard-tester] .kb-row{gap:4px;min-inline-size:38rem;display:flex}.tool[data-tool=keyboard-tester] .kb-arrows{justify-content:flex-end}.tool[data-tool=keyboard-tester] .kb-key{min-block-size:2.5rem;min-inline-size:0;font-size:var(--fs-xs);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);-webkit-user-select:none;user-select:none;flex:2.4rem;place-items:center;display:grid}.tool[data-tool=keyboard-tester] .kb-arrows .kb-key{flex:0 0 2.5rem}.tool[data-tool=keyboard-tester] .kb-key.seen{background:var(--c-primary-soft)}.tool[data-tool=keyboard-tester] .kb-key.down{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.tool[data-tool=keyboard-tester] .kb-h{font-size:var(--fs-sm);margin:0 0 var(--space-2)}.tool[data-tool=keyboard-tester] .kb-recent{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tool[data-tool=keyboard-tester] .kb-recent li{padding:var(--space-1) var(--space-2);border:1px solid var(--c-border);border-radius:var(--r-sm)}