details,
.details-div {
  position: relative;
  height: auto;
  overflow: hidden;
  text-align: left;
  display: block;
  transition: height .5s ease;
}

.details-div:not([open])>:not(.summary-div) {
  display: none
}

summary,
.summary-div {
  z-index: 1;
  cursor: pointer
}


summary::-webkit-details-marker {
  display: none;
  font-size: 0
}

summary::marker {
  display: none;
  font-size: 0
}

summary:focus,
.summary-div:focus {
  outline: none
}

summary:focus-visible,
.summary-div:focus-visible {
  outline: 3px solid rgba(109, 207, 246, .8) !important;
  outline-offset: -3px
}