input[type=text].sleek {
  border: 2px solid white;
  background-color: #555;
  font-size: inherit;
  outline: none;

  width: 10ch;
  min-width: 8ch;
  max-width: 70ch;

  transition:
    width 0.2s;
}

input[type=text].sleek::placeholder {
  color: rgb(124, 124, 124);
  font-style: italic;
}

input[type=color].sleek {
  border: 0;
  margin: 0;
  padding: 0;
}

button.sleek {
  font-size: inherit;

  display: inline-flex;
  justify-content: center;
  align-items: center;
}

button.sleek.light {
  color: black;
  background-color: hsl(0, 0%, 100%);
  border: 2px solid hsl(0, 0%, 80%);
}