.chats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;padding:18px 14px;border:1px solid #ebebeb}.chats:last-child{border:none}.chats:hover{background-color:hsla(0,0%,82.7%,.18)}.profile-pic img{-o-object-fit:cover;object-fit:cover}.dp-text,.profile-pic img{width:50px;height:50px;border-radius:50%}.dp-text{font-size:24px;font-weight:600;background-color:#42ab37;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.chat-right,.dp-text{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;width:calc(100% - 50px)}h.msg-name{font-size:18px;width:85%;text-overflow:ellipsis;overflow:hidden}.msg-date,h.msg-name{white-space:nowrap}.message{line-height:18px;font-size:13px}.msg-name{font-size:17px}.chat-card{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-shadow:rgb(0 0 0/12%) 0 2px 6px;box-shadow:0 2px 6px rgb(0 0 0/12%);border-radius:8px;padding:12px;margin:12px;margin-bottom:2px;background-color:hsla(0,0%,100%,.88)}