[data-faq-contact-panel] {
  display: grid;
  grid-template-rows: 1fr;
}

[data-faq-contact-root][data-enhanced="true"] [data-faq-contact-panel] {
  transition: grid-template-rows 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-faq-contact-root][data-enhanced="true"] [data-faq-contact-panel-inner] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 200ms ease,
    transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-faq-contact-root][data-enhanced="true"]
  [data-faq-contact-item]:not(.is-open)
  [data-faq-contact-panel] {
  grid-template-rows: 0fr;
}

[data-faq-contact-root][data-enhanced="true"]
  [data-faq-contact-item]:not(.is-open)
  [data-faq-contact-panel-inner] {
  opacity: 0;
  transform: translateY(-0.25rem);
}

[data-faq-contact-item] [data-faq-contact-icon] {
  background-color: color-mix(
    in oklab,
    var(--color-reher-accent) 10%,
    transparent
  );
  color: var(--color-reher-accent);
}

[data-faq-contact-item]:hover [data-faq-contact-icon] {
  background-color: color-mix(
    in oklab,
    var(--color-reher-accent) 20%,
    transparent
  );
}

[data-faq-contact-item].is-open [data-faq-contact-icon] {
  background-color: var(--color-reher-accent);
  color: var(--color-reher-accent-foreground);
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  [data-faq-contact-root][data-enhanced="true"] [data-faq-contact-panel],
  [data-faq-contact-root][data-enhanced="true"] [data-faq-contact-panel-inner],
  [data-faq-contact-item] [data-faq-contact-icon] {
    transition: none;
  }
}