.accordion{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  transition:gap 300ms;
}
.accordion::-webkit-scrollbar{
  width:0;
}
.accordion[aria-expanded=false]{
  gap:0;
}

.contentWrapper{
  display:grid;
  grid-template-rows:0fr;
  box-sizing:border-box;
  width:100%;
  transition:grid-template-rows 300ms;
}
.contentWrapper[aria-hidden=true]{
  overflow:hidden;
}
.contentWrapper[aria-hidden=false]{
  grid-template-rows:1fr;
}
.contentWrapper[aria-hidden=false] > div[data-content]{
  visibility:visible;
}

.content{
  overflow:hidden;
  box-sizing:border-box;
  width:calc(100% + 8px);
  min-height:0;
  margin:-4px;
  padding:4px;
  visibility:hidden;
  transition:visibility 300ms;
}