.kb { display: grid; gap: 6px; user-select: none; } .kb div { display: flex; gap: 6px; } .kb i { flex: 1; min-width: 0; padding: 12px 0; text-align: center; font: 500 12px var(--mono); font-style: normal; background: var(--mist); border-radius: 8px; overflow: hidden; } .kb i.w2 { flex: 2; } .kb i.w6 { flex: 6; } .kb i.on { background: var(--mint); box-shadow: 0 0 0 2px var(--ink) inset; } .kb i.now { background: var(--volt); }