header > .search {
  border: 1px solid #777780;
  border-radius: 5px;
  padding-inline: 12px;
  cursor: text;
}

html[data-theme="dark"] header > .search {
  border-color: #777780;
}

header > .search:focus-within,
html[data-theme="dark"] header > .search:focus-within {
  border-color: #d73c4b;
  outline: 2px solid #d73c4b;
  outline-offset: 2px;
}

header > .search input:focus-visible {
  outline: none;
}
