[data-controller*="accordion"] [id*="panel"][aria-hidden="true"] {
  display: none;
}

[data-controller*="accordion"]
  [id*="comment"][class="comment-reply"][aria-hidden="true"] {
  display: none;
}

[data-controller*="accordion"]
  [id*="comment"][class="comment-reply"][aria-hidden="false"] {
  display: block;
}

.card-accordion {
  @apply border-b border-gray-3 mt-6;

  &-title {
    @apply text-primary font-semibold text-xl inline-block;
  }

  &-divider-button {
    @apply flex items-center justify-between items-end w-full;

    svg {
      @apply inline-block w-6 h-6 fill-primary;
    }

    &[aria-expanded="true"] {
      svg {
        @apply rotate-180 transition-transform;
      }
    }
  }

  &-section {
    @apply pb-8;

    ul {
      @apply mb-0;
    }
  }
}

.radio-accordion {
  @apply border-b border-gray-3 mb-6;

  &-title {
    @apply font-semibold text-xl inline-block text-secondary;
  }

  &-divider {
    @apply flex items-center items-end w-full;
  }

  &-radio {
    @apply mr-4;
  }

  &-section.content-block__description[data-controller*="accordion"] {
    @apply pb-4 mb-4 text-md;

    padding-left: 1.85rem;

    ul {
      @apply mb-0;
    }

    > [id*="panel"][aria-hidden="true"] {
      @apply max-h-24;
    }

    button[aria-expanded="false"] {
      @apply mt-0;
    }
  }
}
