/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/accordion/accordion-item-heading/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.accordion-item__heading.is-vertically-aligned-top {
  align-self: flex-start;
}

.accordion-item__heading.is-vertically-aligned-center {
  align-self: center;
}

.accordion-item__heading.is-vertically-aligned-bottom {
  align-self: flex-end;
}

.accordion-item__heading * {
  pointer-events: auto !important;
}

.accordion-item__heading {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--wp--style--block-gap);
  line-height: normal;
  width: 100%;
}

.accordion-item__heading.wp-block-heading {
  line-height: normal;
  font-size: var(--wp--preset--font-size--m);
  margin: 0;
}

button[data-accordion=accordion-trigger] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: var(--wp--preset--font-size--m);
  padding: var(--wp--preset--spacing--s);
  border: none;
  background-color: var(--wp--preset--color--neutral-3);
}

/* Accordion icon */
.accordion-icon__inner {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
}

.accordion-icon__inner::before,
.accordion-icon__inner::after {
  content: "";
  display: block;
  background-color: var(--wp--preset--color--black);
  position: absolute;
  top: 50%;
  left: 0;
  transition: all 150ms linear;
  width: 100%;
  height: 2px;
}

.accordion-icon__inner:before {
  transform: translatey(-50%);
}

.accordion-item .accordion-item__heading[data-is-open=true] .accordion-icon__inner:before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}

.accordion-icon__inner:after {
  transform: translatey(-50%) rotate(90deg);
}

.accordion-item .accordion-item__heading[data-is-open=true] .accordion-icon__inner:after {
  transform: translatey(-50%) rotate(0);
}

/* chevron style */
.is-style-chevron span.accordion-icon__inner {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM1NSAzTDcgOC41NjI3NUwxLjY0NSAzTDAgNC43MTI1NUw3IDEyTDE0IDQuNzEyNTVMMTIuMzU1IDNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 150ms linear;
  width: 14px;
  height: 14px;
}

.is-style-chevron .accordion-item__heading[data-is-open=true] span.accordion-icon__inner {
  transform: rotate(180deg);
}

.is-style-chevron span.accordion-icon__inner::before,
.is-style-chevron span.accordion-icon__inner::after {
  display: none;
}

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