1{# The footer, with the button that lists the keyboard shortcuts in a dialog (keys.ts). -#}2{% css %}3footer.site .keyhelp { min-height: 0; background: none; border: 0; padding: 0; color: var(--muted); }4footer.site .keyhelp:hover { color: var(--fg); background: none; }5@media (pointer: coarse) and (hover: none) { footer.site .keyhelp { display: none; } }6/* keyboard shortcuts (keys.ts) */7#help { width: min(440px, 94vw); padding: 0; background: var(--raised); color: var(--fg); border: var(--hairline) solid var(--border); box-shadow: var(--shadow); }8#help:focus { outline: none; }9#help::backdrop { background: var(--scrim); }10#help > div { padding: var(--space-4) var(--space-5); }11#help h2 { margin: 0 0 var(--space-1); }12#help table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }13#help td { padding: var(--space-1) 0; vertical-align: top; border-bottom: var(--hairline) solid var(--border); }14#help td:first-child { width: 1%; padding-right: var(--space-4); white-space: nowrap; }15#help kbd { color: var(--fg); }16#help p { margin: var(--space-3) 0 0; font-size: var(--text-sm); }17{% endcss %}18<footer class="site wrap"><button type="button" class="keyhelp" title="keyboard shortcuts"><kbd>?</kbd> shortcuts</button></footer>