.leaf-keycap{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:default;font-family:ui-monospace,monospace;line-height:normal;white-space:nowrap;-webkit-font-smoothing:antialiased}button.leaf-keycap{cursor:pointer}.leaf-keycap--inline{font-weight:500;font-size:10.5px;color:#71717a;background:#1c1c20;border-radius:4px;padding:2px 6px}.leaf-keycap--control{font-weight:500;font-size:12px;color:#a1a1aa;background:#1c1c20;border-radius:6px;padding:6px 11px;transition:color .12s ease,background .12s ease}.leaf-keycap--control:hover,.leaf-keycap--hot{color:#fff;background:#27272a}.leaf-keycap--hot{border-radius:5px;padding:3px 7px;font-weight:500;font-size:10.5px;transition:background .12s ease}.leaf-keycap--hot:hover{background:#3f3f46}.leaf-keycap--composer{font-weight:500;font-size:11px;color:#71717a;background:#1c1c20;border-radius:4px;padding:3px 7px}.leaf-keycap--sheet{font-weight:500;font-size:11px;color:#fff;background:#27272a;border-radius:5px;padding:3px 8px;min-width:16px;text-align:center}.leaf-keycap--onAccent{color:#04140a;background:rgba(4,20,10,.15);border-radius:3px;padding:0 5px;font-weight:500;font-size:10.5px}