.chat-msg{position:relative;width:auto;max-width:400px;opacity:0;transform:translateY(30px);transition:transform 1s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1)}.chat-msg p{font-family:Moderat,sans-serif;font-size:1.6rem;line-height:1.4}.chat-msg p:last-child{margin-bottom:0}.chat-msg__user-name{display:block;color:var(--ash);font-size:1.4rem;line-height:2.1rem;min-height:2.1rem}.chat-msg__user-avatar{position:relative;height:0;padding-bottom:42px;overflow:hidden;position:absolute;width:42px;top:0}.chat-msg__user-avatar img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.chat-msg__user-avatar img{border-radius:50%}.chat-msg__content{position:relative;padding:15px 20px;margin-bottom:20px;border-radius:30px}.chat-msg.appear{transform:translateY(0);opacity:1}.chat-msg--sender{margin-left:auto;margin-right:0}.chat-msg--sender .chat-msg__user-name{text-align:right}.chat-msg--sender .chat-msg__content{color:var(--senderTextColor);background:var(--senderColor);border-top-right-radius:0}.chat-msg--sender.has-avatar{margin-right:52px}.chat-msg--sender.has-avatar .chat-msg__user-avatar{right:-52px}.chat-msg--recipient .chat-msg__content{color:var(--recipientTextColor);background:var(--recipientColor);border-top-left-radius:0}.chat-msg--recipient.has-avatar{margin-left:52px}.chat-msg--recipient.has-avatar .chat-msg__user-avatar{left:-52px}@media (min-width:768px){.chat-msg p{font-size:1.8rem}.chat-msg__user-avatar{width:55px;padding-bottom:55px}.chat-msg--sender.has-avatar{margin-right:65px}.chat-msg--sender.has-avatar .chat-msg__user-avatar{right:-65px}.chat-msg--recipient.has-avatar{margin-left:65px}.chat-msg--recipient.has-avatar .chat-msg__user-avatar{left:-65px}}