@import '../../styles/theme.less';

.registerTab {
    padding: 16px 0px 18px 0px;
    color: @text-color-secondary;
    margin: 0px 16px;

    &-border {
        position: relative;

        &::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 10px;
            height: 1px;
            background-color: @divider-color;
        }
    }

    &-tab {
        // cursor: pointer;
        display: flex;
        align-items: center;
        flex: 1 1 0%;
        display: flex;
        justify-content: center;
        position: relative;

        // &:hover {
        //     color: @main-color;
        // }

        &-number {
            border-radius: 32px;
            margin-right: 8px;
            &-inner{
                margin: 0px 9px;
                font-size: 16px;
                line-height: 24px;
                
            }
        }
    }

    &-active {
        position: relative;
        color: @main-color;
        flex: 1 1 0%;
        display: flex;
        justify-content: center;

        &::after {
            content: '';
            height: 2px;
            width: 116px;
            background-color: @main-color;
            position: absolute;
            left: 36%;
            margin-left: -11px;
            bottom: -18px;
        }
    }
}

.img{
    width: 20px;
    position: absolute;
    right: 0px;
    top: 3px;
}