@layer clickui {.collapsible__8jmKP {
  width: 100%;
}

.collapsible__8jmKP [data-trigger-icon] {
  visibility: hidden;
  transition: transform 150ms cubic-bezier(0.87, 0, 0.13, 1);
}

.collapsible__8jmKP [data-trigger-icon][data-open='true'] {
  transform: rotate(90deg);
}

.collapsible__8jmKP [data-collapsible-header]:hover [data-trigger-icon] {
  visibility: visible;
}

.collapsible__header__pWkUS {
  user-select: none;
}

.collapsible__header_indicator-dir_start__s-AUI {
  margin-left: 0;
}

.collapsible__header_indicator-dir_end__EtDn0 {
  margin-left: var(--click-image-sm-size-width);
}

.collapsible__trigger__ArZ-C {
  display: flex;
  align-items: center;
  color: inherit;
  font: inherit;
  cursor: inherit;
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.collapsible__content__aT3ek {
}

.collapsible__content_indicator-dir_start__8Gs37 {
  margin-left: var(--click-image-sm-size-width);
}

.collapsible__content_indicator-dir_end__OoEfV {
  margin-right: var(--click-image-sm-size-width);
}

.collapsible__label__RpPE- {
  display: flex;
  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original rule used this same
   width fallback chain (100% → -webkit-fill-available → fill-available →
   stretch) so the label fills the available inline space. */
  width: 100%;
  width: -webkit-fill-available;
  width: fill-available;
  width: stretch;
  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
  overflow: hidden;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: var(--click-sidebar-navigation-item-default-space-gap);
}

.collapsible__ellipsis__huvdc {
  display: flex;
  overflow: hidden;
  flex: 1;
  justify-content: flex-start;
  gap: inherit;
  white-space: nowrap;
}

.collapsible__ellipsis__huvdc > *:not(button) {
  overflow: hidden;
  text-overflow: ellipsis;
}
}