.chat-bubble{box-shadow:0 -1px 5px #0000000d,-1px -1px 5px #00000003,1px 1px 3px #0000000d;display:flex;gap:5px;left:50%;padding:15px 20px;top:-35px;transform:translate(-50%);z-index:10}.chat-bubble,.chat-bubble:after{background:#fff;border-radius:50px;position:absolute}.chat-bubble:after{box-shadow:inset 0 0 5px 5px #fff,inset -1px -1px 5px #eee;content:"";inset:0;z-index:-1}.chat-bubble:before{background:#fff;border-radius:2px;box-shadow:1px 1px 3px #0003;content:"";height:10px;left:calc(50% - 20px);position:absolute;top:33px;transform:rotate(45deg);width:10px;z-index:-5}.chat-bubble div{background:var(--darker-bg);border-radius:5px;box-shadow:inset 1px 1px 1px #0003;min-height:10px;min-width:10px}.chat-bubble div:nth-child(2){animation-delay:1s}.chat-bubble div:nth-child(3){animation-delay:2s}.group-avatar .avatar:after{box-shadow:0 0 0 3px #fff,1px 1px 1px 3px var(--darker-bg)}.main-avatar .avatar:after{box-shadow:0 0 0 5px #fff,1px 1px 1px 5px var(--darker-bg)}.placeholder-avatar{position:absolute;z-index:-1}.placeholder-avatar .image-placeholder{background:inherit;box-shadow:0 0 0 8px #fff;color:#fff;font-size:35px}.group-left{animation:appear-left .4s linear forwards;transform:translate(-10px) scale(0);z-index:-2}.group-right{animation:appear-right .4s linear forwards;transform:translate(-100px) scale(0);z-index:-2}@keyframes appear-left{0%{opacity:0;transform:translate(-10px) scale(0)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes appear-right{0%{opacity:0;transform:translate(-100px) scale(0)}to{opacity:1;transform:translate(0) scale(1)}}