/* Make sure the helper shows above content */
.dyaus_addons_mouse_helper,
.trx_addons_mouse_helper {
  position: fixed;
  left: 0; top: 0;
  width: 60px; height: 60px;     /* base size of the helper “hit box” */
  margin-left: -30px; margin-top: -30px;
  border-radius: 9999px;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-100px,-100px);
  will-change: transform;
}

/* When using an image, clear any solid bg/border from the bubble */
.dyaus_addons_mouse_helper_with_image {
  background: transparent !important;
  border: 0 !important;
}

/* The actual image sprite that follows the cursor */
.dyaus_addons_mouse_helper_image {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;              /* set your image size here */
  height: 60px;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
  display: block;
}
/* -------------------------------
   Smooth appearance / disappearance
   ------------------------------- */

/* 1) Fade the bubble itself in/out */
.dyaus_addons_mouse_helper,
.trx_addons_mouse_helper {
  opacity: 0;                         /* hidden by default */
  transition: opacity .22s ease;      /* fade in/out of the bubble */
  will-change: transform, opacity;
}

/* Helper becomes visible while over a target */
.dyaus_addons_mouse_helper_active {
  opacity: 1;
}

/* Slightly faster fade-out on leave */
.dyaus_addons_mouse_helper_reset {
  transition-duration: .18s;
}

/* 2) Animate inner content (image/icon/text) with a soft scale */

/* Image (the <span> we inject) */
.dyaus_addons_mouse_helper_image {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.92);   /* start a touch smaller */
  transition: opacity .22s ease, transform .28s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}

/* If you ever use icon/text helpers, keep the same feel */
.dyaus_addons_mouse_helper_icon,
.dyaus_addons_mouse_helper_text {
  position: absolute; left: 50%; top: 50%;
  transform-origin: 50% 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.92);
  transition: opacity .22s ease, transform .28s cubic-bezier(.22,.61,.36,1);
}

/* Reveal inner content when active */
.dyaus_addons_mouse_helper_active .dyaus_addons_mouse_helper_image,
.dyaus_addons_mouse_helper_active .dyaus_addons_mouse_helper_icon,
.dyaus_addons_mouse_helper_active .dyaus_addons_mouse_helper_text {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Optional: tiny press effect while clicking */
.dyaus_addons_mouse_helper_click .dyaus_addons_mouse_helper_image,
.dyaus_addons_mouse_helper_click .dyaus_addons_mouse_helper_icon,
.dyaus_addons_mouse_helper_click .dyaus_addons_mouse_helper_text {
  transform: translate(-50%, -50%) scale(.98);
}