.conversation__messages{max-height:50vh;overflow-y:scroll;padding-right:5px;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;display:flex;flex-direction:column-reverse}.conversation__messages::-webkit-scrollbar{-webkit-appearance:none}.conversation__messages::-webkit-scrollbar:vertical{width:7px}.conversation__messages::-webkit-scrollbar-thumb{background-color:#d7282f;border-radius:14px}.conversation__messages::-webkit-scrollbar-track{border-radius:10px}.conversation__meta{text-align:left}.conversation__message.is-sent .conversation__meta{text-align:right}.conversation__message .conversation__meta{font-weight:normal;opacity:.8;font-size:14px}.conversation__body{display:inline-block;padding:5px 10px;border-radius:.25rem;max-width:80%;margin-bottom:.375rem}.conversation__body p:last-child{margin-bottom:0}.conversation__message.is-sent .conversation__body{background:rgba(75,210,143,.3)}.conversation__message.is-received .conversation__body{background:rgba(0,149,255,.3)}.conversation__message{margin:10px 0}.conversation__message.is-sent{text-align:right}.conversation-thumb{display:flex;flex-direction:row;border-bottom:1px solid #eee;padding:10px;margin-left:10px;position:relative}.conversation-thumb.is-unread::before{content:"";background:#07c;width:8px;height:8px;border-radius:5px;position:absolute;top:20px;left:-5px}.conversation-thumb__avatar{margin-right:.625rem;width:3.125rem;height:3.125rem;background:#eee;border-radius:50%;text-align:center;flex:0 0 3.125rem;display:flex;align-items:center;justify-content:center}.conversation-thumb__initials{position:relative;line-height:3.125rem;font-size:1.5rem;height:100%;width:100%}.conversation-thumb__details{flex-grow:1}.conversation-thumb__details .time{font-size:14px}.conversation-thumb__name{margin-bottom:0;margin-right:.5rem;display:inline-block}.conversation-thumb.is-unread .conversation-thumb__name{color:#07c}.conversation-link:hover .conversation-thumb__name,.conversation-link:focus .conversation-thumb__name{-webkit-text-decoration:underline;text-decoration:underline}.conversation-thumb__badges{margin-bottom:.375rem;display:inline-block}.conversation-thumb__preview{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1}.conversation-link{display:block}.conversation-link,.conversation-link:hover,.conversation-link:focus{-webkit-text-decoration:none;text-decoration:none}.conversation .body{margin-bottom:.375rem}.conversation .body p:last-child{margin-bottom:0}