.df-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  padding: 0.375em 0.625em;
}

.df-input:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}

textarea.df-input {
  resize: vertical;
  min-height: 4em;
}

.df-input {
  color: #0f0f0f;
  background: #fff;
  border-color: #ccc;
}
.df-input::placeholder {
  color: #999;
}