.messages-drawer.open{box-shadow:-100vw 0 0 100vw rgba(9,28,22,.28),-28px 0 75px rgba(8,31,24,.2)}
.messages-drawer .message-layout{grid-template-columns:286px minmax(0,1fr)}
.messages-drawer .people-list{scrollbar-width:thin;scrollbar-color:#aeb8b2 transparent}
.messages-drawer .chat-messages{padding:24px 34px 20px;scrollbar-width:thin;scrollbar-color:#9baaa2 transparent;scrollbar-gutter:stable;overflow-anchor:none}
.conversation-suggested-label{margin-top:24px!important;padding-top:16px;border-top:1px solid var(--line)}
.person-row{min-height:76px}
.person-row.suggested{min-height:69px;background:#faf9f5}
.person-row>div{padding-right:38px}
.person-row .conversation-preview{display:block;max-width:175px;color:#66736d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-row time{white-space:nowrap}
.conversation-unread{position:absolute;right:13px;bottom:14px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:10px;background:var(--green);color:white;font-size:8px}
.message-line{margin:8px 0}
.message-line.mine+.message-line.mine,.message-line:not(.mine)+.message-line:not(.mine){margin-top:-4px}
.message-line.mine+.message-line.mine .message-bubble{border-top-right-radius:5px}
.message-line:not(.mine)+.message-line:not(.mine) .message-bubble{border-top-left-radius:5px}
.message-bubble:has(.message-image){padding:6px;max-width:292px!important}
.message-image{margin:0!important;border-radius:9px;overflow:hidden}
.message-image img{display:block;width:280px!important;max-width:100%;height:auto;max-height:310px!important;object-fit:cover;border-radius:8px!important}
.message-bubble:has(.message-image) footer{padding:1px 5px 0}
.message-bubble:has(.message-image) .message-text{padding:5px 6px 2px}
.chat-header{padding-right:25px}
@media(max-width:800px){.messages-drawer{width:100vw}.messages-drawer .message-layout{grid-template-columns:minmax(0,1fr)}.messages-drawer .chat-messages{padding:16px 10px}.message-image img{width:220px!important;max-height:260px!important}.person-row .conversation-preview,.person-row em,.person-row time,.conversation-unread{display:block!important}}