.dark-mode[data-v-486d6e9a],.light-mode[data-v-486d6e9a]{--base-bg:#f5f5f5;--content-bg:#fff;--element-hover-bg:#f8faff;--element-border-color:#e8eaeb;--color:#363b44}.chat-item[data-v-486d6e9a]{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:15px;position:relative;text-decoration:none}.chat-item[data-v-486d6e9a]:hover{background:#f8f8f8;cursor:pointer}.chat-item[data-v-486d6e9a]:after{background:#f8f8fd;border-radius:2px;bottom:0;content:"";display:block;height:1px;left:15px;position:absolute;width:240px}.chat-item img[data-v-486d6e9a]{border-radius:50%;height:44px;min-width:44px;-o-object-fit:cover;object-fit:cover}.chat-item .online[data-v-486d6e9a]{background:#44bd32;border-radius:15px;bottom:8px;color:#fff;font-size:10px;left:15px;padding:0 5px 2px;position:absolute}.chat-item .info[data-v-486d6e9a]{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:7px}.chat-item .info .title[data-v-486d6e9a]{color:#343944;font-family:Jost;font-weight:500;max-width:150px}.chat-item .info .lastMessage[data-v-486d6e9a],.chat-item .info .title[data-v-486d6e9a]{font-size:13px;font-style:normal;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item .info .lastMessage[data-v-486d6e9a]{color:#aeb4bf;font-family:Roboto,sans-serif;font-weight:400;max-width:200px}.chat-item .info span[data-v-486d6e9a]{color:#aeb4bf;font-family:Jost,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:normal;position:absolute;right:15px;text-align:right;top:17px}.dark-mode[data-v-6b474d5f],.light-mode[data-v-6b474d5f]{--base-bg:#f5f5f5;--content-bg:#fff;--element-hover-bg:#f8faff;--element-border-color:#e8eaeb;--color:#363b44}.list[data-v-6b474d5f]{background:#fff;border-left:1px solid #f8f8fd;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;height:100vh;min-width:270px;overflow-x:hidden;overflow-y:auto;z-index:1}.categorys[data-v-6b474d5f]{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.categorys .category[data-v-6b474d5f]{align-items:center;background:#fafafa;border-radius:10px 10px 0 0;display:flex;flex-direction:column;font-size:12px;height:40px;justify-content:center;padding:0 20px;text-transform:uppercase}.categorys .category[data-v-6b474d5f]:hover{background:#323232;color:#fff;cursor:pointer;opacity:.7}.categorys .category.active[data-v-6b474d5f]{background:#323232!important;color:#fff}.dark-mode[data-v-9254307a],.light-mode[data-v-9254307a]{--base-bg:#f5f5f5;--content-bg:#fff;--element-hover-bg:#f8faff;--element-border-color:#e8eaeb;--color:#363b44}.main[data-v-9254307a]{background:var(--base-bg);display:flex;flex-direction:column;height:100vh}.main .content[data-v-9254307a]{align-self:end;max-height:calc(100vh - 106px);min-height:50vh;width:calc(100% - 75px)}