.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}.flex-center[data-v-397d54d0]{display:flex;justify-content:center;align-items:center;flex-direction:column}.loader[data-v-397d54d0]{width:48px;height:48px;border:5px solid #5c36d2;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-397d54d0 1s linear infinite}@keyframes rotation-397d54d0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-container[data-v-f28e4f0a]{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0}.search-wrapper[data-v-f28e4f0a]{position:relative;max-width:45em;width:100%}.search-input[data-v-f28e4f0a]{margin:0;padding:10px 15px;border:2px solid #6c4dd8;border-radius:30px;font-size:16px;outline:none;padding-left:45px}.search-icon[data-v-f28e4f0a]{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-f28e4f0a]{width:100%;height:100%}.new-chat__button[data-v-f28e4f0a]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;border:none;background-color:transparent;cursor:pointer;background-image:none;color:#000;border-radius:0}.new-chat__button[data-v-f28e4f0a]:hover{background-color:#f5f5f5}.group-title[data-v-f28e4f0a]{padding:4px 10px;background-color:#ecf0f5;color:#5c36d2;font-weight:700;width:100%}.selected-users[data-v-f28e4f0a]{display:flex;overflow-x:auto;padding:10px;&>div[data-v-f28e4f0a]{margin-right:10px;margin-left:10px;white-space:nowrap;color:#000}&>div[data-v-f28e4f0a]:first-child{margin-left:0}&>div[data-v-f28e4f0a]:last-child{margin-right:0}}.next-button[data-v-f28e4f0a]{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-f28e4f0a]{width:20px;height:20px;padding:0;margin-left:2px;margin-top:2px}.back-button[data-v-f28e4f0a]{background-image:none;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.back-button svg[data-v-f28e4f0a]{width:24px;height:24px;padding:0;margin-left:0;margin-top:0}.user-avatar-card[data-v-f28e4f0a]{display:flex;align-items:center;padding:10px;color:#000;border-radius:0;&>div>span[data-v-f28e4f0a]{margin-left:10px;color:#000;font-weight:600}&>div[data-v-f28e4f0a]{display:flex;align-items:center}&>div:last-child>button[data-v-f28e4f0a]{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}&>div:last-child>button svg[data-v-f28e4f0a]{margin-top:0;margin-left:0}}.flex-between[data-v-f28e4f0a]{display:flex;justify-content:space-between}.create-group-input[data-v-f28e4f0a]{display:flex;align-items:center;&>span[data-v-f28e4f0a]{margin-right:10px;font-weight:400;text-transform:uppercase;font-size:12px;margin-top:4px}&>input[data-v-f28e4f0a]{padding:10px;border:none;font-size:16px;outline:none}}.selected-users__title[data-v-f28e4f0a]{font-size:12px;font-weight:600;color:#6c4dd8;padding:10px 0}.selected-user__avatar[data-v-f28e4f0a]{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.selected-user__name[data-v-f28e4f0a]{font-weight:600}.new-chat-button__container[data-v-f28e4f0a]{margin-left:10px;display:flex;flex-wrap:wrap;text-align:left;width:100%}.new-chat-button__avatar[data-v-f28e4f0a]{width:50px}.new-chat-button__username[data-v-f28e4f0a]{font-weight:600;display:block;margin:0;padding:0;width:100%}.new-chat-button__userid[data-v-f28e4f0a]{color:#000;font-weight:400;font-size:12px}