.button[data-expanded] svg{
  transform:rotate(180deg);
}

.header{
  gap:var(--space-accordion-collapse-block-title-gap, 16px);
  cursor:pointer;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin:calc(0px - var(--accordion-header-padding-vertical, 0px)) calc(0px - var(--accordion-header-padding-horizontal, 0px));
  padding:var(--accordion-header-padding-vertical, 0px) var(--accordion-header-padding-horizontal, 0px);
}
.header > *{
  cursor:pointer;
}
.header:hover .button span{
  color:var(--sys-neutral-accent-hovered, #6d707f);
}

.text{
  display:flex;
  flex-direction:column;
  max-width:calc(100% - var(--width, 0px) - var(--space-accordion-collapse-block-title-gap, 16px));
}

.functionLayout{
  gap:var(--space-accordion-collapse-block-title-function-layout, 8px);
  display:flex;
  flex-shrink:0;
}