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

.#{$pkg-prefix}-input.ant-input {
  &:hover,
  &:focus,
  &:active {
    &:not([disabled]) {
      border-color: #0670ff;
      box-shadow: none !important;
    }
  }
  
  &.#{$pkg-prefix}-input-underlined {
    // height: 25px;
    border: none;
    box-shadow: unset !important;
    border-bottom: 1px solid #e1e1e1;
    // padding-left: 0px;
    border-radius: 0;
  
    &:hover,
    &:focus {
      &:not([disabled]) {
        border-color: #0670ff;
      }

      &[disabled] {
        border-bottom: 1px dashed $disabled-border-color;
      }
    }

    &[disabled] {
      background-color: transparent;
      border-bottom: 1px dashed $disabled-border-color;
    }
  }

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

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