.morph-tip{z-index:9999;box-sizing:border-box;height:28px;width:var(--morph-w,auto);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;transform:translate(var(--morph-x,0), var(--morph-y,0)) translate(-50%, -100%) scale(.7);transform-origin:bottom;opacity:0;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;line-height:1;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .18s cubic-bezier(.32,.72,0,1),width .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 1px 2px #00000014,0 4px 16px #0000001f}.morph-tip.is-visible{transform:translate(var(--morph-x,0), var(--morph-y,0)) translate(-50%, -100%) scale(1);opacity:1}.morph-tip.is-suppressed{transition:none}.morph-tip--below{transform:translate(var(--morph-x,0), var(--morph-y,0)) translate(-50%, 0) scale(.7);transform-origin:top}.morph-tip--below.is-visible{transform:translate(var(--morph-x,0), var(--morph-y,0)) translate(-50%, 0) scale(1)}.morph-tip__text{white-space:nowrap;display:block}@media (prefers-reduced-motion:reduce){.morph-tip{transition:opacity .12s}.morph-tip.is-visible{transform:translate(var(--morph-x,0), var(--morph-y,0)) translate(-50%, -100%)}.morph-tip--below.is-visible{transform:translate(var(--morph-x,0), var(--morph-y,0)) translate(-50%, 0)}}