.chat {
    .top {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #dddddd35;

        .user {
            display: flex;
            align-items: center;
            gap: 20px;

            .logo {
                width: 50px;
                height: 50px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                background-color: #5183FE;
                font-size: 18px;
                font-weight: bold;
            }

            .texts {
                display: flex;
                flex-direction: column;
                gap: 5px;

                span {
                    font-size: 18px;
                    font-weight: bold;
                }

                p {
                    font-size: 14px;
                    font-weight: 300;
                    color: white;
                }
            }
        }

        .icons {
            display: flex;
            gap: 5px;
        }

        img {
            margin-right: 5px;
            width: 25px;
            height: 25px;
            cursor: pointer;
        }
    }
}