@use 'mixins/mixins' as *;
@use 'mixins/utils' as *;

@include b(form-item) {
  @include e(error) {
    color:getCssVarWebex('text', 'error', 'normal');
  }
  &.is-error {
    .el-input__inner{
      border-color:getCssVarWebex('outline', 'cancel', 'normal');
      background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
      &:hover {
        background-color: getCssVarWebex('background', 'primary', 'hover');
      }
    }
    .el-textarea__inner{
      border-color:getCssVarWebex('outline', 'cancel', 'normal');
      background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
      &:hover {
        background-color: getCssVarWebex('background', 'primary', 'hover');
      }
    }
  }
  &.is-required {
    .el-form-item__label {
      &:before {
        color:getCssVarWebex('text', 'error', 'normal');
      }
    }
  }
}

