@menu-prefix-cls: ~"@{ant-prefix}-menu";

.mat-tabs {
    &.@{menu-prefix-cls}-horizontal {
        border-bottom-color: @tabs-border-color;

        & .@{menu-prefix-cls}-item {
            border-bottom: 1px solid @tabs-border-color;
            
            &:hover,
            &-active,
            &-open,
            &-selected {
                background: #fff;
                color: @primary-color;
                border-bottom: 1px solid transparent;
                border-top: 2px solid @primary-color;
            }
        }
    }

    & .@{menu-prefix-cls}-item {
        height: @tabs-height;
        line-height: @tabs-height;
        border: 1px solid @tabs-border-color;
        background: @tabs-item-bg;
        color: @tabs-color;
        border-left-color: transparent;
        outline: 0;

        &:first-child {
            border-left-color: @tabs-border-color;
        }
    }
}