.input {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid var(--color-line);
  border-radius: var(--radius);
  background: #fff;
  color: var(--color-ink);
  font: inherit;
  transition: border-color .2s, box-shadow .2s;
}

.input:focus {
  outline: none;
  border-color: var(--color-primary-400);
  box-shadow: 0 0 0 4px var(--color-primary-100);
}

.input::placeholder { color: #9a9a9a; }