input[type=text] {
  appearance: none;
  outline: transparent;
  padding: var(--space-100);
  border-radius: var(--radius-s);
  border: var(--border-s) solid var(--color-layer);
  background-color: var(--color-layer);
  color: var(--color-text);
}

input[type=text]:focus {
  border-color: var(--color-primary);
}

input[type=text]:invalid {
  border-color: var(--color-error);
}

input[type=range] {
  accent-color: var(--color-primary);
}