/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./web/app/plugins/wwp-gutenberg-utils/src/blocks/accordion/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ------------------------ */
/* ==ACCORDION              */
/* ------------------------ */
.js-accordion__header {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 2rem 6rem 2rem 0;
  text-align: left;
  text-transform: none;
  white-space: normal;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  border-bottom: 1px solid black;
}
.js-accordion__header::before, .js-accordion__header::after {
  content: "";
  display: block;
  height: 1px;
  width: 16px;
  background: black;
  position: absolute;
  top: 50%;
  right: 2rem;
  z-index: 2;
  transform: translateY(-50%);
}
.js-accordion__header::after {
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.3s ease-out;
}
.js-accordion__header[aria-expanded=true] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.js-accordion__header[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(0deg);
}
.js-accordion__header.has-illustration {
  padding-left: 10rem !important;
  background-size: 5rem auto !important;
  background-position-x: 3rem !important;
}

.js-accordion__panel {
  padding: 0 4rem 0 0;
  overflow: hidden;
  transition: all 0.4s ease-out;
}
.js .js-accordion__panel, .js-enabled .js-accordion__panel {
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.js-accordion__panel h2:before {
  content: none;
}
.js-accordion__panel[aria-hidden=false] {
  padding: 2rem 4rem 4rem 0;
}

body:not(.wp-admin) .my-accordion-name__title {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* This is the visible state */
[aria-expanded=true] + .js-accordion__panel,
[aria-hidden=false].js-accordion__panel {
  visibility: visible;
  opacity: 1;
  height: auto;
}

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