.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}.avatar[data-v-cd3c2fda]{width:35px;height:35px;border-radius:50%;overflow:hidden;position:relative}.image-grid[data-v-cd3c2fda]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%}.image-grid img[data-v-cd3c2fda]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-sizing:border-box;border-radius:0}.flex-between[data-v-30634a2b]{width:100%;display:flex;justify-content:space-between;align-items:center}.text-black[data-v-30634a2b]{color:#000}.channel-list-item[data-v-30634a2b]{padding:8px 0;width:100%}.channel-info[data-v-30634a2b]{border:1px solid red;display:flex;flex-direction:column;align-items:flex-end}.unread-bubble[data-v-30634a2b]{height:20px;width:20px;background:#5c36d2;color:#fff;border-radius:50%;padding:4px;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center}.last-message[data-v-30634a2b]{margin-top:4px;font-size:14px;font-weight:400}.last-message-time[data-v-30634a2b]{font-size:12px;color:#5c36d2;font-weight:400}.border[data-v-30634a2b]{border-bottom:1px solid #f0f0f0}.content[data-v-30634a2b]{display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease}.content.slided[data-v-30634a2b]{transform:translateX(-18px)}.slide-action[data-v-30634a2b]{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;width:60px;background-color:#ecf0f5;transition:opacity .3s ease;opacity:0;pointer-events:none}.slide-action.visible[data-v-30634a2b]{opacity:1;pointer-events:all}.slide-action__button[data-v-30634a2b]{background:none;border:none;cursor:pointer}.slide-action__button svg[data-v-30634a2b]{height:40px;padding:0;margin:0}.message-meta[data-v-30634a2b]{margin-top:4px;display:flex;align-items:center;gap:.5rem}.menu-button[data-v-30634a2b]{display:none}@media (min-width:768px){.menu-button[data-v-30634a2b]{display:block}.menu-button__button[data-v-30634a2b]{background:none;border:none;cursor:pointer}}.content[data-v-77eb1778],.flex-between[data-v-77eb1778]{display:flex;justify-content:space-between;align-items:center}.content[data-v-77eb1778]{transition:transform .3s ease}.content.slided[data-v-77eb1778]{transform:translateX(-18px)}.text-black[data-v-77eb1778]{color:#000}.channel-list-item[data-v-77eb1778]{width:100%;padding:8px 0;border-bottom:1px solid #f0f0f0}.channel-info[data-v-77eb1778]{display:flex;flex-direction:column;align-items:flex-end}.unread-bubble[data-v-77eb1778]{height:20px;width:20px;background:#5c36d2;color:#fff;border-radius:50%;padding:4px;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center}.last-message[data-v-77eb1778]{margin-top:4px;font-size:14px;font-weight:400}.last-message-time[data-v-77eb1778]{margin-top:4px;font-size:12px;color:#5c36d2;font-weight:400}.slide-action.visible[data-v-77eb1778]{opacity:1;pointer-events:all}.slide-action__button[data-v-77eb1778]{background:none;border:none;cursor:pointer}.slide-action__button svg[data-v-77eb1778]{height:40px;padding:0;margin:0}.menu-button[data-v-77eb1778]{display:none}@media (min-width:768px){.menu-button[data-v-77eb1778]{display:block}.menu-button__button[data-v-77eb1778]{background:none;border:none;cursor:pointer}}.modal[data-v-01a81d30]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;z-index:1000;pointer-events:none}.modal__overlay[data-v-01a81d30]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);pointer-events:auto}.modal__content[data-v-01a81d30]{position:relative;width:100%;max-width:480px;background-color:#fff;border-radius:16px 16px 0 0;padding:16px;pointer-events:auto;box-shadow:0 -4px 12px rgba(0,0,0,.1);transform:translateY(100%);transition:transform .3s ease-in-out}.modal--bottom .modal__content[data-v-01a81d30]{transform:translateY(0)}.group-modal-title[data-v-01a81d30]{display:grid;place-items:center;width:100%;margin-bottom:8px}.group-modal-title h3[data-v-01a81d30]{color:#000;font-weight:600}.group-modal-title p[data-v-01a81d30]{display:block;margin:auto;color:#6c4dd8;font-weight:500}.edit-group__button[data-v-01a81d30]{border-top:1px solid #e0e0e0;display:flex;margin:auto;margin-top:16px;padding:16px 12px 0 0;color:#000;text-align:left;text-decoration:none;align-items:center}.edit-group__button span[data-v-01a81d30]{margin-left:8px}.selected-users[data-v-01a81d30]{display:flex;overflow-x:auto;padding:10px;&>div[data-v-01a81d30]{margin-right:10px;margin-left:10px;white-space:nowrap;color:#000}&>div[data-v-01a81d30]:first-child{margin-left:0}&>div[data-v-01a81d30]:last-child{margin-right:0}}.selected-user__avatar[data-v-01a81d30]{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.selected-user__name[data-v-01a81d30]{font-weight:600}.group-options__button[data-v-01a81d30]{display:flex;margin:auto;padding:16px 12px 0 0;color:#000;text-align:left;text-decoration:none;align-items:center;background-image:none;cursor:pointer}.group-options__button svg[data-v-01a81d30]{margin:0;width:24px;height:24px}.group-options__button span[data-v-01a81d30]{margin-left:8px}.button[data-v-01a81d30]{width:100%}.channel-list__content[data-v-c27f4ea6]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}.channel-list__items p[data-v-c27f4ea6]{font-weight:600}.channel-list__items li[data-v-c27f4ea6]{margin-top:4px}.channel-list__empty[data-v-c27f4ea6]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;height:100%;padding-top:1rem}.channel-list__empty svg[data-v-c27f4ea6]{width:100%;max-width:120px;height:auto}.channel-list__empty svg[data-v-c27f4ea6] *{fill:#6c4dd8;width:100%}.channel-list__empty p[data-v-c27f4ea6]{margin-top:16px;font-size:16px;font-weight:500;text-align:center;line-height:1.5}.search-container[data-v-c27f4ea6]{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0}.search-wrapper[data-v-c27f4ea6]{position:relative;max-width:45em;width:100%}.search-input[data-v-c27f4ea6]{margin:0;padding:10px 15px;border:2px solid #6c4dd8;border-radius:30px;font-size:16px;outline:none;padding-left:45px}.search-icon[data-v-c27f4ea6]{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-c27f4ea6]{width:100%;height:100%}.flex-center[data-v-c27f4ea6]{display:flex;justify-content:center;align-items:center;flex-direction:column}.text-black[data-v-c27f4ea6]{color:#000}.button-cta[data-v-c27f4ea6]{display:block;width:100%;max-width:300px;margin:24px auto;padding:12px 24px;border-radius:30px;color:#5c36d2;font-size:16px;text-align:center;text-decoration:none}