._chat-layout_1ngw4_1{grid-template-columns:384px minmax(0,1fr);width:100%;height:851px;display:grid}._chat-layout--without-sidebar_1ngw4_7{grid-template-columns:minmax(0,1fr)}._chat-layout__sidebar_1ngw4_10{box-sizing:border-box;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;overflow-y:auto}._chat-layout__panel_1ngw4_18{box-sizing:border-box;background-color:#fafafa;border:1px solid #eee;flex-direction:column;min-width:0;display:flex}._room-list__item_1ngw4_27{box-sizing:border-box;background:#fff;align-items:center;gap:12px;width:100%;padding:18px 24px;display:flex}._room-list__item_1ngw4_27:hover{background:#eee}._room-list__item--active_1ngw4_39{background:#f5f5f5}._room-list__avatar_1ngw4_42{background:#fafafa;border:1px solid #eee;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}._room-list__avatar_1ngw4_42 svg{width:32px;height:32px}._room-list__content_1ngw4_58{flex-direction:column;flex:1;min-width:0;display:flex}._room-list__header_1ngw4_64,._room-list__preview-row_1ngw4_64{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}._room-list__title_1ngw4_71{color:#000;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;line-height:160%;overflow:hidden}._room-list__time_1ngw4_81{color:#727272;flex-shrink:0;font-size:12px;line-height:160%}._room-list__preview_1ngw4_64{color:#727272;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;line-height:160%;overflow:hidden}._room-list__unread-count_1ngw4_97{box-sizing:border-box;color:#fff;background:#175c8e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:160%;display:flex}._room-list__empty_1ngw4_113{text-align:center;color:#727272;width:100%;margin-top:48px;font-size:16px;font-weight:500;line-height:160%}._message-list__date_1ngw4_123{justify-content:center;padding:16px 24px;display:flex}._message-list__date-label_1ngw4_128{color:#10477a;background:#eee;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:500;line-height:160%}@media screen and (width<=576px){._message-list__date-label_1ngw4_128{color:#4b4b4b}}._message-list__item_1ngw4_142{gap:8px;padding:8px 24px;display:flex}._message-list__item--mine_1ngw4_147{justify-content:flex-end;align-items:flex-end}._message-list__item--other_1ngw4_151{flex-direction:column;align-items:flex-start}._message-list__item--consecutive_1ngw4_155{gap:0;padding-top:0}._message-list__sender_1ngw4_159{align-items:center;gap:8px;display:flex}._message-list__sender-name_1ngw4_164{color:#4b4b4b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:160%;overflow:hidden}._message-list__row_1ngw4_172{align-items:flex-end;gap:8px;display:flex}._message-list__bubble_1ngw4_177{color:#000;white-space:pre-wrap;overflow-wrap:break-word;border-radius:8px;max-width:360px;padding:8px 12px;font-size:14px;line-height:160%;display:block}._message-list__bubble--mine_1ngw4_188{background:#f5f5f5cc}._message-list__bubble--other_1ngw4_191{background:#f1f8ff}._message-list__image-bubble_1ngw4_194{border-radius:8px;max-width:360px;display:flex;overflow:hidden}._message-list__image_1ngw4_194{object-fit:contain;border-radius:8px;width:300px;max-width:100%;height:auto}._message-list__meta_1ngw4_207{white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex}._message-list__meta--mine_1ngw4_214{align-items:flex-end}._message-list__unread-count_1ngw4_217{color:#1f1f1f;font-size:12px;line-height:160%}._message-list__time_1ngw4_222{color:#727272;font-size:12px;line-height:160%}._message-input_1ngw4_228{box-sizing:border-box;background-color:#f5f5f5;border-top:1px solid #eee;flex-shrink:0;align-items:center;gap:24px;width:100%;min-height:80px;padding:16px 12px;display:flex}._message-input__image-button_1ngw4_240,._message-input__send-button_1ngw4_240{cursor:pointer;background-color:#e4f2ff;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}._message-input__image-button_1ngw4_240 svg path,._message-input__send-button_1ngw4_240 svg path{fill:#10477a}@media screen and (width<=576px){._message-input__image-button_1ngw4_240,._message-input__send-button_1ngw4_240{background-color:#fff}._message-input__image-button_1ngw4_240 svg path,._message-input__send-button_1ngw4_240 svg path{fill:#980ac9}}._message-input__image-button_1ngw4_240:disabled,._message-input__send-button_1ngw4_240:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media screen and (width<=576px){._message-input__image-button_1ngw4_240:disabled,._message-input__send-button_1ngw4_240:disabled{opacity:.4;cursor:default;pointer-events:auto}}._message-input__image-button_1ngw4_240 svg path{stroke:#10477a}@media screen and (width<=576px){._message-input__image-button_1ngw4_240 svg path{stroke:#980ac9}}._message-input__file_1ngw4_284{display:none}._message-input__textarea_1ngw4_287{box-sizing:border-box;color:#000;resize:none;background-color:#fff;border:none;border-radius:12px;outline:none;flex:1;width:100%;min-width:0;min-height:45px;max-height:144px;padding:8px 16px;font-family:inherit;font-size:18px;font-style:normal;font-weight:400;line-height:160%;overflow-y:auto}._message-input__textarea_1ngw4_287:focus-visible{outline-offset:2px;outline:2px solid #175c8e}._message-input__textarea_1ngw4_287::placeholder{color:#727272}._message-input__textarea_1ngw4_287:disabled{background-color:#eee}._message-input__send-button_1ngw4_240 svg{width:21px;height:18px}