.gestik-shortcut-hint{--gestik-shortcut-hint-duration:2.4s;--gestik-shortcut-hint-iterations:infinite;--gestik-shortcut-hint-play-state:running;vertical-align:middle;pointer-events:none;display:inline-block;position:relative}.gestik-shortcut-hint__stage{transform-origin:0 0;justify-content:center;align-items:center;height:72px;display:flex;position:absolute;top:0;left:0}.gestik-shortcut-hint__keystroke{align-items:center;display:flex}.gestik-shortcut-hint__separator{width:16px;color:var(--gestik-shortcut-hint-color,inherit);text-align:center;opacity:.45;font:14px/1 ui-sans-serif,system-ui,sans-serif}.gestik-shortcut-hint__keycap{box-sizing:border-box;border:2px solid var(--gestik-shortcut-hint-color,currentColor);background:var(--gestik-shortcut-hint-surface,#fff);height:36px;box-shadow:0 4px 0 var(--gestik-shortcut-hint-color,currentColor);color:var(--gestik-shortcut-hint-color,inherit);animation:gestik-shortcut-hint-press var(--gestik-shortcut-hint-duration) var(--gestik-shortcut-hint-iterations) both;animation-timing-function:linear(0 0% var(--gestik-shortcut-hint-press-start), 1 var(--gestik-shortcut-hint-press-end) 56%, 0 64% 100%);animation-play-state:var(--gestik-shortcut-hint-play-state);border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 6px;font:500 16px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.gestik-shortcut-hint__icon{width:20px;height:20px;display:block}.gestik-shortcut-hint__icon>svg{width:100%;height:100%;display:block}@keyframes gestik-shortcut-hint-press{0%{box-shadow:0 4px 0 var(--gestik-shortcut-hint-color,currentColor);transform:translateY(0)}to{box-shadow:0 1px 0 var(--gestik-shortcut-hint-color,currentColor);transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.gestik-shortcut-hint__keycap{animation:none}}