.fold {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-transition: max-height 0.35s ease, opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: max-height 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}
.is-open > .fold {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.fold li {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.is-open > .fold li {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.is-open > .fold li:nth-child(1) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }
.is-open > .fold li:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.is-open > .fold li:nth-child(3) { -webkit-transition-delay: 0.22s; transition-delay: 0.22s; }
.is-open > .fold li:nth-child(4) { -webkit-transition-delay: 0.29s; transition-delay: 0.29s; }
.is-open > .fold li:nth-child(5) { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; }
.is-open > .fold li:nth-child(6) { -webkit-transition-delay: 0.43s; transition-delay: 0.43s; }
.is-open > .fold li:nth-child(7) { -webkit-transition-delay: 0.50s; transition-delay: 0.50s; }
summary {
  cursor: pointer;
}