.chat-container{height:65vh!important;overflow:scroll;display:flex;flex-direction:column}.chat-l{--r:25px;--t:30px;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% /calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 /var(--r) var(--r) space padding-box;color:#333;--_d:0%;border-left:var(--t) solid #0000;margin-right:var(--t);place-self:start}.chat-l,.chat-r{max-width:calc(100% - 300px);min-width:200px}.chat-r{--r:25px;--t:30px;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% /calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 /var(--r) var(--r) space padding-box;color:#fff;--_d:100%;border-right:var(--t) solid #0000;margin-left:var(--t);place-self:end}