@require "../../../node_modules/animate.css/source/fading_entrances/fadeInDown.css";
@require "../../../node_modules/animate.css/source/fading_exits/fadeOutUp.css";

@keyframes fadeInDownBubble {
    from {
        opacity: 0;
        transform: translate3d(-50%, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes fadeOutUpBubble {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-50%, -100%, 0);
    }
}