.chatitem[data-v-4aeb0cc3]{position:relative;display:flex;flex-direction:column;gap:.4rem;background-color:transparent;padding:1.2rem 1.2rem 1.2rem 2.4rem;color:var(--color-light);cursor:pointer;border-radius:.4rem}.chatitem.router-link-active[data-v-4aeb0cc3]{background-color:var(--color-primary)}.chatitem[data-v-4aeb0cc3]:hover{background-color:var(--color-primary-80);text-decoration:none}.chatitem[data-v-4aeb0cc3]:active{outline:1px solid var(--color-primary-70)}.chatitem--unread[data-v-4aeb0cc3]:before{content:"";background-color:var(--color-light);position:absolute;top:1.6rem;left:1.2rem;width:8px;height:8px;border-radius:5px}.chatitem__header[data-v-4aeb0cc3]{display:flex;justify-content:space-between;gap:12px}.chatitem__title[data-v-4aeb0cc3]{font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.chatitem__date[data-v-4aeb0cc3]{text-align:right;color:var(--color-background-60)}.chatitem__subtitle[data-v-4aeb0cc3]{color:var(--color-light);font-size:1.2rem;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chatitem--in-communication-tab[data-v-4aeb0cc3]{width:100%;color:var(--color-dark-80)}.chatitem--in-communication-tab[data-v-4aeb0cc3]:hover{background-color:var(--color-primary-5);text-decoration:none}.chatitem--in-communication-tab .chatitem__subtitle[data-v-4aeb0cc3]{color:var(--color-dark-80)}.chatitem--in-communication-tab.chatitem--unread[data-v-4aeb0cc3]:before{background-color:var(--color-primary)}.chatitem--in-communication-tab.router-link-active[data-v-4aeb0cc3]{background-color:transparent}.chatitem--in-communication-tab.router-link-active--custom[data-v-4aeb0cc3]{background-color:var(--color-primary-20)}.chat-list[data-v-edacec16]{display:flex;flex-direction:column;gap:2.4rem;min-width:27.2rem}.chat-list__items[data-v-edacec16]{display:flex;flex-direction:column;gap:.4rem}.chat-list--in-communication-tab[data-v-edacec16]{padding:1.2rem;border-radius:.4rem;background:var(--color-primary-10);width:272px}.chat-list--in-communication-tab[data-v-edacec16] h3{color:var(--color-primary)}