.group-member-bar[data-v-1d38d49c]{display:flex;position:relative;padding:0 15px;align-items:center;white-space:nowrap;box-sizing:border-box;border-radius:5px;margin:0 1px;cursor:pointer}.group-member-bar[data-v-1d38d49c]:hover{background-color:var(--im-background-active)}.group-member-bar.active[data-v-1d38d49c]{background-color:var(--im-background-active-dark)}.group-member-bar .name[data-v-1d38d49c]{display:flex;align-items:center;flex:1;height:100%;padding:10px;box-sizing:border-box;overflow:hidden}.group-member-bar .name .name-text[data-v-1d38d49c]{text-align:left;font-size:var(--im-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-group-member[data-v-33bf29d7]{display:flex}.add-group-member .left-box[data-v-33bf29d7]{flex:1;overflow:hidden;border:var(--im-border)}.add-group-member .left-box .checkbox[data-v-33bf29d7]{margin-right:10px}.add-group-member .arrow[data-v-33bf29d7]{display:flex;align-items:center;font-size:18px;padding:10px;color:var(--im-color-primary)}.add-group-member .right-box[data-v-33bf29d7]{flex:1;border:var(--im-border)}.add-group-member .right-box .tip[data-v-33bf29d7]{text-align:left;height:32px;line-height:32px;text-indent:10px;color:var(--im-text-color-light)}.group-member-card[data-v-5d51ff24]{display:flex;flex-direction:column;align-items:center;width:54px;transition:all .3s ease}.group-member-card[data-v-5d51ff24]:hover{transform:translateY(-2px)}.group-member-card .name[data-v-5d51ff24]{font-size:12px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-member-selector[data-v-2ed4c206]{display:flex}.group-member-selector .scroll-box[data-v-2ed4c206]{height:400px}.group-member-selector .left-box[data-v-2ed4c206]{width:48%;overflow:hidden;border:var(--im-border)}.group-member-selector .arrow[data-v-2ed4c206]{display:flex;align-items:center;font-size:20px;padding:10px;color:var(--im-color-primary)}.group-member-selector .right-box[data-v-2ed4c206]{width:48%;border:var(--im-border)}.group-member-selector .right-box .tip[data-v-2ed4c206]{text-align:left;height:32px;line-height:32px;text-indent:10px;color:var(--im-text-color-light)}.group-member-selector .right-box .member-items[data-v-2ed4c206]{padding:10px;display:flex;flex-direction:row;flex-wrap:wrap}.group-member-selector .right-box .member-items .member-item[data-v-2ed4c206]{padding:2px}