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

@include b(pro-descriptions){
    
    @include e(item-container){
        width: 100%;
        display: flex;
    }

    @include e(item-label){
        display: inline-flex;
        align-items: baseline;
        min-width: 50px;

        @include when(blod){
            font-weight: 600;
        }
    }

    @include e(item-content){
        align-items: baseline;
        flex: 1;
        word-break: break-word;
        overflow-wrap: break-word;
        min-width: 120px;
        @include when(slider){
            line-height: 1.5;
        }
    }


    @include when(no-border){
        .#{$namespace}-descriptions__label{
            display: none;
        }
        .#{$namespace}-descriptions__cell{
            vertical-align: top;
        }
        .#{$namespace}-rate{
            height: 23px;
        }
    }
}