.template-search:not(.js-drawer-open-right).border-radius-round .input-group-field{padding:10px 18px}.template-search:not(.js-drawer-open-right) .input-group-field{padding:10px;border:1px solid var(--border-color);border-radius:var(--input-border-radius)}.template-search:not(.js-drawer-open-right) .facets__form-inner{column-gap:calc(var(--grid-spacing) * .75);gap:30px}@media screen and (min-width:768px){.template-search:not(.js-drawer-open-right) .facets__form-inner{column-gap:var(--grid-spacing)}}.search-bar-input-group{position:relative}.search-bar-input-group .search-drawer--clear{position:absolute;right:44px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out;opacity:0;border:0;background:0 0}.search-bar-input-group input{padding:10px}.template-search .search--header{margin-bottom:30px}@media only screen and (min-width:768px){.template-search .collection-filters__sidebar{padding-right:30px}}.template-search .product-grid--wrapper{justify-content:var(--search-content-alignment)}
.search--header .template-title--wrapper {
  color: var(--color-dark-accent);
}
.search-text-intro {
  display: block;
}
.template-search:not(.js-drawer-open-right) .search-bar-input-group .input-group-field {
  border-radius: 100px !important;
  border-color: var(--color-main-accent) !important;
  color: var(--color-main-accent);
  padding-left: 24px !important;
  padding-right: 24px !important;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.72px;
}

.search-result-type-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 48px;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .search-result-type-links {
    margin-bottom: 1rem;
  }
}
.search-result-type-links__link {
  color: var(--color-main-accent);
  font-size: 20px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.search-result-type-links__link:hover,
.search-result-type-links__link.is-active {
  font-weight: 600;
}
.search-bar .search-input--btn {
  color: var(--color-main-accent);
}
.search-bar span.input-group-btn {
  right: 1.25rem;
}
.search-bar span.input-group-btn svg {
  width: 24px;
  height: 24px;
}
.search-drawer--clear svg {
  color: var(--color-main-accent);
}
/* <search-type-links> hides result-type links with no results via [hidden] */
.search-result-type-links__link[hidden] {
  display: none;
}
search-type-links {
  display: block;
}
.search--header search-type-links {
  width: 100%;
}
.search--header .search-result-type-links {
  margin-top: 2rem;
}
.template-search .search-result--page,
.template-search .search-result--page a,
.template-search .search-result--page .grid-item__title,
.template-search .search-result--page .grid-item__excerpt,
.template-search .search-result--article,
.template-search .search-result--article a,
.template-search .search-result--article .grid-item__title,
.template-search .search-result--article .grid-item__excerpt {
  text-align: left;
}
.template-search .search-result--page .grid-item__title,
.template-search .search-result--article .grid-item__title {
  color: var(--color-dark-accent);
}
/* 2-up phone grid: the theme's width calc leaves zero spare width next to the 30px gap, so a
   subpixel rounding difference (Safari) can wrap the second card onto its own row. 1px of slack. */
@media only screen and (max-width: 767px) {
  .template-search .product-grid--wrapper .grid__item.small--one-half.medium--one-half {
    width: calc(50% - (var(--grid-spacing) * 0.75) / 2 - 1px);
  }
}
