/*Buscador*/
.chatList {
    .search {
        display: flex;
        align-items: center;

        .searchBar {
            flex: 1;
            background-color: rgba(17, 25, 40, 0.5);
            display: flex;
            align-items: center;
            border-radius: 10px;

            input {
                overflow: scroll;
                display: flex;
                flex-direction: column;
                gap: 15px;
                width: 15%;
                background-color: transparent;
                border: none;
                outline: none;
                color: white;
                flex: 1;
            }

            .logo {
                width: 20px;
                height: 20px;
                background-image: url('/img/icons/search.png');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

        }

        .add {
            background-color: rgba(17, 25, 40, 0.5);
            padding: 10px;
            border-radius: 10px;
            cursor: pointer;
        }
    }
}