/* Optimized Animate.css for Food Freshly - Only Required Animations */
@charset "UTF-8";
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}
.animate__animated.animate__infinite{animation-iteration-count:infinite}
.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}
.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}

/* Core Animations for Carousel */
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInLeft{animation-name:fadeInLeft}

@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}

/* Compatibility Classes for Reference Website */
.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.fast{animation-duration:.8s}
.animated.faster{animation-duration:.5s}
.animated.slow{animation-duration:2s}
.animated.slower{animation-duration:3s}
.animated.delay-1s{animation-delay:1s}
.animated.delay-2s{animation-delay:2s}
.animated.delay-3s{animation-delay:3s}
.animated.delay-4s{animation-delay:4s}
.animated.delay-5s{animation-delay:5s}

/* Primary Animations */
.flipInX{animation-name:flipInX;backface-visibility:visible!important}
.fadeInLeft{animation-name:fadeInLeft}

/* Additional Common Animations */
.fadeInRight{animation-name:fadeInRight}
.fadeInUp{animation-name:fadeInUp}
.fadeInDown{animation-name:fadeInDown}
.bounceIn{animation-name:bounceIn}
.slideInLeft{animation-name:slideInLeft}
.slideInRight{animation-name:slideInRight}
.zoomIn{animation-name:zoomIn}

/* Additional Required Keyframes */
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}