.chat{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;max-width:400px;height:100%;padding:25px}.bubble{position:relative;display:flex;flex-direction:column;width:fit-content;padding:12px 20px;border-radius:30px;background:#eeeeee;overflow-wrap:anywhere}.bubble:before,.bubble:after{content:"";position:absolute;bottom:0}.bubble:before{left:-12px;width:30px;height:26px;background:#eeeeee;border-radius:0 0 20px}.bubble:after{left:-15px;width:15px;height:27px;background:#00a000;border-radius:0 0 15px}.bubble--self{background:#c2d8f1;align-self:flex-end}.bubble--self:before{background:#c2d8f1;left:auto;right:-12px;border-radius:0 0 0 20px}.bubble--self:after{left:auto;right:-15px;border-radius:0 0 0 15px}.bubble__author{font-size:.8rem}.bubble__content{font-weight:500}.emoticon{width:24px;height:24px}html,body{margin:0;height:100%;background:#00a000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}#root{height:100vh}