input[type='text'],
textarea {
  background: #F6F6F6;
  border: none;
  outline: none;
  color: #636363;
  padding: 12px 14px;
  margin-top: 6px;
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: var(--color-secondary);

  &:required:invalid {
    border-color: 1px solid var(--color-primary);
  }
}

.input-bg-white input {
  background: white;
}

textarea {
  height: 110px;
  resize: vertical;
}

input.icon {
  background-position: right 12px top 50%;
  background-repeat: no-repeat;
}