[fl-accordion-content] {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition-property: max-height, padding, opacity;
}

[fl-accordion-content].active {
  max-height: 1000px; /* Adjust this value as needed */
  opacity: 1;
}

/* Default arrow state */
[fl-accordion-arrow] {
  transition: transform 0.3s ease; /* Smooth rotation */
}

/* Rotated arrow when the accordion is expanded */
[fl-accordion-header][aria-expanded="true"] [fl-accordion-arrow] {
  transform: rotate(180deg);
}