.chat {
    .center {
        .private {
            .item {

                /*Archivos enviados*/
                .file.own {
                    display: flex;
                    align-self: flex-end;
                    background-color: #5183FE;
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;

                    .texts {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        padding: 10px;

                        img {
                            width: 100px;
                            height: 100px;
                        }

                        span {
                            align-self: flex-end;
                            color: cyan;
                        }
                    }
                }

                /*Archivos recividos*/
                .file.unown {
                    display: flex;
                    overflow-wrap: break-word;
                    width: fit-content;
                    background-color: rgba(17, 25, 40, 0.3);
                    border-top-right-radius: 10px;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                    flex-direction: column;
                    padding: 10px;
                    gap: 10px;

                    .logo {
                        width: 30px;
                        height: 30px;
                        border-radius: 50%;
                        object-fit: cover;
                        background-color: #5183FE;
                        text-align: center;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

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

                        img {
                            object-fit: cover;
                        }

                        span {
                            color: cyan;
                        }
                    }
                }
            }
        }
    }
}