.eg{--step:2.5rem;--cols:1;padding-bottom:calc(var(--cols) * var(--step))}.eg-item{--col:0;transform:translateY(var(--offset,0px))}.eg[data-stagger=stairs] .eg-item{--offset:calc(var(--col) * var(--step))}.eg[data-stagger=rise] .eg-item{--offset:calc((var(--cols) - 1 - var(--col)) * var(--step))}.eg[data-stagger=wave] .eg-item{--offset:calc(mod(var(--col), 2) * var(--step))}@media (min-width:640px){.eg{--cols:2}.eg-item:nth-child(odd){--col:0}.eg-item:nth-child(2n+2){--col:1}}@media (min-width:1024px){.eg{--cols:3}.eg-item:nth-child(3n+1){--col:0}.eg-item:nth-child(3n+2){--col:1}.eg-item:nth-child(3n+3){--col:2}}@media (min-width:1280px){.eg{--cols:4}.eg-item:nth-child(4n+1){--col:0}.eg-item:nth-child(4n+2){--col:1}.eg-item:nth-child(4n+3){--col:2}.eg-item:nth-child(4n+4){--col:3}}@media (min-width:1900px){.eg{--cols:5}.eg-item:nth-child(5n+1){--col:0}.eg-item:nth-child(5n+2){--col:1}.eg-item:nth-child(5n+3){--col:2}.eg-item:nth-child(5n+4){--col:3}.eg-item:nth-child(5n+5){--col:4}}