/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./template-parts/search-filter-expandable/assets/sass/search-filter-expandable.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.search-filter-expandable {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.search-filter-expandable__expandable.details--active .search-filter-expandable__expandable-summary {
  background-color: #E0E7F6;
}
.search-filter-expandable__expandable.details--active .search-filter-expandable__expandable-down-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.search-filter-expandable__expandable-summary {
  min-height: 43px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid var(--input-border-colour);
  border-radius: 8px;
  background-color: transparent;
  transition: background-color 0.3s;
}
.search-filter-expandable__expandable-down-icon {
  margin-left: auto;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.search-filter-expandable__expandable-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}

/*# sourceMappingURL=template-part-search-filter-expandable.e4a27fbcd785b464f1c0.css.map*/