@import '../../styles/default.scss';

.#{$pkg-prefix}-input-number {
  box-shadow: none !important;

  &.#{$pkg-prefix}-input-number-underlined.ant-input-number {
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
  
    &:hover,
    &:focus {
      &:not(.ant-input-number-disabled) {
        border-bottom: 1px solid #0670ff;
      }
    }
  
    &.ant-input-number-focused {
      border-bottom: 1px solid #0670ff;
    }

    &.ant-input-number-disabled {
      border-bottom-style: dashed;
      background-color: transparent;
    }
  }

  &.#{$pkg-prefix}-input-number-nointeraction {
    &[disabled],
    &.ant-input-number-disabled {
      color: unset;
      background-color: unset;
      cursor: default;
      resize: none;

      input {
        cursor: default;
      }
    }
  }
}