/* Start:/local/templates/redisigne/components/bitrix/menu/left_menu/style.css?17724423162213*/
.menu {
    -webkit-tap-highlight-color: transparent;
}

.content {
    display: flex;
}

.menu {
    width: 30%;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    /* flex-grow: 1; */
}

.left-menu a {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-gray);
}

.left-menu li {
    margin-bottom: 10px;
}

.left-menu a.selected,
.left-menu a:hover {
    font-size: 16px;
    font-weight: 400;
    color: var(--green);
}

.left-menu a.selected {
    cursor: none;
    pointer-events: none;
}

.menu .expand-arrow {
    display: none;
}

@media screen and (max-width: 890px) {
    .content {
        display: block;
    }

    .menu {
        cursor: pointer;
        width: 50%;
        margin-bottom: 25px;
        padding: 10px 20px 0;
        background-color: white;
        border-radius: var(--border-radius-md);
        border: 1px solid rgba(var(--green--rgb), .3);
        box-shadow: 0 .7px 5.3px rgba(var(--black--rgb), .016), 0 2.2px 17.9px rgba(var(--black--rgb), .024), 0 10px 80px rgba(var(--black--rgb), .04);
    }

    .left-menu {
        position: relative;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .left-menu a {
        display: block;
        font-size: 20px;
        padding: 5px 0;
    }

    .left-menu a.selected,
    .left-menu a:hover {
        font-size: 20px;
    }

    .left-menu li {
        /* display: none; */
        visibility: hidden;
        position: absolute;
        /* top: 0; */
    }

    .menu.uncollapsed li {
        visibility: visible;
        position: relative;
    }

    .left-menu li.selected {
        display: block;
        visibility: visible;
        position: relative;
        order: -1;
    }

    .left-menu a.selected {
        /* cursor: pointer; */
        pointer-events: none;
    }

    .menu .expand-arrow {
        padding-top: 3px;
        font-size: 20px;
        display: block;
        color: var(--green);
        align-self: baseline;
        transition: all 0.5s ease-out;
    }

    .menu.uncollapsed .expand-arrow {
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 480px) {
    .menu {
        width: 100%;
    }
}
/* End */
/* /local/templates/redisigne/components/bitrix/menu/left_menu/style.css?17724423162213 */