.bui-collapse-panel {
  --width: var(--bui-collapse-panel-width, 100%);
  --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
  --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
  --title-font-size: var(--bui-collapse-panel-title-font-size, var(--bui-title-size-3));
  --content-font-size: var(--bui-collapse-panel-content-font-size, var(--bui-text-size-1));
  width: var(--width);
  background-color: var(--bui-color-bg-view);
  color: var(--bui-color-fg-default);
}
.bui-collapse-panel-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #eee;
  cursor: pointer;
}
.bui-collapse-panel-item-header-label {
  padding: var(--header-padding);
  font-size: var(--title-font-size);
}
.bui-collapse-panel-item-header-icon-arrow {
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.bui-collapse-panel-item-header-icon-arrow-active {
  transform: rotate(-180deg);
}
.bui-collapse-panel-item-content {
  padding: var(--content-padding);
  font-size: var(--content-font-size);
  transition: height 0.5s ease;
  overflow: hidden;
}