.tabs[data-v-753b2646]{display:flex;justify-content:space-evenly;align-items:center;width:100%}.tab[data-v-753b2646]{display:flex;flex-direction:column;align-items:center;color:#000}.tab--active[data-v-753b2646]{color:#5c36d2}.tab--active svg[data-v-753b2646] *{fill:#5c36d2}.tab__display[data-v-753b2646]{position:relative;margin-bottom:4px}.tab__notification[data-v-753b2646]{position:absolute;top:0;right:-100%;background-color:#5c36d2;color:#fff;line-height:1;padding:.25rem .5rem;font-size:11px;border-radius:50rem}.tab__label[data-v-753b2646]{font-size:12px}.tab svg[data-v-753b2646]{color:#000;width:auto;width:24px;height:auto}.flex-between[data-v-13dc4f9e]{display:flex;flex:auto;align-items:center;justify-content:space-between}.flex-even[data-v-13dc4f9e]{display:flex;flex:auto;align-items:center;justify-content:space-evenly}.bg-white[data-v-13dc4f9e]{background-color:#fff}.text-black[data-v-13dc4f9e]{color:#000}.search-container[data-v-5644d786]{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0}.search-wrapper[data-v-5644d786]{position:relative;max-width:45em;width:100%}.search-input[data-v-5644d786]{margin:0;padding:10px 15px;border:2px solid #6c4dd8;border-radius:30px;font-size:16px;outline:none;padding-left:45px}.search-icon[data-v-5644d786]{position:absolute;top:50%;left:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6c4dd8;transform:translateY(-50%)}.search-icon svg[data-v-5644d786]{width:100%;height:100%}.new-chat__button[data-v-5644d786]{display:flex;align-items:center;padding:10px;border:none;background-color:transparent;cursor:pointer;background-image:none;color:#000;border-radius:0}.new-chat__button[data-v-5644d786]:hover{background-color:#f5f5f5}.new-chat__button span[data-v-5644d786]{margin-left:10px}.group-title[data-v-5644d786]{padding:4px 10px;background-color:#ecf0f5;color:#5c36d2;font-weight:700;width:100%}.selected-users[data-v-5644d786]{display:flex;overflow-x:auto;padding:10px;&>div[data-v-5644d786]{margin-right:10px;margin-left:10px;white-space:nowrap;color:#000}&>div[data-v-5644d786]:first-child{margin-left:0}&>div[data-v-5644d786]:last-child{margin-right:0}}.next-button[data-v-5644d786]{background-image:none;background-color:transparent;color:#6c4dd8;border:2px solid #6c4dd8;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;padding:0}.next-button svg[data-v-5644d786]{width:20px;height:20px;padding:0;margin-left:2px;margin-top:2px}.back-button[data-v-5644d786]{background-image:none;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.back-button svg[data-v-5644d786]{width:24px;height:24px;padding:0;margin-left:0;margin-top:0}.user-avatar-card[data-v-5644d786]{display:flex;align-items:center;padding:10px;color:#000;border-radius:0;&>div>span[data-v-5644d786]{margin-left:10px;color:#000;font-weight:600}&>div[data-v-5644d786]{display:flex;align-items:center}&>div:last-child>button[data-v-5644d786]{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}&>div:last-child>button svg[data-v-5644d786]{margin-top:0;margin-left:0}}.flex-between[data-v-5644d786]{display:flex;justify-content:space-between}.create-group-input[data-v-5644d786]{display:flex;align-items:center;&>span[data-v-5644d786]{margin-right:10px;font-weight:400;text-transform:uppercase;font-size:12px;margin-top:4px}&>input[data-v-5644d786]{padding:10px;border:none;font-size:16px;outline:none}}.selected-users__title[data-v-5644d786]{font-size:12px;font-weight:600;color:#6c4dd8;padding:10px 0}.selected-user__avatar[data-v-5644d786]{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.selected-user__name[data-v-5644d786]{font-weight:600}