@import '../../style/constants.less';
@import '../../style/mixin.less';

.@{yw-prefix}-range-number {
  &-left {
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  &-right {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    &:hover,
    &:focus {
      border-left-width: 1px;
    }
  }

  .divide {
    width: 30px;
    background-color: #fff;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    pointer-events: none;
  }
}

.ant-form-item-has-error {
  .@{yw-prefix}-range-number {
    &-left {
      &:hover,
      &:focus {
        border-right: none;
      }
    }

    &-right {
      &:hover,
      &:focus {
        border-left: none;
      }
    }

    .divide {
      border-color: @light-red;

      &::placeholder {
        color: @light-red;
      }
    }
  }
}