.accordion-item[open] .accordion-content-wrapper {
  animation: accordion-down 300ms ease-out forwards;
}

.accordion-item.is-closing .accordion-content-wrapper {
  animation: accordion-up 300ms ease-out forwards;
}

@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}