@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(pro-page-labels){
    @include e(labels-header){
        background-color: var(--wet-labels-header-bgcolor,#fff);
        .#{$namespace + '-tab'}{
            // background-color: red;
        }
        .#{$namespace + '-tabs__item'}{
            padding: 0;
            width: 180px;
            text-align: center;

            @include when('active'){
                background-color: var(--wet-label-active-bgcolor,rgba(0,0,0,0.07));
            }
        }
        .#{$namespace + '-tabs__active-bar'}{
            display: none;
        }
        .#{$namespace + '-tabs__header'}{
            margin: 0;
        }
        .#{$namespace + '-tabs__nav-wrap'}{
           &::after{
                display: none;
           }
        }
        &.labels-header-item{
            
        }
    }

    @include b(pro-page-labels-item){
        width: 100%;
        height: 100%;
        .item-lablebox{
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 12px;
            position: relative;
            &::after{
                content: '';
                position: absolute;
                top: 9px;
                bottom: 9px;
                right: -1px;
                border-right: 1px solid #d1d0d0;
            }
            .#{$namespace + '-loading-spinner'}{
                margin-top:calc(0px - 15px / 2);
                .circular{
                    width: 15px;
                    height: 15px;
                }
            }
            // .item-lablebox__loadin{
            //     width: 15px;
            //     height: 15px;
            // }
        }
    }
}