@keyframes opacity-ba54c3a1{0%{opacity:0}to{opacity:1}}.chat-thumbnail[data-v-ba54c3a1]{align-items:center;background-color:#303030;border:1px solid transparent;border-radius:5px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:.2s ease}@media (hover:hover){.chat-thumbnail[data-v-ba54c3a1]:hover{border:1px solid #606060}}.chat-thumbnail .chat-thumbnail__img[data-v-ba54c3a1]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.chat-thumbnail .chat-thumbnail__details .details__name[data-v-ba54c3a1]{font-weight:700}.chat-thumbnail .chat-thumbnail__details .details__name[data-v-ba54c3a1]:first-letter{color:gold}.chat-thumbnail .chat-thumbnail__details .details__last-message[data-v-ba54c3a1]{color:gray;width:100%}.chat-thumbnail .chat-thumbnail__details .details__last-message .last-message__text[data-v-ba54c3a1]{flex:1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thumbnail.chat-thumbnail--active[data-v-ba54c3a1]{background-color:#606060;border:1px solid #606060;pointer-events:none}.chat-thumbnail.chat-thumbnail--active .chat-thumbnail__details .details__last-message[data-v-ba54c3a1]{color:#d3d3d3}@keyframes opacity-82185ae0{0%{opacity:0}to{opacity:1}}.page-chats-chat-id[data-v-82185ae0]{display:flex;gap:10px;height:100%;width:auto}.page-chats-chat-id .page-chats-chat-id__chats[data-v-82185ae0]{border:1px solid #404040;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;width:400px}@media (width <= 720px){.page-chats-chat-id .page-chats-chat-id__chats[data-v-82185ae0]{flex:1}}.page-chats-chat-id .page-chats-chat-id__chats .chats__header[data-v-82185ae0]{align-items:center;background:#303030;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:20px}.page-chats-chat-id .page-chats-chat-id__chats .chats__header .header__title[data-v-82185ae0]{font-size:1.5rem}.page-chats-chat-id .page-chats-chat-id__chats .chats__header .header__title[data-v-82185ae0]:first-letter{color:gold}.page-chats-chat-id .page-chats-chat-id__chats .chats__header .header__write[data-v-82185ae0]{align-items:center;background-color:#404040;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.page-chats-chat-id .page-chats-chat-id__chats .chats__header .header__write .write__icon[data-v-82185ae0]{cursor:pointer;font-size:16px;transition:.2s ease}@media (hover:hover){.page-chats-chat-id .page-chats-chat-id__chats .chats__header .header__write .write__icon[data-v-82185ae0]:hover{color:gold}}.page-chats-chat-id .page-chats-chat-id__chats .chats__content[data-v-82185ae0]{display:flex;flex:1;flex-direction:column;gap:10px;overflow:auto;padding:10px}.page-chats-chat-id .page-chats-chat-id__chat[data-v-82185ae0]{align-items:center;border:1px solid #606060;border-radius:10px;display:flex;flex:1;justify-content:center}