.collapsible-tab::details-content {
  content-visibility: visible;
}
.collapsible-tab summary {
  cursor: pointer;
}
.collapsible-tab-icon {
  display: flex;
  justify-content: flex-end;
}
.collapsible-tab-icon-close {
  display: none;
}
.collapsible-tab-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}
.collapsible-tab-body-inner {
  overflow: hidden;
}
.collapsible-tab-content {
  opacity: 0;
  transition: opacity 0.3s ease 0s;
  padding-bottom: 20px;
}
.collapsible-tab[open] {
  .collapsible-tab-icon-close {
    display: flex;
  }
  .collapsible-tab-icon-open {
    display: none;
  }
  .collapsible-tab-body {
    grid-template-rows: 1fr;
  }
  .collapsible-tab-content {
    opacity: 1;
    transition: opacity 0.4s ease 0.2s;
  }
}
.collapsible-tab[open] .collapsible-tab:not([open]) {
   .collapsible-tab-icon-close {
    display: none;
  }
  .collapsible-tab-icon-open {
    display: flex;
  }
  .collapsible-tab-body {
    grid-template-rows: 0fr;
  }
  .collapsible-tab-content {
    opacity: 0;
    transition: opacity 0.3s ease 0s;
  }
}