@layer stageshow{.ss-keys{z-index:99;opacity:0;pointer-events:none;gap:4px;transition:opacity .16s,transform .2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px)scale(.96)}.ss-keys[data-show=true]{opacity:1;transform:translate(-50%)scale(1)}.ss-keys[data-at=top]{top:16px;bottom:auto}.ss-keys[data-at=bottom-left],.ss-keys[data-at=bottom-right]{left:auto;transform:translateY(6px)scale(.96)}.ss-keys[data-at=bottom-left]{left:16px}.ss-keys[data-at=bottom-right]{right:16px}.ss-keys[data-at=bottom-left][data-show=true],.ss-keys[data-at=bottom-right][data-show=true]{transform:none}.ss-key{color:#fff;min-width:28px;height:28px;font:500 13px/1 var(--ss-font);background:#18181be0;border-radius:7px;place-items:center;padding:0 8px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid;box-shadow:inset 0 -2px #0006,0 4px 12px #0000002e}.ss-key[data-down=true]{transform:translateY(1px)scale(.94);box-shadow:inset 0 -1px #0006,0 2px 6px #0000002e}}