@reference "#styles/assets/tailwind.css";

.js-ce-accordion {
  .js-accordion-content {
    @apply max-h-0 overflow-hidden invisible opacity-0 transition-all duration-300 ease-in-out;
  }

  .js-accordion-content.open {
    @apply max-h-[1000rem] visible opacity-100;
  }

  .js-accordion-trigger {
    .open {
      @apply transition-opacity duration-300 ease-in-out visible h-auto opacity-100;
    }
    .close {
      @apply transition-opacity duration-300 ease-in-out invisible h-0 opacity-0;
    }

    &.open {
      .open {
        @apply invisible h-0 opacity-0;
      }
      .close {
        @apply visible h-auto opacity-100;
      }
    }
  }
}