.menu_catalog {
    padding: 2rem;
    margin: 0;

    background-color: white;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    box-shadow: 0 0 2rem var(--secondary-color-shadow);

    border-right: 2px solid var(--input-border-color);
}

.menu_catalog .menu_item {
    padding: 0;
    list-style: none;
    padding-bottom: 1rem;
}

.menu_catalog .menu_item:last-child {
    margin-bottom: 0;
}

.menu_catalog .menu_item.menu_item_top > .menu_item_header {
    padding-left: 1rem;
    position: relative;
}

.menu_catalog .menu_item.menu_item_top > .menu_item_header::before {
    content: '';

    width: 3px;
    height: 3px;

    position: absolute;

    top: 50%;
    left: 0;

    border-radius: 50%;
    transform: translateY(-50%);

    background-color: var(--secondary-color);

    transition: background .3s ease;
}

.menu_catalog .menu_item.selected.menu_item_top > .menu_item_header::before,
.menu_catalog .menu_item.menu_item_top > .menu_item_header:hover::before {
    background-color: var(--primary-color);
}

.menu_catalog .menu_item .menu_item_header .menu_item_link {
    font-weight: 700;
    font-size: var(--text-md);
    line-height: 160%;
    color: var(--secondary-color);
	width: 100%;
	cursor: pointer;
	display: block;
}

.menu_catalog .menu_item.selected .menu_item_header .menu_item_link,
.menu_catalog .menu_item .menu_item_header:hover .menu_item_link {
    color: var(--primary-color);
}

.menu_catalog .menu_item .menu_item_header .icon-arrow {
    stroke: none;
}

.menu_catalog .menu_item.selected .icon-arrow,
.menu_catalog .menu_item .menu_item_header:hover .icon-arrow {
    fill: var(--primary-color)
}

.menu_content .menu_children {
    position: absolute;
    top: 1rem;
    left: 100%;

    height: calc(100% - 1rem);
    width: 800px;

    background-color: transparent;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;

    box-shadow: 1rem 0 2rem var(--secondary-color-shadow);

	transition: all .3s ease;
}

.menu_content .menu_children.hide {
	width: 0;
}

@media (width <= 1440px)
{
    .menu_content .menu_children {
        width: 600px;
    }
}

@media (width <= 1100px)
{
    .menu_content .menu_children {
        width: 500px;
    }
}

.menu_content .menu_children .menu_children-wrapper {
    height: 100%;
    background-color: white;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    padding: 2rem;

    overflow-y: auto;
}

.menu_content .menu_children.hide .menu_children-wrapper {
	padding: 0;
}

.menu_content .menu_children .menu_children-wrapper::-webkit-scrollbar {
    width: 5px;
    background-color: var(--scroll-backgroud-color);
}

.menu_content .menu_children .menu_children-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--scroll-color);
    border-radius: var(--border-radius);
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group {
    display: none
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group.show {
    display: block;
    height: fit-content;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list {
    list-style: none;

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item {
    width: 100%;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item {
    position: relative;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item.menu_item_top {
    max-width: calc(25% - 1rem);
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item.menu_item_top > .menu_item_header {
    margin-bottom: 1rem;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item > .menu_item_header .menu_item_link {
    position: relative;

    color: var(--secondary-color);
    font-size: var(--text-md);
    font-weight: 500;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item > .menu_item_header .menu_item_link:hover {
    color: var(--primary-color);
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item .menu_item_children .menu_item_children_list {
    list-style: none;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item .menu_item_children .menu_item_children_list .menu_item {
    margin-bottom: .5rem;
}

.menu_content .menu_children .menu_children-wrapper .menu_children-group .children-group_list .menu_item .menu_item_children .menu_item_children_list .menu_item > .menu_item_header .menu_item_link {
    font-size: var(--text-sm);
}