.search {
  text-align: left;
  line-height: 1.25;

  color: var(--fg);
  background-color: var(--neutral-bg);

  display: block;
  width: 292px;
  min-height: 45px;

  border-radius: 6px;
  border: none;

  box-shadow: inset 0px 0px 2px rgba(0,0,0,50%);

  display: flex;
  flex-flow: row nowrap;
}

.search input {
  appearance: none;
  background: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
  padding: 9px;
}

.search input[type="text"] {
  flex: 1;
  width: 100%;
}

.search [type="submit"] {
  appearance: none;
  background: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
  padding: 9px;
}