/* Base state for animated elements - initially hidden/offset */
.birdie-anim-hidden {
    opacity: 0;
    will-change: transform, opacity;
}

/* Animation Types Initial States */
.birdie-anim-hidden[data-birdie-anim="fade-up"] {
    transform: translateY(30px);
}

.birdie-anim-hidden[data-birdie-anim="fade-in"] {
    transform: none; /* Just opacity change */
}

.birdie-anim-hidden[data-birdie-anim="zoom-in"] {
    transform: scale(0.95);
}

.birdie-anim-hidden[data-birdie-anim="slide-up"] {
    transform: translateY(100px);
}

.birdie-anim-hidden[data-birdie-anim="slide-left"] {
    transform: translateX(50px);
}

.birdie-anim-hidden[data-birdie-anim="slide-right"] {
    transform: translateX(-50px);
}

/* Active State - Animation triggered */
.birdie-anim-active {
    opacity: 1 !important;
    transform: none !important;
    /* Transition properties are set inline by the widget settings */
}