.ThemeGlobal {
    .ImcNavigation {
        --navigation-padding: 0;
        --navigation-logo-padding: 18px 40px 18px 20px;
        --navigation-burger-margin: 0;
        --navigation-burger-padding: 10px 20px;
        --navigation-item-hover-text-color: #fff;
        --navigation-item-active-text-color: #fff;
        --navigation-item-icon-hover-color: #00cccc;
        --navigation-item-icon-active-color: #00cccc;
        --navigation-dropdown-background: #fff;
        --navigation-dropdown-item-hover-background: #00cccc;
        --navigation-dropdown-item-active-background: #00cccc;
        --navigation-dropdown-grouptitle-active-text-color: #00cccc;
        --navigation-search-result-match-text-color: #00cccc;
        --navigation-dropdown-category-switch-hover-text-color: #00cccc;
        --navigation-dropdown-category-switch-active-text-color: #00cccc;
        --navigation-dropdown-category-switch-active-border: 1px solid transparent;
        --navigation-item-list-padding: 0 0 0 10px;
        --navigation-item-icon-mobile-hover-color: #00cccc;

        @media screen and (max-width: 1023px) {
            --navigation-item-badge-position-top: 0;
            --navigation-item-list-padding: 0;
        }

        .navLeftSection {
            .MenuItem {
                .active>.NavItemContent {
                    &:after {
                        left: -1px;
                        width: 100%;
                        background: var(--theme-color-primary);
                        transform: skewX(-20deg);
                        border: none;
                    }
                }

                .NavItemContent {
                    position: relative;
                    z-index: 1;

                    &.active,
                    &:hover {
                        &:after {
                            left: -1px;
                            width: 100%;
                            background: var(--theme-color-primary);
                            transform: skewX(-20deg);
                            border: none;
                        }
                    }

                    &:after {
                        content: "";
                        position: absolute;
                        right: -1px;
                        width: 1px;
                        top: 50%;
                        height: 28px;
                        margin-top: -14px;
                        background: #878787;
                        -webkit-transform: rotate(20deg);
                        transform: rotate(20deg);
                        z-index: -1;
                    }
                }
            }
        }
    }
}