.faq {
  background: var(--faq-panel-bg, transparent);
}

.faq__title {
  color: var(--faq-title-color, #000000);
}

.accordion__item {
  background: var(--faq-item-bg, #ffffff);
  border: 1px solid var(--faq-border-color, #eff4fd);
  border-radius: 8px;
  overflow: hidden;
}

.accordion__item[open] {
  background: var(--faq-item-open-bg, #ffffff);
}

.accordion__question {
  background: var(--faq-question-bg, #eff4fd);
  color: var(--faq-question-color, #000000);
}

.accordion__item[open] .accordion__question {
  background: var(--faq-question-open-bg, var(--faq-question-bg, #eff4fd));
  color: var(--faq-question-open-color, var(--faq-question-color, #000000));
}

.accordion__icon {
  color: var(--faq-icon-color, #000000);
}

.accordion__icon path {
  stroke: currentColor;
}

.accordion__item[open] .accordion__icon {
  color: var(--faq-icon-open-color, var(--faq-icon-color, #000000));
}

.accordion__answer {
  background: var(--faq-answer-bg, #ffffff);
  color: var(--faq-answer-color, #000000);
}

.accordion__answer a {
  color: var(--faq-link-color, #000000);
}

.accordion__answer a:hover {
  color: var(--faq-link-hover-color, var(--faq-link-color, #000000));
}