.search-options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter1) var(--gutter0);
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  background-color: #F7F7F7;
  width: calc(100% + 1.6em);
  margin-left: -0.8em;
  padding-inline: 0.8em;
  padding-bottom: calc(var(--gutter1) - 0.3em);
  margin-bottom: calc(var(--gutter1-) + var(--spacer-to-gutter) + var(--gutter1));
  margin-top: var(--gutter1-);
  position: sticky;
  top: 0;
  padding-top: var(--gutter1);
  box-shadow: 0px 9.1px 9.7px -30px rgba(0, 0, 0, 0.202), 0px 11.6px 12.2px -30px rgba(0, 0, 0, 0.298), 0px 20px 20px -30px rgba(0, 0, 0, 0.5);
}
body:not(.feature\:flexbox-gap) .search-options {
  gap: initial;
  margin-top: calc(-1 * var(--gutter1));
  margin-bottom: calc(-1 * var(--gutter1));
  left: calc(-1 * var(--gutter0));
  width: calc(100% + (var(--gutter0)));
}
body:not(.feature\:flexbox-gap) .search-options > * {
  margin: calc(var(--gutter1) / 2) calc(var(--gutter0) / 2);
}

.search-options:not(:defined) {
  display: none;
}
.search-options:not(.has\:filter-button):not(.has\:order-button):not(.has\:map-button) {
  justify-content: end;
}
.search-options:not(.has\:order-button).has\:layout-options {
  justify-content: end;
}
.search-options > button, .search-options > a {
  display: grid;
  grid-gap: 0.5em;
  align-items: center;
  grid-auto-flow: column;
  white-space: nowrap;
}
.search-options > button svg, .search-options > a svg {
  width: auto;
  height: 1.5em;
  --symbol-colour:url(#brand-gradient);
}
.search-options > button.filter-trigger, .search-options > a.filter-trigger {
  margin-right: auto;
}
.search-options > button.filter-trigger svg circle, .search-options > a.filter-trigger svg circle {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.search-options > button.filter-trigger svg circle:nth-of-type(1), .search-options > a.filter-trigger svg circle:nth-of-type(1) {
  transition-delay: 0.1s;
  transform: translateX(40%);
}
.search-options > button.filter-trigger svg circle:nth-of-type(2), .search-options > a.filter-trigger svg circle:nth-of-type(2) {
  transition-delay: 0s;
  transform: translateX(66%);
}
.search-options > button.filter-trigger svg circle:nth-of-type(3), .search-options > a.filter-trigger svg circle:nth-of-type(3) {
  transition-delay: 0.2s;
  transform: translateX(30%);
}
@media (hover: hover) {
  .search-options > button.filter-trigger:hover svg circle:nth-of-type(1), .search-options > a.filter-trigger:hover svg circle:nth-of-type(1) {
    transform: translateX(70%);
  }
  .search-options > button.filter-trigger:hover svg circle:nth-of-type(2), .search-options > a.filter-trigger:hover svg circle:nth-of-type(2) {
    transform: translateX(20%);
  }
  .search-options > button.filter-trigger:hover svg circle:nth-of-type(3), .search-options > a.filter-trigger:hover svg circle:nth-of-type(3) {
    transform: translateX(50%);
  }
}
.search-options > button.sort-trigger, .search-options > a.sort-trigger {
  margin-right: auto;
}
.search-options > button.sort-trigger svg, .search-options > a.sort-trigger svg {
  height: 1.4em;
}
.search-options > button.sort-trigger span, .search-options > a.sort-trigger span {
  color: #ff2871;
}
.search-options [class^=layout-button] > svg {
  height: 1.2em;
}
.search-options [class^=layout-button]:not(.active) > svg {
  --symbol-colour:#787878;
}
.search-options .dropdown-trigger {
  display: grid;
  grid-gap: 0.5em;
  align-items: center;
  grid-auto-flow: column;
  align-self: center;
  cursor: pointer;
}
.search-options .dropdown-trigger > svg {
  --symbol-colour:url(#brand-gradient);
}
.search-options ul.active-filter-list {
  flex-basis: 100%;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter0);
}
.search-options ul.active-filter-list li button svg {
  height: auto;
}
.search-options ul.active-filter-list[data-filter-count="0"] {
  display: none;
}
@media (max-width: 660px) {
  .search-options {
    margin-top: var(--spacer-to-gutter);
  }
}
/*# sourceMappingURL=../../sourcemaps/components/search/search-options.css.map */