:root {

    .left_menu {
        flex-direction: column;
        height: fit-content;
        padding: 30px 40px;
    }

    .left_menu_item {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;

        color: #000;
        font: var(--font-default);
        font-size: var(--font-xl);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1px;
        padding: 20px 0 20px 45px;
        width: 180px;

        > span {
            display: block;
        }
        > ul.submenu {
            li {
                margin-left: 20px;

                span {
                    display: block;
                    line-height: 42px;
                    min-height: 42px;

                    font-size: 20px;
                    font-weight: 400;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                }
                sub {
                    display: block;
                    line-height: 32px;
                    min-height: 32px;

                    color: #8C9C8B;
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0.7px;
                    text-transform: uppercase;
                }
            }
        }
    }

    .left_menu_item.main_page {
        background: url('../img/web/icon_hat.png') white left no-repeat;
    }

    .left_menu_item.classes {
        background: url('../img/web/icon_child.png') white left no-repeat;
    }

    .left_menu_item.selected {
        color: #8C9C8B;
    }


}