/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/accordion-list/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * Responsive
 */
/**
 * Typography
 */
/**
 * Transitions
 */
/**
 * Mixins for Media Queries
 * Example Usage: @include min($lg) || @include min(720)
 */
.accordion-list .accordion-list-item {
  --open-bg-color: var(--wp--preset--color--warm-white);
  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);
  backface-visibility: hidden;
}
.accordion-list .accordion-list-item:first-child {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.accordion-list .accordion-list-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.accordion-list .accordion-list-item.active {
  background: var(--open-bg-color);
}
.accordion-list .accordion-list-item.active .accordion-list-item__head:before {
  bottom: -0.875rem;
}
.accordion-list .accordion-list-item.active .accordion-list-item__head .accordion-list-item__expander {
  background: var(--wp--preset--color--ec-grey-1);
}
.accordion-list .accordion-list-item.active .accordion-list-item__head .accordion-list-item__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");
}
.accordion-list .accordion-list-item__head {
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 1.5rem;
  position: relative;
}
.accordion-list .accordion-list-item__head .accordion-list-item__title {
  margin: 0;
}
.accordion-list .accordion-list-item__head .accordion-list-item__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);
}
.accordion-list .accordion-list-item__head .accordion-list-item__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;
}
.accordion-list .accordion-list-item__body {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
  backface-visibility: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  will-change: max-height;
}
.accordion-list .accordion-list-item__body-inner {
  padding-bottom: 0.75rem;
}
@media (max-width: 782px) {
  .accordion-list .accordion-list-item .accordion-list-item__head {
    padding: 1.75rem 1rem;
    gap: 0.0625rem;
  }
  .accordion-list .accordion-list-item .accordion-list-item__head .accordion-list-item__title {
    font-size: 1.25rem;
  }
  .accordion-list .accordion-list-item .accordion-list-item__body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .accordion-list .accordion-list-item .accordion-list-item__body-inner {
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .accordion-list[data-size=large] .accordion-list-item__head {
    padding: 2.5rem 2rem;
  }
  .accordion-list[data-size=large] .accordion-list-item__head .accordion-list-item__title {
    font-size: 1.75rem;
  }
  .accordion-list[data-size=large] .accordion-list-item__body {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .accordion-list[data-size=large] .accordion-list-item__body-inner {
    padding-bottom: 2.5rem;
  }
  .accordion-list[data-size=large] .accordion-list-item.open .accordion-list-item__body {
    margin-top: 1.25rem;
  }
}
.accordion-list[data-bg-color=pale-beige] .accordion-list-item {
  --open-bg-color: var(--wp--preset--color--pale-beige);
}

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