li {
  --delay-step: 0.25s;
  --n-reveal-delay: 0.5s;
  --n-reveal-duration: 1s;
}

/* :nth-child(4) */
.cards-list--0 li:nth-child(4) {
   --open: 1;
}

.cards-list--0 li {
  --global-delay: -0.5s;
}


/* :nth-child(even) */

.cards-list--1 li:nth-child(even) {
   --open: 1;
}


/* :nth-child(n+5) */

.cards-list--2 li:nth-child(n+5) {
   --open: 1;
}

.cards-list--2 li {
  --global-delay: -0.75s;
}


/* :nth-child(-n+10) */

.cards-list--3 li:nth-child(-n+10) {
   --open: 1;
}

.cards-list--3 li {
  --global-delay: 3s;
  --delay: calc(var(--global-delay) - var(--i) * var(--delay-step));
}


/* :nth-child(3n) */

.cards-list--4 li:nth-child(3n) {
   --open: 1;
}

.cards-list--4 li {
  --global-delay: -0.15s;
  --delay-step: 0.15s;
}

/*
Служебные настройки:

--delay-step — управляет общим шагом времени между поворотом карточек/появлением индексов
--n-reveal-delay - время от появления индекса до поворота карточки
--n-reveal-duration - сколько виден индекс после появления
--global-delay - общая задержка анимаций, по умолчанию 1 сек, для больших N можно делать отрицательной

counter-reset: cardnumber n-index 0;  — при разных значениях формулы в селекторе надо ставить 0 или -1 как начальное значение
для 2n и прочих: 0
для 2n+1 и прочих: -1
*/