.bubble{--sentColor:#1a84e5;--receiveColor:var(--color-background-tertiary);--bg:var(--color-background-default);word-wrap:break-word;border-radius:20px;width:fit-content;max-width:255px;padding:6px 12px;line-height:24px;position:relative}.bubble:before{width:20px}.bubble:after{background-color:var(--bg);width:26px}.bubble:before,.bubble:after{content:"";height:20px;position:absolute;bottom:0}.bubble.sent{background:var(--sentColor);align-self:flex-end;transform:translate(-15px)}.bubble.sent:before{background-color:var(--sentColor);border-bottom-left-radius:16px 14px;right:-7px}.bubble.sent:after{border-bottom-left-radius:10px;right:-26px}.bubble.received{background:var(--receiveColor);transform:translate(15px)}.bubble.received:before{background-color:var(--receiveColor);border-bottom-right-radius:16px 14px;left:-7px}.bubble.received:after{border-bottom-right-radius:10px;left:-26px}.bubble.attachment{background:0 0;min-width:120px;height:120px;padding:0;overflow:hidden}.bubble.attachment:after,.bubble.attachment:before{display:none}.bubble.no-tail:before,.bubble.no-tail:after{content:"";opacity:0}