.c-algolia-box {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
}
.c-algolia-box__input {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 1rem;
  border: 1px solid #cececf;
  border-radius: 0.125rem;
  background-color: #fefefe;
  color: #0a0a0a;
  font-family: "redhattext-regular", sans-serif;
  font-size: 0.9375rem;
}
.c-algolia-box__input:focus {
  border-color: #cfbb94;
  outline: none;
}
.c-algolia-box__input::placeholder {
  color: #878789;
}
.c-algolia-box__submit {
  padding: 0.75rem 1.25rem;
  border: 1px solid #0a0a0a;
  background-color: #0a0a0a;
  color: #fefefe;
  font-family: "redhattext-medium", sans-serif;
  font-size: 0.875rem;
  cursor: pointer;
}
.c-algolia-box__submit:hover {
  border-color: #cfbb94;
  background-color: #cfbb94;
}

.c-algolia-search__input::-webkit-search-cancel-button, .c-algolia-search__input::-webkit-search-decoration, .c-algolia-search__input::-webkit-search-results-button, .c-algolia-search__input::-webkit-search-results-decoration,
.c-algolia-box__input::-webkit-search-cancel-button,
.c-algolia-box__input::-webkit-search-decoration,
.c-algolia-box__input::-webkit-search-results-button,
.c-algolia-box__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.c-algolia-search {
  display: block;
}
.c-algolia-search [hidden] {
  display: none !important;
}
.c-algolia-search__bar {
  margin-bottom: 1.5rem;
}
.c-algolia-search__form {
  position: relative;
}
.c-algolia-search__input {
  width: 100%;
  padding: 0.875rem 3rem 0.875rem 1rem;
  border: 1px solid #cececf;
  border-radius: 0.125rem;
  background-color: #fefefe;
  color: #0a0a0a;
  font-family: "redhattext-regular", sans-serif;
  font-size: 1rem;
}
.c-algolia-search__input:focus {
  border-color: #cfbb94;
  outline: none;
}
.c-algolia-search__input::placeholder {
  color: #878789;
}
.c-algolia-search__reset {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  border: 0;
  background: none;
  color: #878789;
  cursor: pointer;
}
.c-algolia-search__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .c-algolia-search__body {
    grid-template-columns: 15rem 1fr;
  }
}
.c-algolia-search__filters {
  font-family: "redhattext-regular", sans-serif;
}
.c-algolia-search__facet {
  margin-bottom: 1.75rem;
}
.c-algolia-search__facet-title {
  margin: 0 0 0.625rem;
  color: #0a0a0a;
  font-family: "redhattext-semibold", sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
}
.c-algolia-search__clear {
  margin-bottom: 1.25rem;
}
.c-algolia-search__clear-button {
  padding: 0.5rem 0.875rem;
  border: 1px solid #cececf;
  background-color: transparent;
  color: #242424;
  font-family: "redhattext-regular", sans-serif;
  font-size: 0.8125rem;
  cursor: pointer;
}
.c-algolia-search__clear-button:hover:not([disabled]) {
  border-color: #cfbb94;
  color: #0a0a0a;
}
.c-algolia-search__clear-button[disabled] {
  opacity: 0.4;
  cursor: default;
}
.c-algolia-search__stats {
  margin-bottom: 1rem;
  color: #878789;
  font-family: "redhattext-regular", sans-serif;
  font-size: 0.875rem;
}
.c-algolia-search__empty, .c-algolia-search__error {
  padding: 2rem 0;
  color: #878789;
  font-family: "redhattext-regular", sans-serif;
  text-align: center;
}
.c-algolia-search__error {
  color: #721c24;
}
.c-algolia-search__pagination {
  margin-top: 2.5rem;
}

.search-box--is-active .c-algolia-search__body {
  opacity: 1;
  pointer-events: initial;
}

html.search-box--is-active {
  overflow: hidden;
}
html.search-box--is-active body {
  padding-right: var(--cb-scrollbar-width, 0px);
}
html.search-box--is-active .c-algolia-search__body {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.c-algolia-facet__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-algolia-facet__item {
  margin-bottom: 0.375rem;
}
.c-algolia-facet__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #242424;
  font-size: 0.875rem;
  cursor: pointer;
}
.c-algolia-facet__count {
  margin-left: auto;
  color: #878789;
  font-size: 0.75rem;
}
.c-algolia-facet__more {
  margin-top: 0.5rem;
  border: 0;
  background: none;
  color: #cfbb94;
  font-size: 0.8125rem;
  text-decoration: underline;
  cursor: pointer;
}

.c-algolia-pagination__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-algolia-pagination__item a,
.c-algolia-pagination__item span {
  display: block;
  min-width: 2.25rem;
  padding: 0.5rem;
  border: 1px solid #e6e6e6;
  color: #242424;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
}
.c-algolia-pagination__item--selected a,
.c-algolia-pagination__item--selected span {
  border-color: #cfbb94;
  background-color: #cfbb94;
  color: #fefefe;
}
