.ProjectNavigationHint-module__T_MuqW__hint{--hint-text:#272d29;--hint-outline:#707a73;--hint-muted:#677169;--hint-key-fill:#414a44;--hint-key-pressed:#202923;--hint-key-text:#fff;--hint-key-edge:#1b231e;right:calc(max(40px, env(safe-area-inset-right)) + 72px);bottom:max(40px, env(safe-area-inset-bottom));z-index:1100;width:208px;color:var(--hint-text);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;flex-direction:column;align-items:center;gap:16px;font-family:inherit;transition:opacity .2s;display:none;position:fixed}.ProjectNavigationHint-module__T_MuqW__hint[data-state=leaving]{opacity:0}.ProjectNavigationHint-module__T_MuqW__replacement{flex-direction:column;align-items:center;display:flex;position:relative}.ProjectNavigationHint-module__T_MuqW__replacement .ProjectNavigationHint-module__T_MuqW__hint{z-index:1;position:absolute;bottom:0;left:50%;right:auto;transform:translate(-50%)}.ProjectNavigationHint-module__T_MuqW__fallback{opacity:1;flex-direction:column;align-items:center;gap:8px;transition:opacity .2s;display:flex}.ProjectNavigationHint-module__T_MuqW__keys{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);gap:7px;display:grid}.ProjectNavigationHint-module__T_MuqW__key{border:1px solid var(--hint-outline);width:48px;height:48px;color:var(--hint-muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;font-family:inherit;font-size:26px;font-weight:500;line-height:1;display:flex}.ProjectNavigationHint-module__T_MuqW__up,.ProjectNavigationHint-module__T_MuqW__down{border-color:var(--hint-key-fill);color:var(--hint-key-text);background:var(--hint-key-fill);box-shadow:0 4px 0 var(--hint-key-edge);animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:4}.ProjectNavigationHint-module__T_MuqW__up{grid-area:1/2;animation-name:ProjectNavigationHint-module__T_MuqW__pressUp}.ProjectNavigationHint-module__T_MuqW__left{grid-area:2/1}.ProjectNavigationHint-module__T_MuqW__down{grid-area:2/2;animation-name:ProjectNavigationHint-module__T_MuqW__pressDown}.ProjectNavigationHint-module__T_MuqW__right{grid-area:2/3}.ProjectNavigationHint-module__T_MuqW__copy{color:inherit;text-align:center;margin:0;font-size:14px;font-weight:500;line-height:1.4}.dark .ProjectNavigationHint-module__T_MuqW__hint{--hint-text:#e6ece7;--hint-outline:#89978d;--hint-muted:#b2beb5;--hint-key-fill:#d7e0d9;--hint-key-pressed:#aebfb3;--hint-key-text:#17241b;--hint-key-edge:#819688}@media (min-width:1024px) and (pointer:fine){.ProjectNavigationHint-module__T_MuqW__hint{display:flex}.ProjectNavigationHint-module__T_MuqW__replacement[data-state=pending] .ProjectNavigationHint-module__T_MuqW__fallback,.ProjectNavigationHint-module__T_MuqW__replacement[data-state=visible] .ProjectNavigationHint-module__T_MuqW__fallback{opacity:0}}@keyframes ProjectNavigationHint-module__T_MuqW__pressUp{0%,40%{background:var(--hint-key-pressed);box-shadow:0 1px 0 var(--hint-key-edge);transform:translateY(3px)}50%,to{background:var(--hint-key-fill);box-shadow:0 4px 0 var(--hint-key-edge);transform:translateY(0)}}@keyframes ProjectNavigationHint-module__T_MuqW__pressDown{0%,40%,to{background:var(--hint-key-fill);box-shadow:0 4px 0 var(--hint-key-edge);transform:translateY(0)}50%,90%{background:var(--hint-key-pressed);box-shadow:0 1px 0 var(--hint-key-edge);transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.ProjectNavigationHint-module__T_MuqW__hint,.ProjectNavigationHint-module__T_MuqW__fallback{transition:none}.ProjectNavigationHint-module__T_MuqW__up,.ProjectNavigationHint-module__T_MuqW__down{animation:none}}:is(html.a11y-reduce-motion .ProjectNavigationHint-module__T_MuqW__hint,html.a11y-reduce-motion .ProjectNavigationHint-module__T_MuqW__fallback){transition:none}:is(html.a11y-reduce-motion .ProjectNavigationHint-module__T_MuqW__up,html.a11y-reduce-motion .ProjectNavigationHint-module__T_MuqW__down){animation:none}