summary {
  list-style-type: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

summary > * {
  pointer-events: none;
  margin: 0;
}

li > details > summary + .list {
  margin: 0 !important;
}

details::details-content {
  transition: all var(--speed2);
  opacity: 0;
  transform: translateY(-1rem);
}

details[open]::details-content {
  opacity: 1;
  transform: translateY(0);
}