.c-collapsible-content {
  @apply overflow-hidden radix-state-closed:animate-collapsible-close radix-state-open:animate-collapsible-open;
}

.c-collapsible-trigger {
  @apply flex items-center gap-2;

  &.arrow-right {
    @apply flex-row-reverse;
  }
}

.c-collapsible-arrow {
  @apply transition duration-150;
}

.c-collapsible-tree .c-collapsible-arrow {
  @apply -rotate-90 duration-150;
}

.c-collapsible-trigger[data-state='open'] .c-collapsible-arrow {
  @apply rotate-180;
}

.c-collapsible-tree[data-state='open'] .c-collapsible-arrow {
  @apply rotate-0;
}
