.template-search__header {
  margin-bottom: 3rem;
}

.template-search__search {
  margin: 0 auto 1.6rem;
  max-width: 40rem;
}

.template-search--empty {
  padding-bottom: 18rem;
}

.template-search__header {
  margin-bottom: 3.2rem;

  @media screen and (min-width: 750px) {
    margin-bottom: 4rem;
  }

  @media screen and (min-width: 990px) {
    margin-bottom: 4.8rem;
  }
}

.search__button .icon {
  height: 1.8rem;
}

.template-search__grid-wrapper:not(:has(li)) {
  display: none;
}

.template-search__grid-wrapper + .template-search__grid-wrapper {
  margin-top: 2.4rem;
  @media (min-width: 750px) {
    margin-top: 3.2rem;
  }

  @media (min-width: 990px) {
    margin-top: 4rem;
  }
}

.template-search__heading {
  margin-top: 0;
  margin-bottom: 1.6rem;

  @media (min-width: 750px) {
    margin-bottom: 2.4rem;
  }
}
.template-search__grid {
  gap: 1.6rem;
  list-style: none;
  padding-left: 0;

  @media (min-width: 750px) {
    gap: 2.4rem;
  }
}

.template-search__item-wrapper > div {
  height: 100%;
}

.template-search__item-wrapper--page > .card-wrapper {
  overflow: clip;
  border: 0.1rem solid rgb(var(--color-outline));
  border-radius: 1.6rem;
}

.template-search__status {
  text-align: center;
  margin-block: 0;

  @media (min-width: 990px) {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}

.search__input-wrapper .template-search__input {
  border-color: rgb(var(--color-input-border-f));
  padding-left: 5.6rem;
}

.template-search .predictive-search:has(.predictive-search-results--empty) {
  opacity: 0;
}