html:not(.wf-design-mode) .faq-dropdown {
  height: auto !important;
  max-height: none !important;
}

html:not(.wf-design-mode) .faq-dropdown .faq-nav {
  display: block !important;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    max-height 360ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease;
}

html:not(.wf-design-mode) .faq-dropdown .faq-nav > * {
  overflow: visible;
  transform: translate3d(0, -0.25rem, 0);
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

html:not(.wf-design-mode) .faq-dropdown .faq-desc_text {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

html:not(.wf-design-mode) .faq-dropdown.is-open .faq-nav {
  opacity: 1;
  pointer-events: auto;
}

html:not(.wf-design-mode) .faq-dropdown.is-open .faq-nav > * {
  transform: translate3d(0, 0, 0);
}

html:not(.wf-design-mode) .faq-dropdown-toggle {
  cursor: pointer;
}

html:not(.wf-design-mode) .faq-icon {
  transform-origin: center;
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

html:not(.wf-design-mode) .faq-dropdown.is-open .faq-icon {
  transform: rotate(180deg);
}

html:not(.wf-design-mode) .faq-dropdown.is-empty .faq-icon_wrap {
  opacity: 0.35;
  pointer-events: none;
}

html:not(.wf-design-mode) .faq-block_component.luca-faq-block-pending {
  opacity: 0;
  transform: translate3d(0, 1rem, 0) scale(0.992);
  will-change: opacity, transform;
}

html:not(.wf-design-mode) .faq-block_component {
  transition:
    opacity 480ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--luca-faq-block-index, 0) * 45ms);
}

html:not(.wf-design-mode) .faq-block_component.is-visible,
html:not(.wf-design-mode) .faq-block_component.luca-motion-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  html:not(.wf-design-mode) .faq-dropdown .faq-nav,
  html:not(.wf-design-mode) .faq-dropdown .faq-nav > *,
  html:not(.wf-design-mode) .faq-icon,
  html:not(.wf-design-mode) .faq-block_component {
    transition: none;
  }

  html:not(.wf-design-mode) .faq-block_component,
  html:not(.wf-design-mode) .faq-block_component.luca-faq-block-pending {
    opacity: 1;
    transform: none;
    will-change: auto;
  }
}

@media (scripting: none) {
  html:not(.wf-design-mode) .faq-block_component,
  html:not(.wf-design-mode) .faq-block_component.luca-faq-block-pending {
    opacity: 1;
    transform: none;
    will-change: auto;
  }
}