section.search {
  width: 100%;
}
section.search h1 {
  margin: 32px 0 12px;
}
section.search h2.h3 {
  font-weight: 400;
  color: var(--text-secondary);
}
section.search p {
  font-size: var(--font-large);
  color: var(--text-secondary);
  text-align: center;
  text-wrap: balance;
}
body > .searchbar {
  margin: 24px auto auto;
  max-width: 480px;
  width: 90%;
}
body > .searchbar input {
  line-height: 2.86;
  background-color: var(--card-bg);
  padding-left: 44px;
}
body > .searchbar::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url(/img/search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  opacity: 0.5;
}
body > .searchbar + p {
  max-width: 480px;
  width: 90%;
  font-size: var(--font-small);
  color: var(--text-tertiary);
  margin-top: 8px;
  padding-left: 20px;
}