/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 *
 * Frontend Styles
 *
 */
.accordion {
  margin-bottom: var(--wp--custom--padding--small);
  /* nested accordion */
}
.accordion:last-of-type {
  margin-bottom: 0;
}
.accordion .accordions {
  padding: 0;
}
.accordion .accordions .accordions__flexible-inner {
  padding-left: 0;
  padding-right: 0;
}
.accordions--changelog .accordion .accordion__content {
  max-width: 100%;
}
.accordion__toggle {
  background-color: var(--wp--preset--color--gray-5);
  cursor: pointer;
  padding: var(--wp--custom--padding--small);
  position: relative;
}
.accordion__toggle::before, .accordion__toggle::after {
  background-color: var(--wp--preset--color--brand-1);
  content: "";
  position: absolute;
  height: 20px;
  left: 28px;
  top: 21px;
  transition: transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 3px;
}
@media (min-width: 1024px) {
  .accordion__toggle::before, .accordion__toggle::after {
    top: 24px;
  }
}
.accordion__toggle::after {
  transform: rotate(90deg);
}
.accordion__toggle-heading {
  padding: 0 40px;
}
.accordion__content {
  display: none;
  max-width: var(--wp--custom--grid-width--shmedium);
  padding: var(--wp--custom--padding--small);
  margin: 0 auto;
}
.accordion__content pre {
  max-height: 800px;
  overflow-y: auto;
}
.accordion.expanded > .accordion__toggle::before {
  transform: rotate(90deg);
}

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