.ThemeGlobal {
    .ImcNavigation {
        --navigation-font-family: Inter, ClearSans, Arial, Helvetica, sans-serif;
        --navigation-item-font-weight: 400;
        --navigation-item-line-height: 23px;
        --navigation-padding: 0;
        --navigation-burger-padding: 10px 20px;
        --navigation-logo-width: 51px;
        --navigation-logo-height: 51px;
        --navigation-logo-padding: 5px 20px 15px;
        --navigation-item-padding: 23px 16px;
        --navigation-item-icon-padding: 25px 16px 24px;
        --navigation-item-text-color: #000;
        --navigation-item-hover-text-color: #151975;
        --navigation-item-active-text-color: #151975;
        --navigation-item-badge-position-top: 14px;
        --navigation-item-badge-position-left: 50%;
        --navigation-dropdown-item-hover-background: #eeeeee;
        --navigation-dropdown-item-active-background: #eeeeee;

        .NavItemContent {
            &:before {
                content: "";
                position: absolute;
                bottom: -2px;
                left: 16px;
                width: 0;
                height: 4px;
                background-color: #689bd2;
                transition: width .3s ease;
            }

            &:hover,
            &.active {
                &:before {
                    width: calc(100% - 32px);
                }
            }
        }
    }
}