/*
 * List Icon widget — staggered slide-up entrance animation.
 */

.widget-list-icon.will-animate .list-icon {
    opacity: 0;
    transform: translateY(var(--animate-distance, 36px));
    transition:
        opacity   var(--animate-duration, 600ms) ease,
        transform var(--animate-duration, 600ms) ease;
    transition-delay: calc(
        var(--animate-stagger, 150ms) * 0.3 +
        var(--item-index, 0) * var(--animate-stagger, 150ms)
    );
}

.widget-list-icon.is-animated .list-icon {
    opacity: 1;
    transform: translateY(0);
}

/* Always visible in the Elementor editor */
.elementor-editor-active .widget-list-icon.will-animate .list-icon {
    opacity: 1;
    transform: none;
    transition: none;
}