.hh-hint{border:1px solid var(--water);min-width:0;max-width:470px;height:38px;color:var(--ink);font:500 13px var(--ui);white-space:nowrap;animation:hh-in .28s var(--ease);background:#eef5f7;border-radius:18px;flex:0 auto;align-items:center;gap:8px;padding:0 2px 0 10px;display:inline-flex;overflow:hidden}.hh-hint[hidden]{display:none}.hh-hint>svg{fill:none;width:17px;height:17px;stroke:var(--water);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.hh-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.hh-acts{flex:none;gap:4px;display:inline-flex}.hh-btn{border:1px solid var(--rule-2);background:var(--raised);min-height:32px;color:var(--ink);font:600 12.5px var(--ui);cursor:pointer;white-space:nowrap;border-radius:15px;padding:0 10px}.hh-btn:hover{border-color:var(--ink)}.hh-btn.is-primary{border-color:var(--ochre);background:var(--gold)}.hh-btn.is-primary:hover{background:#f4c66a}.hh-x{width:32px;height:32px;color:var(--ink-2);font:500 17px/1 var(--ui);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none}.hh-x:hover{color:var(--ink);background:#0f2a2f14}.hh-hint :focus-visible{outline:2px solid var(--ochre);outline-offset:1px}.hh-hint.is-tight .hh-text{display:none}@keyframes hh-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hh-hint{animation:none}}@media (max-width:1020px){.hh-hint{display:none}}