.spca-faq-accordion {
  --_button-size: 1rem;
  --_panel-padding: 1rem;
  --_panel-gap: 0rem;

  display: flex;
  flex-direction: column;

  contain: content;
  /* added padding to prevent issue with outlines */
  padding: 0.5rem;
}
.spca-faq-accordion .accordion-panel {
  border: 1px solid #d5d8dc;
}
.spca-faq-accordion .accordion-panel + .accordion-panel {
  border-top: none;
}
.spca-faq-accordion  .accordion-panel .accordion-trigger {
  display: grid;
  grid-template-columns: 1fr 48px;
  width: 100%;
  align-items: center;
  gap: var(--_panel-gap);
  background: #fff;
  border: 0;
  border-radius: 0;
  padding: var(--_panel-padding);
  text-align: left;
}

.spca-faq-accordion  .accordion-panel .accordion-trigger:hover,
.spca-faq-accordion  .accordion-panel .accordion-trigger:focus {
  background-color: #fff;
}
.spca-faq-accordion  .accordion-toggle {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spca-faq-accordion  .accordion-icon {
  width: var(--_button-size);
  padding: 0;
  aspect-ratio: 1 / 1;
  z-index: 10;
  color: var(--e-global-color-text);
}
.spca-faq-accordion .accordion-trigger[aria-expanded="true"] .plus {
  display: none;
}
.spca-faq-accordion .accordion-trigger[aria-expanded="false"] .minus {
  display: none;
}
.spca-faq-accordion  h3 {
  margin: 0;
}
.spca-faq-accordion  .accordion-title {
  margin-bottom: 0;
  font-family: var(--e-global-typography-secondary-font-family);
  font-weight: 700;
  font-size: 1rem;
  color: var(--e-global-color-text);
  text-transform: none;
  letter-spacing: 0;
  text-wrap: auto;
  line-height: 1;
}
@media (min-width: 768px) {
  .spca-faq-accordion  .accordion-title {
    font-size:  1.5rem;
  }
}
@media (min-width: 1024px) {
  .spca-faq-accordion  .accordion-title {
    font-size:  2rem;
  }
}

.spca-faq-accordion  .accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  background-color: #fff;
}

@media (prefers-reduced-motion: no-preference) {
  .spca-faq-accordion .accordion-content {
    transition: grid-template-rows 0.6s;
  }
}

.spca-faq-accordion .accordion-panel:has([aria-expanded="true"]) .accordion-content {
  grid-template-rows: 1fr;
}

.spca-faq-accordion .accordion-content > div {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  padding: var(--_panel-padding);
}

@media (prefers-reduced-motion: no-preference) {
  .spca-faq-accordion .accordion-panel:has([aria-expanded="true"]) .accordion-content  > div{
    transition: opacity 500ms 500ms;
  }
}

.spca-faq-accordion .accordion-panel:has([aria-expanded="true"]) .accordion-content  > div{
  opacity: 1;
  pointer-events: all;
}