.on_page_site_search {
  width: 100%;
}
.on_page_site_search * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.on_page_site_search .cmp-on-page-site-search {
  width: 100%;
  max-width: 768px;
  padding: 10px 20px 10px;
  margin: 0 auto;
}
.on_page_site_search .search-form {
  position: relative;
}
.on_page_site_search .search-form .search-suggestions-wrapper .suggestionsBoxWrapper .suggestionsBox .linkWrapper {
  font-family: inherit;
}
.on_page_site_search .search-form #onPageMobileSearchAutoCompleteWrapper .searchSuggestionsHeader,
.on_page_site_search .search-form #onPageMobileSearchRecentWrapper .searchSuggestionsHeader {
  padding-top: 20px;
  margin-bottom: 5px;
}
.on_page_site_search .input-container {
  height: 63px;
  display: grid;
  grid-template-columns: auto 75px;
  border: 2px solid #c3c3c3;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .on_page_site_search .input-container {
    grid-template-columns: auto 83px;
  }
}
.on_page_site_search #on-page-search-input {
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 58px;
  color: #7f7f7f;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  font-family: inherit;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .on_page_site_search #on-page-search-input {
    padding-left: 66px;
  }
}
.on_page_site_search #on-page-search-input:focus-visible {
  outline: none;
}
.on_page_site_search .icon-img-container {
  position: absolute;
  top: 23px;
  left: 27px;
}
.on_page_site_search .icon-img-container img {
  vertical-align: unset;
}
.on_page_site_search .clear-on-page-search-btn {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  top: unset;
  right: unset;
  line-height: unset;
}
.on_page_site_search .clear-on-page-search-btn:hover {
  cursor: pointer;
}
.on_page_site_search .clear-on-page-search-btn span {
  position: relative;
  height: 20px;
  width: 19px;
  top: unset;
}
.on_page_site_search .clear-on-page-search-btn span svg {
  vertical-align: unset;
}
.on_page_site_search .clear-on-page-search-btn.shown {
  display: flex;
}
.on_page_site_search input[type="search"]::-webkit-search-decoration,
.on_page_site_search input[type="search"]::-webkit-search-cancel-button,
.on_page_site_search input[type="search"]::-webkit-search-results-button,
.on_page_site_search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}