/* .post-4846:after {
  content: "";
  background-image: url(https://humans.tech/wp-content/uploads/2025/03/freccia-su.png);
} */
.ht--spark__blu {
  max-width: 90% !important;
  margin-inline: auto;
  transform: translateX(-30px);
}
.ht--spark__orange {
  position: absolute;
  inset: 0;
  margin: auto !important;
  height: fit-content;
  max-width: 56% !important;
  transform: translateX(0);
  z-index: 1;
}
.ht--spark__white {
  position: absolute;
  inset: 0;
  margin: auto !important;
  height: fit-content;
  max-width: 43% !important;
  margin-bottom: calc(auto + 30px);
  transform: translateX(0);
  z-index: 1;
}
.ht--spark__white .wpb_wrapper,
.ht--spark__orange .wpb_wrapper,
.ht--spark__blu .wpb_wrapper {
  display: flex;
  justify-content: center;
}
/* ________________________________ */
.ht--spark__white image {
  animation: move__spark_white 3s ease-in-out infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes move__spark_white {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* ::::::::::::::::::::::::::::::::: */
.ht--spark__orange image {
  animation: move__spark_orange 3s ease-in-out infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes move__spark_orange {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* ::::::::::::::::::::::::::::::::::::::::::: */
.ht--spark__blu image {
  animation: move__spark_blu 3s ease-in-out infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes move__spark_blu {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* ::::::::::::::::::: */
.ht--spark__orange image:hover,
.ht--spark__white image:hover,
.ht--spark__blu image:hover {
  cursor: pointer;
}

.post-8483,
.post-8489,
.post-8488 {
  max-width: 22vw;
  padding: 40px 24px;
  color: #fff;
  background: radial-gradient(
    167.15% 141.42% at 0% 100%,
    rgba(68, 55, 243, 0.4) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  backdrop-filter: blur(8px);
  border-radius: 24px;
}
.post-8483 {
  position: absolute;
  left: 43%;
  top: 0;
  z-index: 2;
  opacity: 0;
  transition: 1s;
}
.post-8483.active,
.post-8489.active,
.post-8488.active {
  opacity: 1;
  transition: 1s;
}
.post-8488 {
  position: absolute;
  z-index: 3;
  top: 50%;
  opacity: 0;
  left: 0;
}
.post-8489 {
  position: absolute;
  z-index: 3;
  bottom: 0;
  opacity: 0;
  right: 0;
}
