/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/faq-list/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/**
 * Responsive
 */
/**
 * Typography
 */
/**
 * Transitions
 */
/**
 * Mixins for Media Queries
 * Example Usage: @include min($lg) || @include min(720)
 */
.faq-list.color-scheme-pale-blue .faq-list__item {
  border-bottom-color: var(--wp--preset--color--light-blue);
}
.faq-list.color-scheme-pale-blue .faq-list__item.open {
  background: var(--wp--preset--color--light-blue);
}
.faq-list.color-scheme-pale-blue .faq-list__item__question__expander {
  background: var(--wp--preset--color--pale-blue);
}
.faq-list.color-scheme-dark-beige .faq-list__item {
  border-bottom-color: var(--wp--preset--color--dark-beige);
}
.faq-list.color-scheme-dark-beige .faq-list__item.open {
  border-bottom-color: var(--wp--preset--color--pale-beige);
  background: var(--wp--preset--color--pale-beige);
}
.faq-list.color-scheme-dark-beige .faq-list__item__question__expander {
  background: var(--wp--preset--color--dark-beige);
}
.faq-list__item {
  padding: clamp(2rem, 1.6rem + 1vw, 2.5rem) clamp(1rem, 0.2rem + 2vw, 2rem);
  background: var(--wp--preset--color--ec-white);
  transition: background-color 0.3s, border-color 0.3s;
  border-bottom: 3px solid var(--wp--preset--color--warm-white);
}
.faq-list__item:first-child {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.faq-list__item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.faq-list__item.open {
  background: var(--wp--preset--color--warm-white);
}
.faq-list__item.open .faq-list__item__answer {
  max-height: 100rem;
  transition: max-height 2s, margin-top 0.3s;
  margin-top: 1.125rem;
}
.faq-list__item.open .faq-list__item__question:before {
  bottom: -0.875rem;
}
.faq-list__item.open .faq-list__item__question__expander {
  background: var(--wp--preset--color--ec-grey-1);
}
.faq-list__item.open .faq-list__item__question__expander:before {
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11.6569 2.06506L10.2426 0.650844L6 4.89348L1.75736 0.650843L0.343146 2.06506L4.58579 6.3077L0.343146 10.5503L1.75736 11.9646L6 7.72191L10.2426 11.9646L11.6569 10.5503L7.41421 6.3077L11.6569 2.06506Z%27 fill=%27%23F5F1DF%27/%3E%3C/svg%3E%0A");
}
.faq-list__item__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 1.5rem;
  position: relative;
}
.faq-list__item__question:before {
  content: "";
  position: absolute;
  inset: clamp(-2rem, -1.6rem - 1vw, -2.5rem) clamp(-1rem, -0.2rem - 2vw, -2rem);
}
.faq-list__item__question h4 {
  margin: 0;
}
.faq-list__item__question__expander {
  width: clamp(2rem, 1.6rem + 1vw, 2.5rem);
  height: clamp(2rem, 1.6rem + 1vw, 2.5rem);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.3s;
  background: var(--wp--preset--color--warm-white);
}
.faq-list__item__question__expander:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11.6569 2.06506L10.2426 0.650844L6 4.89348L1.75736 0.650843L0.343146 2.06506L4.58579 6.3077L0.343146 10.5503L1.75736 11.9646L6 7.72191L10.2426 11.9646L11.6569 10.5503L7.41421 6.3077L11.6569 2.06506Z%27 fill=%27%2335393D%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  transform: rotate(45deg);
  transition: transform 0.3s, background-image 0.3s;
}
.faq-list__item__answer {
  margin-top: 0;
  max-height: 0;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1), margin-top 0.8s linear;
  overflow: hidden;
}

/*# sourceMappingURL=style-index.css.map*/