.accordion { box-sizing: content-box; background-color: rgb(247, 241, 249); border: 2px solid rgb(0, 0, 0); border-radius: 32px; margin-bottom: 12px; padding: 0px 20px; display: block; }
@media screen and (width >= 750px) {
  .accordion { margin-bottom: 16px; padding: 0px 20px 0px 32px; }
}
.accordion:last-of-type { border-bottom: 2px solid rgb(0, 0, 0); margin-bottom: 0px; }
.accordion.animating { transition: height 0.5s cubic-bezier(0.46, 0.01, 0.32, 1); overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .accordion.animating { transition: height 10ms linear; }
}
.accordion__toggle { cursor: pointer; justify-content: space-between; align-items: center; width: 100%; padding: 12px 32px 12px 0px; display: flex; position: relative; }
@media screen and (width >= 1025px) {
  .accordion__toggle { padding: 14px 32px 12px 0px; }
}
.accordion__toggle span { max-width: 90%; display: block; }
.accordion__toggle svg { flex-shrink: 0; width: 26px; height: 26px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
[open] .accordion__toggle svg:first-of-type { display: none; }
[open] .accordion__toggle svg:last-of-type, .accordion__toggle svg:first-of-type { display: block; }
.accordion__toggle svg:last-of-type { display: none; }
.accordion__content { padding-bottom: 14px; }
.accordion__content :last-child { margin: 0px; }
.accordion.accordion--pdp { border-width: 2px 0px 0px; border-style: solid none none; border-color: rgb(0, 0, 0) currentcolor currentcolor; border-image: none; border-radius: 0px; margin-top: 24px; margin-bottom: 0px; padding: 0px; }
.accordion.accordion--pdp:not(:first-of-type) { margin-top: 0px; }
.accordion.accordion--pdp svg { width: 20px; height: 20px; }
.accordion.accordion--pdp .accordion__content { padding-bottom: 0px; }
.accordion.accordion--pdp:has(+ .accordion--pdp) .accordion__content { padding-bottom: 14px; }
.accordion .accordion__content-indent { padding-left: 48px; }
.faq { background-color: var(--faq-background-color); padding: 40px 0px; display: block; }
@media screen and (width >= 1025px) {
  .faq { padding: 48px 0px; }
}
.faq.faq--page { padding: 40px 0px 80px; }
@media screen and (width >= 1025px) {
  .faq.faq--page { padding: 96px 0px; }
}
.faq .btn__wrapper { margin-top: 40px; }
@media screen and (width >= 750px) {
  .faq .btn__wrapper { margin-top: 24px; }
}
.faq__heading { position: relative; }
.faq__heading h1 { max-width: 72%; margin-bottom: 0px; }
.faq__content { text-align: center; margin-bottom: 40px; }
@media screen and (width >= 1025px) {
  .faq__content { text-align: left; margin-bottom: 0px; }
}
.faq__content-heading { margin: 40px 0px 24px; }
@media screen and (width >= 1025px) {
  .faq__content-heading { margin: 64px 0px 24px; }
}
.faq__content-heading h2 { margin: 0px; }
.faq__container { z-index: 1; position: relative; }
.faq__sparkles .sparkle--1 { width: 72px; bottom: 63%; right: 5%; }
@media screen and (width >= 1025px) {
  .faq__sparkles .sparkle--1 { width: 160px; bottom: -13%; right: 0px; }
}
.faq__sparkles .sparkle--2 { width: 36px; bottom: 50%; right: 0px; }
@media screen and (width >= 1025px) {
  .faq__sparkles .sparkle--2 { width: 80px; bottom: 54%; right: 16%; }
}