.archive-filter {
  max-width: var(--block-max-width);
  margin: var(--basis-margin) auto;
  padding-left: var(--block-padding);
  padding-right: var(--block-padding);
}

.searchandfilter li[data-sf-field-type=reset] .search-filter-reset {
  border-width: 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1em;
}

.searchandfilter ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.searchandfilter ul li {
  padding: 10px 0;
}
.searchandfilter label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.searchandfilter input[type=checkbox] {
  cursor: pointer;
}
.searchandfilter h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0.5em 0;
}
.searchandfilter li[data-sf-field-input-type=select] label {
  display: block;
}
.searchandfilter li[data-sf-field-input-type=select] select {
  width: 100%;
  background-color: var(--primary-bg-color);
  border: 0;
  color: var(--primary-text-color);
  -webkit-box-shadow: 0 0 0 1px var(--secondary-bg-color);
          box-shadow: 0 0 0 1px var(--secondary-bg-color);
  padding: 1em 4em 1em 2em;
  border-radius: 2em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.75;
  cursor: pointer;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="m0.31958 5.3416a1.0915 1.1667 0 0 1 1.5434 0l10.144 10.842 10.144-10.842a1.0915 1.1667 0 0 1 1.5434 1.6497l-10.915 11.667a1.0915 1.1667 0 0 1-1.5434 0l-10.915-11.667a1.0915 1.1667 0 0 1 0-1.6497z" stroke-width="1.1285"/></svg>');
  background-position: right 1.5em center;
  background-repeat: no-repeat;
  background-size: 20px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.searchandfilter li[data-sf-field-input-type=select] select:hover, .searchandfilter li[data-sf-field-input-type=select] select:focus-visible, .searchandfilter li[data-sf-field-input-type=select] select:active {
  color: var(--color-green);
  -webkit-box-shadow: 0 0 0 2px var(--color-green);
          box-shadow: 0 0 0 2px var(--color-green);
  outline: none;
}
.contrast-mode .searchandfilter li[data-sf-field-input-type=select] select:hover, .contrast-mode .searchandfilter li[data-sf-field-input-type=select] select:focus-visible, .contrast-mode .searchandfilter li[data-sf-field-input-type=select] select:active {
  color: var(--primary-text-color);
  -webkit-box-shadow: 0 0 0 3px var(--primary-text-color);
          box-shadow: 0 0 0 3px var(--primary-text-color);
}
body.dark-mode .searchandfilter li[data-sf-field-input-type=select] select {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255, 255, 255)" d="m0.31958 5.3416a1.0915 1.1667 0 0 1 1.5434 0l10.144 10.842 10.144-10.842a1.0915 1.1667 0 0 1 1.5434 1.6497l-10.915 11.667a1.0915 1.1667 0 0 1-1.5434 0l-10.915-11.667a1.0915 1.1667 0 0 1 0-1.6497z" stroke-width="1.1285"/></svg>');
}
.searchandfilter li[data-sf-field-input-type=select] select option {
  color: var(--primary-text-color);
}
.searchandfilter li[data-sf-field-type=reset] .search-filter-reset {
  font-size: 0.875rem;
  font-weight: 400;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group {
  display: -ms-grid;
  display: grid;
  gap: 1em;
  border: 0 !important;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group svg {
  width: 40px;
  height: 40px;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group li {
  background-color: var(--primary-bg-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
  position: relative;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group li:focus-within input {
  outline: none;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group li:focus-within label {
  -webkit-box-shadow: 0 0 0 2px var(--color-green);
          box-shadow: 0 0 0 2px var(--color-green);
  border: 1px solid var(--color-green);
  color: var(--color-green);
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .grid-group li:focus-within label {
  -webkit-box-shadow: 0 0 0 2px var(--primary-text-color);
          box-shadow: 0 0 0 2px var(--primary-text-color);
  border: 1px solid var(--primary-text-color);
  color: var(--primary-text-color);
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label {
  position: absolute;
  inset: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  padding: 0;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label:hover {
  -webkit-box-shadow: 0 0 0 2px var(--color-green);
          box-shadow: 0 0 0 2px var(--color-green);
  border: 1px solid var(--color-green);
  color: var(--color-green);
}
body.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .grid-group label:hover {
  -webkit-box-shadow: 0 0 0 2px var(--primary-text-color);
          box-shadow: 0 0 0 2px var(--primary-text-color);
  border: 1px solid var(--primary-text-color);
  color: var(--primary-text-color);
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label svg {
  fill: currentcolor;
}
body.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .grid-group label {
  border-color: var(--color-gray);
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group .icon path,
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group .icon rect {
  fill: currentColor;
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group input[type=checkbox]:checked + label,
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label:checked:hover,
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label.active {
  border: 1px solid var(--color-green);
  color: var(--light-text-color);
  background-color: var(--color-green);
  opacity: 1;
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .grid-group input[type=checkbox]:checked + label,
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .grid-group label:checked:hover,
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .grid-group label.active {
  background: var(--secondary-bg-color);
  border: 1px solid var(--secondary-bg-color);
}
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group input[type=checkbox]:checked + label svg,
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label:checked:hover svg,
.searchandfilter li[data-sf-field-type=taxonomy] .grid-group label.active svg {
  fill: currentcolor;
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group label {
  font-weight: 700;
  color: white;
  padding: 1.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  overflow: hidden;
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group label .background {
  background-size: cover;
  background-position: center, bottom, center;
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group label .text {
  z-index: 51;
  display: block;
  pointer-events: none;
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .image-group label {
  color: var(--primary-text-color);
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .image-group label .background {
  display: none;
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group input[type=checkbox] {
  width: 25px;
  height: 25px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--light-bg-color);
  -webkit-transition: 0.2s background-color ease;
  transition: 0.2s background-color ease;
  margin: 0;
  font: inherit;
  color: currentColor;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: absolute;
  z-index: 200;
  top: 1rem;
  right: 1rem;
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--primary-bg-color);
          box-shadow: inset 1em 1em var(--primary-bg-color);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group input[type=checkbox]:checked {
  background-color: var(--color-green);
}
.searchandfilter li[data-sf-field-type=taxonomy] .image-group input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .image-group input[type=checkbox] {
  -webkit-box-shadow: 0 0 0 2px rgb(0, 0, 0);
          box-shadow: 0 0 0 2px rgb(0, 0, 0);
  background-color: var(--light-bg-color);
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .image-group input[type=checkbox]::before {
  -webkit-box-shadow: inset 1em 1em var(--secondary-bg-color);
          box-shadow: inset 1em 1em var(--secondary-bg-color);
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group {
  padding: 0;
  list-style: none;
  border: 0 !important;
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25px 1em auto;
  grid-template-columns: 25px auto;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group li + li {
  margin-top: 1em;
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group label {
  font-weight: 400;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group input[type=checkbox] {
  width: 25px;
  height: 25px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  -webkit-transition: 0.2s background-color ease;
  transition: 0.2s background-color ease;
  margin: 0;
  font: inherit;
  color: currentColor;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--primary-bg-color);
          box-shadow: inset 1em 1em var(--primary-bg-color);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group input[type=checkbox]:checked {
  background-color: var(--color-green);
}
.searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group input[type=checkbox] {
  -webkit-box-shadow: 0 0 0 2px rgb(0, 0, 0);
          box-shadow: 0 0 0 2px rgb(0, 0, 0);
  background-color: var(--light-bg-color);
}
.contrast-mode .searchandfilter li[data-sf-field-type=taxonomy] .checkbox-group input[type=checkbox]::before {
  -webkit-box-shadow: inset 1em 1em var(--secondary-bg-color);
          box-shadow: inset 1em 1em var(--secondary-bg-color);
}
.searchandfilter li[data-sf-field-type=taxonomy] .flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
  border: 0 !important;
}
.searchandfilter li[data-sf-field-type=taxonomy] .flex-group label .text {
  display: none;
}
.searchandfilter li[data-sf-field-type=taxonomy] .flex-group input[type=checkbox] {
  width: 25px;
  height: 25px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  -webkit-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
  margin: 0;
  font: inherit;
  color: currentColor;
  border-radius: 50px;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: -ms-grid;
  display: grid;
  place-content: center;
  opacity: 0.5;
}
.searchandfilter li[data-sf-field-type=taxonomy] .flex-group input[type=checkbox]:checked {
  opacity: 1;
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px currentColor !important;
          box-shadow: 0 0 0 2px white, 0 0 0 4px currentColor !important;
}
.searchandfilter li[data-sf-field-type=taxonomy] .flex-group input[type=checkbox]:hover {
  opacity: 1;
}
.searchandfilter li[data-sf-field-type=taxonomy] .header-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.searchandfilter li[data-sf-field-type=taxonomy] .header-group svg {
  width: 10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media (min-width: 660px) {
  .product-filter .grid-group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .product-filter .grid-group.grid-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .product-filter li[data-sf-field-input-type=checkbox] .image-group li {
    min-height: 110px;
  }
  .product-filter li[data-sf-field-input-type=checkbox] .image-group label {
    padding: 1.5rem;
    font-size: 1.25em;
  }
}
@media (max-width: 659px) {
  .product-filter .searchandfilter > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product-filter .searchandfilter li[data-sf-field-type=taxonomy] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
            flex: 1 0 33%;
  }
}
@media (max-width: 659px) and (min-width: 500px) {
  .product-filter .searchandfilter li[data-sf-field-type=taxonomy] .grid-group {
    grid-auto-flow: column;
  }
}
@media (max-width: 659px) {
  .product-filter .searchandfilter li[data-sf-field-type=reset] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    text-align: center;
  }
}
@media (max-width: 659px) and (min-width: 660px) {
  .product-filter .searchandfilter li[data-sf-field-type=reset] {
    text-align: right;
  }
}
@media (max-width: 659px) {
  .product-filter .searchandfilter li[data-sf-field-input-type=checkbox] .grid-group:not(.image-group) li {
    min-width: 60px;
  }
  .product-filter .searchandfilter li[data-sf-field-input-type=checkbox] .image-group li {
    min-width: 120px;
  }
  .product-filter .searchandfilter li[data-sf-field-input-type=checkbox] .image-group label {
    padding: 0.75em;
  }
  .product-filter .searchandfilter li[data-sf-field-input-type=select] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 250px;
            flex: 1 0 250px;
  }
}

.archive-filter .searchandfilter > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.archive-filter .searchandfilter li[data-sf-field-type=taxonomy] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33%;
          flex: 1 0 33%;
}
@media (min-width: 500px) {
  .archive-filter .searchandfilter li[data-sf-field-type=taxonomy] .grid-group {
    grid-auto-flow: column;
  }
}
.archive-filter .searchandfilter li[data-sf-field-type=reset] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  text-align: center;
}
@media (min-width: 660px) {
  .archive-filter .searchandfilter li[data-sf-field-type=reset] {
    text-align: right;
  }
}
.archive-filter .searchandfilter li[data-sf-field-input-type=checkbox] .grid-group:not(.image-group) li {
  min-width: 60px;
}
.archive-filter .searchandfilter li[data-sf-field-input-type=checkbox] .image-group li {
  min-width: 120px;
}
.archive-filter .searchandfilter li[data-sf-field-input-type=checkbox] .image-group label {
  padding: 0.75em;
}
.archive-filter .searchandfilter li[data-sf-field-input-type=select] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 250px;
          flex: 1 0 250px;
}
/*# sourceMappingURL=filter.css.map */