/* [project]/src/app/components/celebrations/ThumbsUpCelebration.css [app-client] (css) */
.thumbs-up-overlay {
  z-index: 9999;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.thumbs-up-emoji {
  filter: drop-shadow(0 20px 30px #0003);
  font-size: 20vw;
  animation: 2.5s ease-in-out forwards popAndFade;
}

@keyframes popAndFade {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  15% {
    opacity: 1;
    transform: scale(1.3);
  }

  20% {
    transform: scale(1);
  }

  80% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.8);
  }
}

/*# sourceMappingURL=src_app_components_celebrations_ThumbsUpCelebration_0tcd5pw.css.map*/