@import '../variables.less';
@import '../mixins.less';

.wm-input {
  color: @color-black;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;

  &-large {
    height: 112px;
    font-size: @font-size-16;
  }

  &-middle {
    height: 92px;
    font-size: @font-size-14;
  }

  &-small {
    height: 72px;
    font-size: @font-size-12;
  }

  .preIcon {
    margin-right: 24px;
  }

  .icon-box {
    display: flex;
    align-items: center;
  }

  .icon {
    width: 40px;
    height: 40px;
  }

  .label {
    color: @color-grey-33;
    width: auto;
    font-size: @font-size-14;
    text-align: left;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    white-space: nowrap;
  }

  &-underline {
    border-bottom: 1px solid #ebebeb;
  }

  // 小程序输入框长度与下划线不一致； h5和小程序光标颜色
  input,
  .weui-input {
    color: @color-grey-33;
    font-size: @font-size-14;
    width: 100%;
    caret-color: @color-brand;
    height: 100%;
    margin-left: 24px;
  }

  .wm-input-h5 {
    width: 100%;
    margin-right: 24px;
  }

  //h5输入框的默认文字样式
  .wm-input-h5 ::-webkit-input-placeholder {
    color: @color-grey-99;
    font-size: @font-size-14;
  }

  //小程序输入框的默认文字样式
  .wm-input-placeholder {
    color: @color-grey-99;
    font-size: @font-size-14;
  }
}