/* components/faq/src/scss/faq.scss */
:root {
  --faq-padding-x: 2rem;
  --faq-padding-y: 0.5rem;
  --faq-margin: 2rem 0;
  --faq-item-padding-y: 1.375rem;
  --faq-border-radius: 0;
  --faq-bg: var(--beo-accordion-bg, var(--beo-white, #fff));
  --faq-border-color: var(--beo-accordion-border-color, var(--beo-border-color, #dee2e6));
  --faq-divider-color: var(--beo-accordion-border-color, var(--beo-border-color, #dee2e6));
  --faq-title-color: var(--beo-emphasis-color, #272727);
  --faq-question-color: var(--beo-accordion-btn-color, var(--beo-emphasis-color, #272727));
  --faq-active-color: var(--beo-accordion-active-color, var(--beo-primary, #3d57d6));
  --faq-answer-color: var(--beo-secondary-color, #6b7280);
  --faq-icon-size: 1.25rem;
  --faq-icon-gap: 1.25rem;
  --faq-icon-thickness: 2px;
  --faq-title-font-size: 1.25rem;
  --faq-question-font-size: 1.0625rem;
  --faq-answer-font-size: 0.9375rem;
  --faq-transition-duration: 0.25s;
}
.faq {
  padding: var(--faq-padding-y) var(--faq-padding-x);
  background: var(--faq-bg);
  border: 1px solid var(--faq-border-color);
  border-radius: var(--faq-border-radius);
  margin: var(--faq-margin);
  height: -moz-fit-content;
  height: fit-content;
}
.faq__title {
  margin: var(--faq-item-padding-y) 0 0;
  font-size: var(--faq-title-font-size);
  font-weight: 600;
  color: var(--faq-title-color);
}
.faq__item + .faq__item {
  border-top: 1px solid var(--faq-divider-color);
}
.faq__question {
  display: flex;
  align-items: center;
  gap: var(--faq-icon-gap);
  padding: var(--faq-item-padding-y) 0;
  color: var(--faq-question-color);
  cursor: pointer;
  transition: color var(--faq-transition-duration) ease-in-out;
  list-style: none;
}
.faq__question::-webkit-details-marker {
  display: none;
}
.faq__question::marker {
  content: "";
}
.faq__question:hover {
  color: var(--faq-active-color);
}
.faq__question:focus-visible {
  outline: 2px solid var(--faq-active-color);
  outline-offset: 4px;
  border-radius: 0.25rem;
}
.faq__question-text {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--faq-question-font-size);
  font-weight: 600;
  line-height: 1.35;
  color: inherit;
}
.faq__icon {
  position: relative;
  flex: 0 0 auto;
  width: var(--faq-icon-size);
  height: var(--faq-icon-size);
}
.faq__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: calc(var(--faq-icon-size) * 0.4);
  height: calc(var(--faq-icon-size) * 0.4);
  border-right: var(--faq-icon-thickness) solid currentColor;
  border-bottom: var(--faq-icon-thickness) solid currentColor;
  transform: translateY(-20%) rotate(45deg);
  transition: transform var(--faq-transition-duration) ease;
}
.faq__item[open] > .faq__question {
  color: var(--faq-active-color);
}
.faq__item[open] > .faq__question .faq__icon::before {
  transform: translateY(20%) rotate(-135deg);
}
.faq__answer {
  padding: 0 calc(var(--faq-icon-size) + var(--faq-icon-gap)) var(--faq-item-padding-y) 0;
  font-size: var(--faq-answer-font-size);
  line-height: 1.55;
  color: var(--faq-answer-color);
}
.faq__answer > :first-child {
  margin-top: 0;
}
.faq__answer > :last-child {
  margin-bottom: 0;
}
.faq__answer p {
  margin: 0 0 0.75rem;
}
.faq__answer ul,
.faq__answer ol {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}
.faq__answer li + li {
  margin-top: 0.25rem;
}
.faq__answer a {
  color: var(--faq-active-color);
}
.faq__footer {
  padding: 0 0 var(--faq-item-padding-y);
}
.faq--plain {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.faq--plain .faq__title {
  margin-top: 0;
}
.faq--plain .faq__item:first-child .faq__question {
  padding-top: 0;
}
@supports (interpolate-size: allow-keywords) {
  .faq {
    interpolate-size: allow-keywords;
  }
  .faq__item::details-content {
    block-size: 0;
    overflow: hidden;
    transition: block-size var(--faq-transition-duration) ease, content-visibility var(--faq-transition-duration) allow-discrete;
  }
  .faq__item[open]::details-content {
    block-size: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --faq-transition-duration: 0s;
  }
}
@media (max-width: 575.98px) {
  :root {
    --faq-padding-x: 1.5rem;
    --faq-item-padding-y: 1.125rem;
  }
}
/*# sourceMappingURL=faq.css.map */