.animate {
    position: relative;
    transition-duration: 1s;
    transition-timing-function: ease-out;
}

.fade-in {
    opacity: 0;
    transition-property: opacity;
}

.fade-in.active {
    opacity: 1;
}

.slide-in {
    transform: translateY(var(--spacing));
    transition-property: transform;
}

.slide-in.active {
    transform: translateY(0);
}

.fade-in.slide-in,
.fade-in.slide-in.active {
    transition-property: transform, opacity;
}

.transition-delay {
    transition-delay: 100ms;
}

.transition-delay-250 {
    transition-delay: 250ms;
}

.transition-delay-500 {
    transition-delay: 500ms;
}

.transition-delay-750 {
    transition-delay: 750ms;
}

.transition-delay-1000 {
    transition-delay: 1000ms;
}

.transition-delay-1250 {
    transition-delay: 1250ms;
}

div>.stagger:nth-child(2) {
    transition-delay: 250ms;
}

div>.stagger:nth-child(3) {
    transition-delay: 500ms;
}

div>.stagger:nth-child(4) {
    transition-delay: 750ms;
}

div>.stagger:nth-child(5) {
    transition-delay: 1000ms;
}

div>.stagger:nth-child(6) {
    transition-delay: 1250ms;
}

div>.stagger:nth-child(7) {
    transition-delay: 1500ms;
}

div>.stagger:nth-child(8) {
    transition-delay: 1750ms;
}

div>.stagger:nth-child(9) {
    transition-delay: 2000ms;
}