.chat-page{box-sizing:border-box;border:1px solid #0000001f;border-radius:8px;grid-template-columns:minmax(260px,340px) minmax(0,1fr);block-size:calc(100vh - 48px);min-block-size:0;display:grid;overflow:hidden}.chat-page--single{grid-template-columns:minmax(0,1fr)}.chat-page--embedded{block-size:100%;min-block-size:0}.chat-page__sidebar{border-inline-end:1px solid;border-color:#0000001f;flex-direction:column;min-inline-size:0;display:flex}.chat-page__main{flex-direction:column;min-inline-size:0;display:flex}.chat-page__sidebar-header,.chat-page__main-header{box-sizing:border-box;background:#fff;align-items:center;min-block-size:73px;padding-block:12px;padding-inline:16px;display:flex}.chat-page__search-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;inline-size:100%;display:grid}.chat-page__messages{background:#e2e5ef;flex:1;min-block-size:0;position:relative}button.MuiIconButton-root.chat-page__latest-button{z-index:2;background:#fff;position:absolute;inset-block-end:16px;inset-inline-end:18px;box-shadow:0 2px 8px #0b141a33}button.MuiIconButton-root.chat-page__latest-button:hover{background:#f5f5f5}.chat-page__date-row{justify-content:center;padding-block:8px;padding-inline:16px;display:flex}.chat-page__date-pill{color:#111b21b8;text-align:center;background:#ffffffdb;border-radius:8px;padding-block:5px;padding-inline:12px;font-size:.75rem;font-weight:500;line-height:1.4;box-shadow:0 1px 1px #0b141a14}.chat-page__unread-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding-block:10px;padding-inline:16px;display:grid}.chat-page__unread-line{background:#111b212e;block-size:1px}.chat-page__unread-pill{color:#54656f;text-align:center;background:#fff;border-radius:8px;padding-block:5px;padding-inline:12px;font-size:.75rem;font-weight:700;line-height:1.4;box-shadow:0 1px 1px #0b141a14}.chat-page__bubble-row{align-items:center;gap:6px;padding-block:4px;padding-inline:16px;display:flex}.chat-page__bubble-row--mine{justify-content:flex-end}.chat-page__bubble{white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;border-radius:8px;max-inline-size:min(72%,680px);padding-block:8px;padding-inline:12px;box-shadow:0 1px 1px #0b141a21}.chat-page__message-menu-button{color:#111b218a;flex:none;block-size:32px;inline-size:32px}.chat-page__action-menu{min-inline-size:132px}.chat-page__action-menu-item{gap:6px;min-block-size:32px;padding-block:3px;padding-inline:10px 14px}.chat-page__action-menu-item .MuiListItemIcon-root{color:#111b21ad;min-inline-size:22px}.chat-page__action-menu-item .MuiListItemText-primary{font-size:.8125rem;line-height:1.25}.chat-page__action-menu-icon{font-size:1.125rem}.chat-page__reply-preview{color:inherit;cursor:pointer;font:inherit;text-align:start;background:#111b210f;border:0;border-inline-start:3px solid #da5c57;border-radius:6px;gap:2px;inline-size:100%;padding-block:6px;padding-inline:8px;display:grid}.chat-page__reply-preview:hover{background:#111b211a}.chat-page__reply-sender,.chat-page__reply-label{color:#98403c;font-weight:700}.chat-page__reply-text{color:#111b21b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-page__bubble--mine{color:#111b21;background:#fdd5d3}.chat-page__bubble--other{color:#111b21;background:#fff}.chat-page__bubble-meta{color:#111b219e}.chat-page__bubble-time{color:#111b219e;align-self:flex-end;margin-block-start:2px;margin-inline-start:16px;font-size:.6875rem;line-height:1}.chat-page__composer{border-block-start:1px solid;border-color:#0000001f;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:12px;display:grid}.chat-page__composer--dragging{background:#06cf9c14;box-shadow:inset 0 0 0 2px #06cf9c6b}.chat-page__composer-reply{background:#f0f2f5;border-inline-start:3px solid #da5c57;border-radius:6px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-block:8px;padding-inline:10px;display:grid}.chat-page__composer-reply-content{gap:2px;min-inline-size:0;display:grid}.chat-page__pending-attachments{grid-column:1/-1;gap:8px;display:grid}.chat-page__pending-attachment{background:#fff;border:1px solid #0000001f;border-radius:6px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:8px;padding-inline:10px;display:grid}.chat-page__pending-attachment-preview{color:#111b219e;background:#f0f2f5;border-radius:6px;place-items:center;block-size:48px;inline-size:48px;display:grid;overflow:hidden}.chat-page__pending-attachment-preview img{object-fit:cover;block-size:100%;inline-size:100%}.chat-page__pending-attachment-info{gap:2px;min-inline-size:0;display:grid}.chat-page__pending-attachment-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-page__composer-field{gap:2px;min-inline-size:0;display:grid}.chat-page__composer-footer{justify-content:space-between;align-items:center;gap:8px;min-inline-size:0;display:flex}.chat-page__composer-action{align-self:start;align-items:center;block-size:40px;display:flex}.chat-page__composer-upload-limit,.chat-page__composer-counter{color:#111b219e;line-height:1.2}.chat-page__composer-upload-limit{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.chat-page__composer-counter{text-align:end;flex:none}@media (width<=900px){.chat-page{grid-template-columns:1fr;block-size:calc(100vh - 68px);min-block-size:0}.chat-page--embedded{block-size:100%}.chat-page__sidebar{display:none}}.test-css-theme{margin-top:16px}.logo{background-image:url(https://placehold.co/200x100?text=Custom+logo);width:200px;height:100px;margin-bottom:16px}