mor-anchor{
    position: relative;
    display: flex;

    .content-wrap{
    }

    .nav-wrap{
        min-width: @fontSize*8;
        position: relative;
    }

    .anchor-nav{
        position: relative;

        .line{
            width: 2px;
            background: @colorComponentItemBorder;
            height: 100%;
            position: absolute;
            left: 4px;
            top: 0;
        }

        .current-point{
            position: absolute;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            left: 0;
            border: 3px solid @colorTheme;
            background: @colorWhite;
            transition: top 0.16s;
        }

        ul.menu{
            padding: @fontSize*0.35 0 @fontSize*0.35 @fontSize;
            list-style: none;
            margin: 0;

            > li{
                font-size: @fontSize*0.75;
                line-height: 1.4em;
                margin: 4px 0;
                color: @colorComponentItemFont;

                &:hover{
                    cursor: pointer;
                    color: @colorComponentItemFontHover;
                }

                &.current{
                    color: @colorComponentItemFontCurrent;
                }
            }
        }
    }
    // default status
    &{}
}
