/* Give the search field a visible boundary on light headers. */
.app-viewport .header.light .header-content .search-box {
  background: var(--search-light-background, #e7e7e7);
  border-color: #d5d5d5;
  box-shadow: none;
}

.app-viewport .header.light .header-content .search-box:focus-within {
  background: var(--search-light-background, #dedede);
  border-color: #bfbfbf;
  box-shadow: none;
}

.app-viewport .header.light .header-content .search-input {
  color: #333;
}

.app-viewport .header.light .header-content .search-input::placeholder {
  color: #666;
  -webkit-text-fill-color: #666;
}

.app-viewport .header.light .header-content .search-icon {
  filter: brightness(0);
}