section.accordion.media-text {
  --margin-block: 25px;
  --plus-top: 25px;
  counter-reset: bullet-point;
}
@media (min-width: 1024px) {
  section.accordion.media-text {
    --plus-top: 30px;
  }
  section.accordion.media-text h2 {
    margin-bottom: clamp(3rem, 2.6667rem + 0.434vw, 3.5rem);
  }
  section.accordion.media-text .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-inline-start: var(--grid-gap);
  }
  section.accordion.media-text .wp-block-media-text.has-media-on-the-right figure {
    padding-inline-end: var(--grid-gap);
  }
}
section.accordion.media-text .question {
  border-bottom: 1px solid var(--wp--preset--color--purple);
  position: relative;
}
section.accordion.media-text .question::before, section.accordion.media-text .question::after {
  content: "";
  position: absolute;
  top: calc(var(--margin-block) + var(--plus-top));
  right: 0;
  height: 4px;
  width: 20px;
  background: var(--wp--preset--color--purple);
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1.1), opacity 0.2s ease-in-out 0.3s;
  pointer-events: none;
}
section.accordion.media-text .question:where(:not(.active))::before, section.accordion.media-text .question:where(:not(.active))::after {
  opacity: 1;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1.1) 0.2s, opacity 0.2s ease-in-out;
}
section.accordion.media-text .question:where(:not(.active))::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
section.accordion.media-text .question:where(:not(.active))::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
section.accordion.media-text .question .bullet-point {
  align-items: center;
  padding: var(--margin-block) 50px var(--margin-block) 0;
  cursor: pointer;
  margin: 0;
}
section.accordion.media-text .question .bullet-point::before {
  font-weight: 400;
}
@media (min-width: 768px) {
  section.accordion.media-text .question .bullet-point::before {
    margin-inline-end: clamp(3rem, 1.6667rem + 1.7361vw, 5rem);
  }
}
section.accordion.media-text .question .answer {
  overflow: hidden;
  transition: height 0.35s ease-in-out;
}
section.accordion.media-text .question .answer:where(:not(.active)) {
  display: none;
}
section.accordion.media-text .question .answer p {
  font-size: var(--static-paragraph-default-fontsize);
  margin-bottom: 2.5rem;
}
section.accordion.media-text .question .answer figure {
  width: 78%;
  margin: 1.5rem auto 4rem;
}
@media (min-width: 1024px) {
  section.accordion.media-text .question .answer figure {
    display: none;
  }
}
section.accordion.media-text .wp-block-media-text.transition figure.wp-block-media-text__media img, section.accordion.media-text .wp-block-media-text.transition figure.wp-block-media-text__media svg {
  opacity: 0;
  transition: opacity 1s ease;
}
@media (max-width: 1023px) {
  section.accordion.media-text figure.wp-block-media-text__media {
    display: none;
  }
}
section.accordion.media-text figure.wp-block-media-text__media img, section.accordion.media-text figure.wp-block-media-text__media svg {
  transition: opacity 1s ease;
}

[data-type="acf/accordion"] section.accordion.media-text .question .answer, [data-type="acf/accordion"] section.accordion.media-text .question .answer:where(:not(.active)) {
  display: block;
  height: auto;
  overflow: visible;
}
[data-type="acf/accordion"] section.accordion.media-text .question .answer figure, [data-type="acf/accordion"] section.accordion.media-text .question .answer:where(:not(.active)) figure {
  display: block;
}