@import '../common/index.wxss';

.van-field {
  --cell-icon-size: 32rpx;
  --cell-icon-size: var(--field-icon-size,32rpx);
}

.van-field__label {
  color: #646566;
  color: var(--field-label-color,#646566);
}

.van-field__label--disabled {
  color: #c8c9cc;
  color: var(--field-disabled-text-color,#c8c9cc);
}

.van-field__body {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.van-field__body--textarea {
  box-sizing: border-box;
  padding: 7.2rpx 0;
  line-height: 1.2em;
  min-height: 48rpx;
  min-height: var(--cell-line-height,48rpx);
}

.van-field__control:empty+.van-field__control {
  display: block;
}

.van-field__control {
  position: relative;
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: inherit;
  text-align: left;
  background-color: initial;
  border: 0;
  resize: none;
  color: #323233;
  color: var(--field-input-text-color,#323233);
  height: 48rpx;
  height: var(--cell-line-height,48rpx);
  min-height: 48rpx;
  min-height: var(--cell-line-height,48rpx);
}

.van-field__control:empty {
  display: none;
}

.van-field__control--textarea {
  height: 36rpx;
  height: var(--field-text-area-min-height,36rpx);
  min-height: 36rpx;
  min-height: var(--field-text-area-min-height,36rpx);
}

.van-field__control--error {
  color: #ee0a24;
  color: var(--field-input-error-text-color,#ee0a24);
}

.van-field__control--disabled {
  background-color: initial;
  opacity: 1;
  color: #c8c9cc;
  color: var(--field-input-disabled-text-color,#c8c9cc);
}

.van-field__control--center {
  text-align: center;
}

.van-field__control--right {
  text-align: right;
}

.van-field__control--custom {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48rpx;
  min-height: var(--cell-line-height,48rpx);
}

.van-field__placeholder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  color: #c8c9cc;
  color: var(--field-placeholder-text-color,#c8c9cc);
}

.van-field__placeholder--error {
  color: #ee0a24;
  color: var(--field-error-message-color,#ee0a24);
}

.van-field__icon-root {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48rpx;
  min-height: var(--cell-line-height,48rpx);
}

.van-field__clear-root,
.van-field__icon-container {
  line-height: inherit;
  vertical-align: middle;
  padding: 0 16rpx;
  padding: 0 var(--padding-xs,16rpx);
  margin-right: -16rpx;
  margin-right: -var(--padding-xs,16rpx);
}

.van-field__button,
.van-field__clear-root,
.van-field__icon-container {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.van-field__clear-root {
  font-size: 32rpx;
  font-size: var(--field-clear-icon-size,32rpx);
  color: #c8c9cc;
  color: var(--field-clear-icon-color,#c8c9cc);
}

.van-field__icon-container {
  font-size: 32rpx;
  font-size: var(--field-icon-size,32rpx);
  color: #969799;
  color: var(--field-icon-container-color,#969799);
}

.van-field__icon-container:empty {
  display: none;
}

.van-field__button {
  padding-left: 16rpx;
  padding-left: var(--padding-xs,16rpx);
}

.van-field__button:empty {
  display: none;
}

.van-field__error-message {
  text-align: left;
  font-size: 24rpx;
  font-size: var(--field-error-message-text-font-size,24rpx);
  color: #ee0a24;
  color: var(--field-error-message-color,#ee0a24);
}

.van-field__error-message--center {
  text-align: center;
}

.van-field__error-message--right {
  text-align: right;
}

.van-field__word-limit {
  text-align: right;
  margin-top: 8rpx;
  margin-top: var(--padding-base,8rpx);
  color: #646566;
  color: var(--field-word-limit-color,#646566);
  font-size: 24rpx;
  font-size: var(--field-word-limit-font-size,24rpx);
  line-height: 32rpx;
  line-height: var(--field-word-limit-line-height,32rpx);
}

.van-field__word-num {
  display: inline;
}

.van-field__word-num--full {
  color: #ee0a24;
  color: var(--field-word-num-full-color,#ee0a24);
}