.community-mention { color: #176ed9; font-weight: 800; text-decoration: none; }.compact-composer,.community-comment-form { position: relative; }.community-mention-suggestions { position: absolute; z-index: 5; left: 12px; right: 12px; top: 94px; overflow: hidden; border: 1px solid #c7d9ea; border-radius: 10px; background: #fff; box-shadow: 0 12px 24px rgba(26,58,94,.18); }.community-comment-form .community-mention-suggestions { top: auto; bottom: calc(100% + 5px); left: 0; right: 0; }.community-mention-suggestions[hidden] { display: none; }.community-mention-suggestions button { display: block; width: 100%; padding: 9px 11px; border: 0; border-bottom: 1px solid #edf2f7; background: #fff; color: #304b69; font: inherit; font-size: 11px; font-weight: 750; text-align: left; cursor: pointer; }.community-mention-suggestions button:hover { background: #edf6ff; color: #176ed9; }