// DESCRIPTION: Shared animation keyframes for Nemtly blocks
// DESCRIPTION: Provides consistent animations across all blocks

@keyframes nemtlyFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes nemtlySlideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes nemtlyScaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@mixin nemtly-animation($name, $duration: var(--nemtly-duration-default)) {
    animation: nemtly#{$name} $duration ease-out forwards;
}