.fade-up{

    animation:fadeUp .5s ease;

}

@keyframes fadeUp{

    from{

        transform:translateY(25px);

        opacity:0;

    }

    to{

        transform:translateY(0);

        opacity:1;

    }

}

.pop{

    animation:pop .4s ease;

}

@keyframes pop{

    0%{

        transform:scale(.8);

        opacity:0;

    }

    100%{

        transform:scale(1);

        opacity:1;

    }

}

.hover-card{

    transition:.25s;

}

.hover-card:hover{

    transform:translateY(-5px);

}

.page{

    animation:page .45s ease;

}

@keyframes page{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.easy-toast{

    position:fixed;

    bottom:90px;

    left:50%;

    transform:translateX(-50%);

    background:var(--surface);

    color:var(--text);

    padding:14px 22px;

    border-radius:50px;

    opacity:0;

    transition:.3s;

    z-index:9999;

}

.easy-toast.show{

    opacity:1;

}

@keyframes fadeMessage{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:none;

    }

}