.kbd{--k:64px;--g:8px;gap:var(--g);flex-direction:column;margin:0 0 24px;display:flex}.kbd-row{gap:var(--g);display:flex}.kbd-row-2{padding-left:calc(var(--k) / 2)}.kbd-row-3{padding-left:var(--k)}.kbd .key{box-sizing:border-box;flex:0 0 var(--k);height:var(--k);min-height:44px;font:600 1.25rem/1 var(--stack-glyph);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.kbd .key-letter{padding-top:12px}.kbd .key.wide .key-letter{padding-top:0}.kbd .key-alt{font:400 .7rem/1 var(--stack-glyph);letter-spacing:.05em;color:var(--accent);position:absolute;top:6px;right:7px}.kbd .key.on .key-alt{color:var(--accent-ink);opacity:.85}.kbd .key.wide{flex-basis:calc(var(--k) * 2 + var(--g));font:600 var(--text-sm)/1.2 var(--stack-ui);padding:0 8px}@media (max-width:640px){.kbd{--g:4px;--k:calc((100vw - 2 * var(--gutter) - 9 * var(--g)) / 10)}.kbd .key{height:44px;font-size:1rem}.kbd .key-alt,.kbd .key-wide-alts{display:none}.kbd .key-letter{padding-top:0}.kbd .key.wide{font-size:.75rem}}