/* ==========================================
   LOGNEXUS ANIMATIONS
========================================== */

/* Fade In */

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

/* Slide Up */

@keyframes slideUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* Scale */

@keyframes scaleIn{

    from{

        opacity:0;

        transform:scale(.9);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

/* Float */

@keyframes floating{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

/* Skeleton */

@keyframes skeleton{

    0%{

        background-position:-200px 0;

    }

    100%{

        background-position:calc(200px + 100%) 0;

    }

}

/* Classes */

.fade-in{

    animation:fadeIn .6s ease forwards;

}

.slide-up{

    animation:slideUp .6s ease forwards;

}

.scale-in{

    animation:scaleIn .5s ease forwards;

}

.float{

    animation:floating 4s ease-in-out infinite;

}

/* Hover Lift */

.hover-lift{

    transition:var(--transition);

}

.hover-lift:hover{

    transform:translateY(-6px);

}

/* Skeleton Loader */

.skeleton{

    background:linear-gradient(

        90deg,

        var(--surface) 25%,

        var(--card-hover) 50%,

        var(--surface) 75%

    );

    background-size:400px 100%;

    animation:skeleton 1.3s infinite linear;

}