.chat-bubbles{background-color:rgba(255,255,255,0.95);border-radius:4px;padding:8px 0px;width:228px;max-height:118px;position:relative;border:1px solid #E5E7EB;left:22px;overflow:hidden}.chat-bubbles .chat-bubbles-content{max-height:102px;padding:0px 8px;overflow:auto}.chat-bubbles.bottom::before{content:'';position:absolute;width:0;height:0;top:-5.5px;left:45.5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5.5px solid #E5E7EB;transform:translate(calc(-22px - 50%), 0)}.chat-bubbles.bottom::after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4.5px solid #fff;top:-4.2px;left:45.5px;transform:translate(calc(-22px - 50%), 0)}.chat-bubbles.right{top:0;left:100px}.chat-bubbles.right::before{content:'';position:absolute;width:0;height:0;left:-9.5px;top:45.5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5.5px solid #E5E7EB;transform:translate(0, -50%) rotate(-90deg)}.chat-bubbles.right::after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4.5px solid #fff;left:-7.2px;top:45.5px;transform:translate(0, -50%) rotate(-90deg)}.chat-bubbles.top{bottom:0px;transform:translate(0px, -100px)}.chat-bubbles.top::before{content:'';position:absolute;width:0;height:0;bottom:-5.5px;left:45.5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5.5px solid #E5E7EB;transform:translate(calc(-22px - 50%), 0) rotate(180deg)}.chat-bubbles.top::after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4.5px solid #fff;bottom:-4.2px;left:45.5px;transform:translate(calc(-22px - 50%), 0) rotate(180deg)}.chat-bubbles.left{top:0;right:100px;left:unset}.chat-bubbles.left::before{content:'';position:absolute;width:0;height:0;right:-9.5px;top:45.5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5.5px solid #E5E7EB;transform:translate(0, -50%) rotate(90deg)}.chat-bubbles.left::after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4.5px solid #fff;right:-7.2px;top:45.5px;transform:translate(0, -50%) rotate(90deg)}