


    /* .notifications_store {
        position: relative;
        right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    } */

    .buzz_hover:hover {
        animation: bounce_shake 2s ease-out infinite;
    }
    .buzz {
        animation: bounce_shake 2s ease-out infinite;
    }

    @keyframes bounce_shake {
        0% {
            transform: scale(1, 1) translateY(0);
        }

        10% {
            transform: scale(1.1, .9) translateY(0);
        }

        30% {
            transform: scale(.9, 1.1) translateY(-5px);
        }

        32% {
            transform: scale(1.2) translateY(-5px);
        }

        35%,
        40% {
            transform: scale(1.2) translateY(-5px) rotate(-20deg)
        }

        45%,
        50% {
            transform: scale(1.2) translateY(-5px) rotate(20deg)
        }

        60% {
            transform: scale(1.05, .95) translateY(0);
        }

        70% {
            transform: scale(1.05, .95) translateY(0);
        }

        80% {
            transform: scale(1, 1) translateY(-3px);
        }

        95% {
            transform: scale(1, 1) translateY(0);
        }

        100% {
            transform: scale(1, 1) translateY(0);
        }
    }






    /* .wobble {
        position: relative;
        right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    } */

    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: translateX(0%);
        }

        15% {
            -webkit-transform: translateX(-25%) rotate(-5deg);
        }

        30% {
            -webkit-transform: translateX(20%) rotate(3deg);
        }

        45% {
            -webkit-transform: translateX(-15%) rotate(-3deg);
        }

        60% {
            -webkit-transform: translateX(10%) rotate(2deg);
        }

        75% {
            -webkit-transform: translateX(-5%) rotate(-1deg);
        }

        100% {
            -webkit-transform: translateX(0%);
        }
    }

    @keyframes wobble {
        0% {
            transform: translateX(0%);
        }

        15% {
            transform: translateX(-25%) rotate(-5deg);
        }

        30% {
            transform: translateX(20%) rotate(3deg);
        }

        45% {
            transform: translateX(-15%) rotate(-3deg);
        }

        60% {
            transform: translateX(10%) rotate(2deg);
        }

        75% {
            transform: translateX(-5%) rotate(-1deg);
        }

        100% {
            transform: translateX(0%);
        }
    }

    .wobble {
        animation: wobble 2s ease-out infinite;
    }
    .wobble_hover:hover {
        animation: wobble 2s ease-out infinite;
    }


    .pop {
        animation: pop 2s ease-in infinite;
    }
    .pop_hover:hover {
        animation: pop 2s ease-in infinite;
    }

   .leftright {
        animation: swing 5.3s  ease-in infinite;
    }
    .leftright_hover:hover {
        animation: swing 5.3s  ease-in infinite;
    }



    @keyframes pop{
        25%  {transform: scale(0.9);}
  75%  {transform: scale(1.1);}
}





    @keyframes leftright {

        0%,
        20% {
            transform: translateX(0%);
            left: 0%;
        }

        80%,
        100% {
            transform: translateX(-100%);
            left: 100%;
        }
    }





    @-webkit-keyframes rotateInUpRight {
        from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0;
        }

        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          opacity: 1;
        }
      }

      @keyframes rotateInUpRight {
        from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0;
        }

        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          opacity: 1;
        }
      }
      @-webkit-keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
        }

        75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }

        90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
        }

        to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0);
        }

        60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
        }

        75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }

        90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
        }

        to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }





      @-webkit-keyframes fadeInLeft {
        from {
          opacity: 0;
          -webkit-transform: translate3d(-50px, 0, 0);
          transform: translate3d(-50px, 0, 0);
        }

        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }

      @keyframes fadeInLeft {
        from {
          opacity: 0;
          -webkit-transform: translate3d(-50px, 0, 0);
          transform: translate3d(-50px, 0, 0);
        }

        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }



      @-webkit-keyframes swing {
        20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
        }
      }

      @keyframes swing {
        20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg);
        }

        40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg);
        }

        60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
        }

        80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
        }

        to {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
        }
      }


