/* Mahina v3.22 — restore the v3.20 pointer while retaining the circular hover state. */

.art-cursor-arrow {
  contain: paint;
  overflow: hidden;
  background: linear-gradient(
    315deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(184, 194, 209, 0.86) 29%,
    rgba(83, 91, 106, 0.68) 67%,
    rgba(45, 49, 57, 0.15) 100%
  );
  -webkit-backdrop-filter: blur(3px) saturate(116%);
  backdrop-filter: blur(3px) saturate(116%);
  filter: none;
  box-shadow:
    1px 2px 5px rgba(19, 24, 33, 0.28),
    inset 0 0 0 0.6px rgba(255, 255, 255, 0.48);
}

.art-cursor-arrow::before {
  inset: -18% -28%;
  background: linear-gradient(
    315deg,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.24) 34%,
    rgba(255, 255, 255, 0) 72%
  );
}

.art-cursor-arrow::after {
  content: none;
}

.art-cursor-lens {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.9) 0 18%, transparent 42%),
    linear-gradient(145deg, rgba(105, 129, 160, 0.74), rgba(47, 57, 72, 0.54));
  -webkit-backdrop-filter: blur(2px) saturate(116%);
  backdrop-filter: blur(2px) saturate(116%);
  filter: blur(0.75px);
  box-shadow:
    0 0 0 1px rgba(36, 43, 54, 0.34),
    0 3px 10px rgba(39, 55, 79, 0.24),
    inset 0 1px 2px rgba(255, 255, 255, 0.64);
}

.art-cursor-lens::before {
  inset: 1px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(117, 145, 181, 0.2));
  filter: none;
}

.art-cursor-lens.is-positioned.is-interactive {
  opacity: 0.9;
  box-shadow:
    0 0 0 1px rgba(31, 38, 49, 0.42),
    0 3px 11px rgba(39, 55, 79, 0.3),
    inset 0 1px 2px rgba(255, 255, 255, 0.72);
}

.art-cursor-lens.is-pressed {
  width: 12px;
  height: 12px;
  opacity: 0.94;
  filter: blur(0.55px) brightness(0.96);
}