/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.accordion-block {
  display: flex;
  flex-direction: column;
  position: relative;
}

.accordion-heading {
  display: flex;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--medium);
  align-items: center;
  margin-bottom: 0;
  transition: margin 200ms ease-out;
  cursor: pointer;
}
.accordion-heading h1, .accordion-heading h2, .accordion-heading h3, .accordion-heading h4, .accordion-heading h5, .accordion-heading h6 {
  margin: 0;
}

.accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms ease-out;
}

.accordion-content > * {
  overflow: hidden;
  transform: scale(0.98);
  opacity: 0;
  transition: transform 300ms ease-out, opacity 300ms ease-out;
  transform-origin: center top;
}

.accordion-block svg {
  transition: transform 300ms ease-out;
}

.accordion-block svg rect {
  transition: opacity 200ms ease-out;
}

.accordion-block.accordion-block-active svg {
  transform: rotate(90deg);
}

.accordion-block.icon-arrow svg {
  transform: rotate(0deg);
}

.accordion-block.accordion-block-active.icon-arrow svg {
  transform: rotate(180deg);
}

.accordion-block.accordion-block-active .accordion-content {
  grid-template-rows: 1fr;
}

.accordion-block.accordion-block-active .accordion-heading {
  margin-bottom: var(--wp--preset--spacing--medium);
}

.accordion-block .accordion-heading > * {
  color: inherit;
}

.accordion-block.accordion-block-active .accordion-content > * {
  transform: scale(1);
  opacity: 1;
}

.accordion-block.accordion-block-active svg rect:nth-child(1) {
  opacity: 0;
}

.accordion-block + .accordion-block:not(.accordion-block-active) {
  border-top: 0 !important;
}

.accordion-block.accordion-block-active + .accordion-block:not(.accordion-block-active) {
  border-top-color: transparent !important;
}

.accordion-block:has(+ .accordion-block.accordion-block-active) {
  border-bottom-color: transparent !important;
}

.accordion-block.accordion-block-active.has-active-text {
  color: var(--active-text-color) !important;
}

.accordion-block.accordion-block-active.has-active-background {
  background-color: var(--active-background-color) !important;
}

.accordion-block.accordion-block-active.has-active-link a {
  color: var(--active-link-color) !important;
}

.accordion-block.accordion-block-active.has-active-border-color {
  border-color: var(--active-border-color) !important;
}

.accordion-block.accordion-block-active {
  z-index: 2;
}

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