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

.js-ce-vertical-tabs {
  .js-vertical-tabs-button {
    @apply transition-all duration-200 ease-in-out;

    &.open {
      @apply bg-surface-grey-light-active text-white;
    }
  }

  .js-vertical-tabs-content {
    @apply invisible opacity-0 transition-all duration-300 ease-in-out h-0 overflow-hidden;
    transition-delay: 0.3s;

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