/* Cart Entry*/

.tilt-in-fwd-br {

    -webkit-animation: tilt-in-fwd-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

    animation: tilt-in-fwd-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

/* ----------------------------------------------

 * Generated by Animista on 2019-12-18 18:32:16

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info.

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation tilt-in-fwd-br

 * ----------------------------------------

 */

@-webkit-keyframes tilt-in-fwd-br {

    0% {

        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);

        transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);

        opacity: 0;

    }

    100% {

        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);

        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);

        opacity: 1;

    }

}

@keyframes tilt-in-fwd-br {

    0% {

        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);

        transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);

        opacity: 0;

    }

    100% {

        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);

        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);

        opacity: 1;

    }

}

/* Icon exit if it gets to cart */

.slide-out-tl {

    -webkit-animation: slide-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

    animation: slide-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

}

/* ----------------------------------------------

 * Generated by Animista on 2019-12-18 18:34:11

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info.

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation slide-out-tl

 * ----------------------------------------

 */

@-webkit-keyframes slide-out-tl {

    0% {

        -webkit-transform: translateY(0) translateX(0);

        transform: translateY(0) translateX(0);

        opacity: 1;

    }

    100% {

        -webkit-transform: translateY(-1000px) translateX(-1000px);

        transform: translateY(-1000px) translateX(-1000px);

        opacity: 0;

    }

}

@keyframes slide-out-tl {

    0% {

        -webkit-transform: translateY(0) translateX(0);

        transform: translateY(0) translateX(0);

        opacity: 1;

    }

    100% {

        -webkit-transform: translateY(-1000px) translateX(-1000px);

        transform: translateY(-1000px) translateX(-1000px);

        opacity: 0;

    }

}

/*ICON ENTRY*/

.slide-in-tl {

    -webkit-animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

    animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

/* ----------------------------------------------

 * Generated by Animista on 2019-12-18 18:58:20

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info.

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation slide-in-tl

 * ----------------------------------------

 */

@-webkit-keyframes slide-in-tl {

    0% {

        -webkit-transform: translateY(-1000px) translateX(-1000px);

        transform: translateY(-1000px) translateX(-1000px);

        opacity: 0;

    }

    100% {

        -webkit-transform: translateY(0) translateX(0);

        transform: translateY(0) translateX(0);

        opacity: 1;

    }

}

@keyframes slide-in-tl {

    0% {

        -webkit-transform: translateY(-1000px) translateX(-1000px);

        transform: translateY(-1000px) translateX(-1000px);

        opacity: 0;

    }

    100% {

        -webkit-transform: translateY(0) translateX(0);

        transform: translateY(0) translateX(0);

        opacity: 1;

    }

}

/*CART EXIT*/

.scale-out-br {

    -webkit-animation: scale-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

    animation: scale-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

}

/* ----------------------------------------------

 * Generated by Animista on 2019-12-18 19:0:3

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info.

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * @animation scale-out-br

 * ----------------------------------------

 */

@-webkit-keyframes scale-out-br {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-transform-origin: 100% 100%;

        transform-origin: 100% 100%;

        opacity: 1;

    }

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

        -webkit-transform-origin: 100% 100%;

        transform-origin: 100% 100%;

        opacity: 1;

    }

}

@keyframes scale-out-br {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-transform-origin: 100% 100%;

        transform-origin: 100% 100%;

        opacity: 1;

    }

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

        -webkit-transform-origin: 100% 100%;

        transform-origin: 100% 100%;

        opacity: 1;

    }

}