@import (reference) '../../style/common.less';

.umui-input-search {
  .umui-input-search-icon {
    color: @text-color-secondary;
    cursor: pointer;
    &:hover {
      color: @primary-color !important;
    }
  }
  &.@{ant-prefix}-input-search-enter-button {
    .umui-input-search-icon {
      color: @white;
    }
  }
}

.umui-input-underline {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid @disabled-color;
  background: transparent;
  padding-left: 11px;
  padding-right: 11px;
  &::placeholder {
    color: @text-color-info;
  }
  .@{ant-prefix}-input {
    border: none;
    padding-left: 0;
    background: transparent;
    &:not(:last-child) {
      padding-right: 18px;
    }
    &:focus {
      outline: none;
      box-shadow: none;
    }
  }
  .@{ant-prefix}-input-suffix {
    right: 0;
    top: 50%;

    &:hover {
      color: @primary-color;
    }
  }
  &:focus {
    outline: none;
    box-shadow: none;
  }
  &:hover {
    border-color: @disabled-color;
  }
}

.umui-textarea {
  position: relative;
  &-counter {
    position: absolute;
    right: 10px;
    bottom: 6px;
    background: @component-background;
    color: @text-color-secondary;
    font-size: @font-size-sm;
    &.umui-counter-limit {
      color: @error-color;
      font-weight: 600;
    }
  }
}

.umui-input,
.umui-textarea {
  .@{ant-prefix}-input-search-button {
    border-radius: unset;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .@{ant-prefix}-input::placeholder {
    color: @text-color-info;
  }
}