Создать выпадающий список из большого количества строк с вложенными элементами

Требуется создать выпадающий список из большого количества строк с вложенными элементами

Внутри выпадающего списка должна быть прокрутка через слайдер, чтобы сам список не занимал всю страницу. 

При нажатии на элемент списка справа должен появлялся точно такой же, с вложенными элементами, а выбранный элемент должен отмечаться цветом

Вложенность данного списка незадананой глубины

Список со всеми вложениями должен быть получен по api. Формат ответа:
{
    1: {
        "name": "Женщинам",
        "nodes": {
            223: {
                "name": "Одежда",
                "nodes": {
                    134: {
                        "name": "Обувь",
                        "nodes": {}
                    },
                    122: {
                        "name": "Верхняя одежда",
                        "nodes": {}
                    },
                    142: {
                        "name": "Летняя одежда",
                        "nodes": {}
                    }
                }
            },
            221: {
                "name": "Досуг",
                "nodes": {
                    111: {
                        "name": "Спорт",
                        "nodes": {}
                    },
                    102: {
                        "name": "Творчество",
                        "nodes": {}
                    }
                }
            }
        }
    },
    2: {
        "name": "Мужчинам",
        "nodes": {
            198: {
                "name": "Одежда",
                "nodes": {}
            },
            196: {
                "name": "Досуг",
                "nodes": {}
            }
        }
    }
}

При выборе конечного элемента в инпут должен передаваться id конечного элемента

Страница, на которую нужно встроить данный элемент: lk.adwb.ru/bloggers-ai

Адаптация под мобильную версию