@import '~antd/es/input/style/index.less';
@import '../variable.less';

@input-prefix-cls: ~'@{ant-prefix}-input';
@input-search-prefix-cls: ~'@{ant-prefix}-input-search';
@icon-prefix-cls: ~'@{input-search-prefix-cls}-icon';
@input-wapper-cls: ~'@{input-prefix-cls}-affix-wrapper';

.@{input-wapper-cls} {
  height: @input-height-base;
  input {
    height: @input-height-base - @input-padding-vertical-base * 2 - 2px;
  }
}
.@{input-wapper-cls}-sm {
  height: @input-height-sm;
  input {
    height: @input-height-sm - @input-padding-vertical-sm * 2 - 2px;
  }
}
.@{input-wapper-cls}-lg {
  height: @input-height-lg;
  input {
    height: @input-height-lg - @input-padding-vertical-lg * 2 - 2px;
  }
}

.@{icon-prefix-cls} {
  vertical-align: sub;
}

.@{input-prefix-cls} {
  height: @input-height-base;

  &-group-addon .quanta-select-focused .quanta-select-selector {
    color: @text-color-primary !important;
  }
  &-affix-wrapper:focus,
  &-affix-wrapper-focused {
    box-shadow: none !important;
  }

  &-lg {
    height: @input-height-lg;
    font-size: @font-size-lg;
  }
  &-sm {
    height: @input-height-sm;
    font-size: @font-size-sm !important;
  }
  &:hover {
    border-color: @input-hover-border-color;
  }
  &:focus {
    border-color: @input-focus-border-color !important;
    box-shadow: none !important;
  }
}

.@{input-prefix-cls}-group-addon {
  background-color: #ffffff !important;
  .@{ant-prefix}-icon {
    vertical-align: bottom;
    margin: 0 -2px;
  }
}

.@{input-prefix-cls}-prefix {
  .@{ant-prefix}-icon {
    margin-left: -4px;
  }
}