.input {
  width: 100%;
  height: 2.5rem;

  padding: 0 1rem;

  background: var(--color-bg);

  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: var(--radius-lg);

  transition: var(--transition-fast);
}

.input::placeholder {
  color: var(--color-text-muted);
}

.input:hover {
  border-color: var(--color-text);
}

.input:focus {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}