.#{$anchor-prefix-cls}{
    &-wrapper{
        overflow: auto;
        padding-left: 5px;
        margin-left: -6px;
    }

    &{
        position: relative;
        padding-left: $anchor-border-width;

        &-ink {
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
            &:before {
                content: ' ';
                position: relative;
                width: $anchor-border-width;
                height: 100%;
                display: block;
                background-color: $anchor-ink-border-color;
                margin: 0 auto;
            }
            &-ball {
                display: inline-block;
                position: absolute;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                border: 3px solid $brand-primary;
                background-color: $white;
                left: 50%;
                transition: top $transition-time ease-in-out;
                transform: translate(-50%, 11px);
            }
        }

        &.fixed &-ink &-ink-ball {
            display: none;
        }
    }

    &-link {
        height: 32px;
        line-height: 32px;
        padding-left: 21px;

        &-title {
            display: block;
            position: relative;
            transition: all .3s;
            color: $gray;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 8px;
            &:only-child {
                margin-bottom: 0;
            }
        }

        &-active > &-title {
            color: $brand-primary;
        }
    }
}