/* Base state for animated elements */
.angie-animate-4b1408d1 {
	opacity: 0;
	visibility: hidden;
	will-change: opacity, transform;
}

/* Animations are triggered when the .angie-animated-4b1408d1 class is added */
.angie-animate-4b1408d1.angie-animated-4b1408d1 {
	visibility: visible;
}

/* Fade In */
.angie-fade-in-4b1408d1 {
	transition: opacity 0.8s ease-out;
}
.angie-fade-in-4b1408d1.angie-animated-4b1408d1 {
	opacity: 1;
}

/* Slide Up */
.angie-slide-up-4b1408d1 {
	transform: translateY(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.angie-slide-up-4b1408d1.angie-animated-4b1408d1 {
	opacity: 1;
	transform: translateY(0);
}

/* Slide In Left */
.angie-slide-left-4b1408d1 {
	transform: translateX(-40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.angie-slide-left-4b1408d1.angie-animated-4b1408d1 {
	opacity: 1;
	transform: translateX(0);
}

/* Slide In Right */
.angie-slide-right-4b1408d1 {
	transform: translateX(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.angie-slide-right-4b1408d1.angie-animated-4b1408d1 {
	opacity: 1;
	transform: translateX(0);
}

/* Optional: Staggered delays using CSS variables */
.angie-animate-4b1408d1[style*="--delay"] {
	transition-delay: var(--delay);
}