#pp_floating {
  z-index: 9999999999999;
}

.ppm_container {
  bottom: 10dvh;
  position: fixed;
  right: 1%;
  width: 180px;
  aspect-ratio: 220/280;
  /* background-color: #f005; */
  /* overflow: hidden; */
  z-index: 9999999999;
  display: none;
}

.ppm_closeBtn_takeover {
  z-index: 9999;
  position: absolute;
  right: 0%;
  top: 0%;
  width: 20px;
}

.ppm_logo_linear {
  z-index: 9999;
  position: absolute;
  right: 1%;
  bottom: 0;
  width: 14px;
}

@media (min-width: 601px) and (min-height: 750px) {
  .ppm_container {
    bottom: 10dvh;
    width: 200px;
  }
}

.ppm_handIcon {
  position: absolute;
  width: 9%;
  bottom: 30%;
  left: 62%;
  pointer-events: none;
  display: none;
  opacity: 0;
}


.ppm_logo {
  position: absolute;
  width: 50%;
  top: 5%;
  left: 27%;
  display: none;
  filter: drop-shadow(1px 2px 2px #0002);
}

.ppm_card {
  position: absolute;
  width: 97%;
  top: 32%;
  left: 5%;
  cursor: pointer;
  animation: ppm_glow_pulse 2s infinite ease-in-out;
  display: none;
}

@keyframes ppm_glow_pulse {
  0% {
    filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.2));
  }

  50% {
    filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.4));
  }

  100% {
    filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.2));
  }
}

.ppm_text1 {
  position: absolute;
  width: 59%;
  top: 22%;
  left: 26%;
  display: none;
}

.ppm_50 {
  position: absolute;
  width: 76%;
  top: 34%;
  left: 19%;
  display: none;
}

.ppm_text2 {
  position: absolute;
  width: 46%;
  top: 72%;
  left: 33%;
  display: none;
}

.ppm_cta {
  position: absolute;
  width: 41%;
  top: 86%;
  left: 34%;
  cursor: pointer;
  display: none;
}

/* flying elements */

.ppm_flying_elms {
  position: absolute;
  bottom: 5%;
  width: 100%;
}

.singleElm {
  position: absolute;
  bottom: 0;
  left: 40%;
  width: 9%;
}

.ppm_flying_elms {
  display: none;
}

.ppm_oil_elm {
  width: 10%;
}