/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/accordion/accordion.scss ***!
  \***********************************************************************************************************************/
.Accordion__item {
  margin-bottom: 24px;
}
.Accordion__item:last-child {
  margin-bottom: 0;
}
.Accordion__content-wrapper {
  position: relative;
}
.Accordion__content-wrapper input {
  position: absolute;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: 0;
}
.Accordion__content-wrapper label {
  width: 100%;
  padding: 20px 16px;
  cursor: pointer;
  position: relative;
  border-bottom: 0;
}
.Accordion__head-title {
  padding-bottom: 0;
  position: relative;
  border: 2px solid var(--e-global-color-primary);
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.2s;
}
.Accordion__head-icon {
  position: absolute;
  right: 0;
  height: 100%;
  width: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  background: var(--e-global-color-primary);
  transition: 0.2s;
}
.Accordion__wysiwyg-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.2s;
  background-color: white;
  border: 2px solid var(--e-global-color-primary);
  border-top: 0;
}
.Accordion__wysiwyg-content p {
  padding-bottom: 16px;
}
.Accordion__wysiwyg-content .wp-content {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.Accordion__wysiwyg-content .wp-content .ThemeButton {
  position: relative;
  z-index: 1;
}
.Accordion input:checked ~ h4 {
  background: var(--e-global-color-primary);
  color: white;
  transition: 0.2s;
}
.Accordion input:checked ~ h4 .Accordion__head-icon::before {
  transform: rotate(180deg);
  transition: 0.2s;
}
.Accordion input:checked ~ h4 ~ .Accordion__wysiwyg-content {
  max-height: 100%;
  transition: max-height 0.2s;
}
