.search-box[data-v-9cb181ac]{border-radius:6px;font-size:14px;padding:10px;width:90%}.user-list[data-v-9cb181ac]{display:flex;flex-direction:column;gap:14px;height:90vh;overflow-y:auto;position:relative}.user-connect-profile-icon-container[data-v-9cb181ac]{cursor:pointer;position:absolute;right:5px}.user-group[data-v-9cb181ac]{margin:0 auto;overflow:hidden;width:50%}.user-chat-group-member[data-v-9cb181ac],.user-group[data-v-9cb181ac]{display:flex;flex-direction:column;gap:14px}.user-chat-group-member[data-v-9cb181ac]{height:90vh;overflow:auto;position:relative}.add-chat[data-v-9cb181ac]{cursor:pointer;height:23px;position:absolute;right:0;width:23px}.user-item[data-v-9cb181ac]{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:14px;padding:10px}.user-item .avatar[data-v-9cb181ac]{cursor:pointer}.avatar[data-v-9cb181ac]{border-radius:50%;height:42px;-o-object-fit:cover;object-fit:cover;width:42px}.info[data-v-9cb181ac]{flex-direction:column;line-height:1.3}.info[data-v-9cb181ac],.name[data-v-9cb181ac]{display:flex}.name[data-v-9cb181ac]{align-items:center;gap:6px}.name-text[data-v-9cb181ac]{max-width:160px}.group-text[data-v-9cb181ac],.name-text[data-v-9cb181ac]{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-text[data-v-9cb181ac]{max-width:460px}.online-text[data-v-9cb181ac]{color:#4caf50;font-size:13px}.offline-text[data-v-9cb181ac]{color:#999;font-size:13px}.connect-chat[data-v-9cb181ac]{height:35px;margin-left:5px;width:35px}.user-tool[data-v-9cb181ac]{margin-bottom:15px;text-align:center}.new-group-chat[data-v-9cb181ac]{cursor:pointer;font-weight:700;text-decoration:underline}