.mention{background:var(--ik-fill);color:var(--ik-text);font-weight:var(--ay-weight-semibold);box-shadow:inset 0 0 0 var(--ik-hair) var(--ik-outline);cursor:pointer;white-space:normal;transition:background var(--ik-quick);border:0;margin:0 1px;padding:0 7px 1px;text-decoration:none;display:inline}.mention:hover{background:var(--ik-fill-2,var(--ik-fill))}.mention.mention--contact,.prose .mention.mention--contact,.tt .mention.mention--contact{border-radius:var(--ik-r-pill,999px)}.mention.mention--company,.prose .mention.mention--company,.tt .mention.mention--company{border-radius:var(--ik-r-xs,4px)}.tt .mention[data-selected=true],.tt .mention.ProseMirror-selectednode{outline:2px solid var(--ik-text);outline-offset:1px}.bubble .mention{background:var(--ik-fill)}.mn-pop{min-width:280px}.pop.mn-pop{z-index:calc(var(--ay-z-lightbox) + 20)}.mn-ic{box-shadow:none;background:0 0}.mn-av{background:var(--ik-surface);width:28px;height:28px;color:var(--ik-text);font:var(--ay-weight-bold) var(--ay-fs-caps)/1 var(--ik-font-display);box-shadow:inset 0 0 0 var(--ik-hair) var(--ik-outline);border-radius:50%;place-items:center;display:grid}.mn-av--co{border-radius:var(--ik-r-sm,8px)}.mn-add .pop__t{font-weight:var(--ay-weight-semibold)}.mn-add .pop__ic{box-shadow:inset 0 0 0 var(--ik-hair) var(--ik-outline)}.mn-pop .pop__t,.mn-pop .pop__s{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mn-foot{gap:var(--ay-s5);padding:7px var(--ay-s4) 3px;margin-top:var(--ay-s2);font:var(--ay-weight-medium) var(--ay-fs-caps)/1 var(--ik-font-body);color:var(--ik-text-2);box-shadow:inset 0 1px 0 var(--ik-rule);display:flex}@media (hover:none){.mn-foot{display:none}}@media (max-width:860px){.mn-pop{width:min(340px,100vw - 16px);min-width:0}}:root[data-depth=raised] .mention{background:var(--sx-well);box-shadow:var(--sx-recess)}:root[data-depth=raised] .mention:hover{filter:brightness(1.15)}:root[data-depth=raised] .mn-av,:root[data-depth=raised] .mn-add .pop__ic{background:var(--sx-well);box-shadow:var(--sx-recess)}:root[data-depth=raised] .mn-foot{box-shadow:inset 0 1px 0 var(--ik-outline)}:root[data-light=bloom] .tt .mention[data-selected=true],:root[data-light=bloom] .tt .mention.ProseMirror-selectednode{box-shadow:var(--sx-recess), var(--sx-bloom-sm)}.mt-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--ik-outline);text-decoration-color:var(--ik-outline);text-underline-offset:3px}.mt-link:hover{-webkit-text-decoration-color:var(--ik-text);text-decoration-color:var(--ik-text)}