.mention-container[data-v-8dc9793a]{border-radius:2px;display:flex;flex-direction:column;height:200px;position:relative}.mention-container .mention-content[data-v-8dc9793a]{background-color:#fff;border:1px solid var(--border-color);flex:1;outline:none;overflow-y:auto;padding:10px}.mention-container .mention-content[data-v-8dc9793a]:empty:before{color:var(--placeholder-color);content:attr(placeholder)}.mention-container .mention-footer[data-v-8dc9793a]{align-items:center;display:flex;gap:20px;height:70px;justify-content:center}.mention-container .mention-list[data-v-8dc9793a]{background-color:#fff;border-radius:4px;box-shadow:0 0 6px 0 var(--gray-color);display:flex;flex-direction:column;max-height:300px;overflow:hidden;padding:10px;position:absolute;width:230px;z-index:99}.mention-container .mention-list .search[data-v-8dc9793a]{margin-bottom:10px}.mention-container .mention-list-content[data-v-8dc9793a]{overflow-y:auto}.mention-container .mention-list-content>span[data-v-8dc9793a]{color:var(--gray-color);display:inline-block;margin-bottom:10px}.mention-container .mention-list-content>span[data-v-8dc9793a]:not(:first-child){margin-top:10px}.mention-container .mention-list-content-item[data-v-8dc9793a]{align-items:center;cursor:pointer;display:flex;gap:4px}.mention-container .mention-list-content-item[data-v-8dc9793a] .user-img_header{height:30px;width:30px}.mention-container .mention-list-content-item+.mention-container .mention-list-content-item[data-v-8dc9793a]{margin-top:10px}.mention-container .mention-list-content-item>span[data-v-8dc9793a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.mention-container .mention-list-content-item[data-v-8dc9793a]:not(:last-child){margin-bottom:10px}.mention-container .mention-list .noData[data-v-8dc9793a]{color:var(--gray-color);text-align:center}.mention-shadow[data-v-8dc9793a]{left:0;position:absolute;top:0;width:100%}