@use 'sass:map';
@use 'element-plus/theme-chalk/src/mixins/mixins' as *;
@use 'element-plus/theme-chalk/src/common/var' as *;

@include b(digitrange){
    // width: fit-content;
    position: relative;

    .#{$namespace}-input__inner{
        padding-right:60%;
    }

    @include when(disabled){
        // box-shadow: none;
        cursor: not-allowed;
    }

    @include e(inner){
        display: flex;
        align-items: center;
        position: absolute;
        left: 30px;
        right: 30px;
        top: 0;
        bottom: 0;
        z-index: 50;
    }

    @include e(inner-value){
        flex: 1;
        text-align: center;
        &.is-left{
            padding-right: 8px;
        }
        &.is-right{
            padding-left: 8px;
        }
    }

    @include e(popover-panel){
        display: flex;
        align-items: center;
    }
}