/* Adapted from the product designer's held-key panel and keycaps. */
.shortcut-key-hints{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);z-index:110;display:flex;align-items:flex-start;gap:24px;width:max-content;max-width:calc(100% - 32px);max-height:calc(100% - 112px);overflow:hidden;box-sizing:border-box;padding:16px 20px;border:1px solid #ded4e5;border-radius:12px;background:#fffffff5;box-shadow:0 8px 32px #292d5324;color:#59647a;font:400 13px/1.5 Poppins,sans-serif;pointer-events:none;backdrop-filter:blur(8px)}
.shortcut-key-hints[hidden]{display:none}
.shortcut-key-hints section{min-width:0;max-width:340px}
.shortcut-key-hints strong{display:block;font-size:13px;font-weight:500;color:var(--accent,#7d4683);margin-bottom:10px}
.shortcut-key-hints section>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:9px}
.shortcut-key-combination{white-space:nowrap;color:#8596a8}
.shortcut-key-combination small{display:block;margin-top:4px;font:400 12px/1.45 Poppins,sans-serif;color:#718197}
.shortcut-key-hints kbd{display:inline-block;white-space:nowrap;padding:3px 6px;border:1px solid #ded5e5;border-bottom-width:2px;border-radius:5px;background:#f6f2f8;color:#71467b;font:500 12px/1.5 Poppins,sans-serif}
@media(max-width:700px){.shortcut-key-hints{bottom:76px;gap:16px;padding:12px;max-height:calc(100% - 88px);font-size:12px}.shortcut-key-hints section>div{gap:10px}.shortcut-key-hints strong{font-size:13px}.shortcut-key-hints kbd{font-size:11px}.shortcut-key-combination small{font-size:11px}}