/* Use a native cursor so pointer movement does not wait for JavaScript. */
#heartParticleCanvas { display: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.bds-heart-cursor-active,
  html.bds-heart-cursor-active * {
    cursor: url("../images/heart-pointer.svg?v=4") 20 20, auto !important;
  }
  html.bds-heart-cursor-active :is(a, button, [role="button"]),
  html.bds-heart-cursor-active :is(a, button, [role="button"]) * {
    cursor: url("../images/heart-pointer-hover.svg?v=4") 28 28, pointer !important;
  }
  html.bds-heart-cursor-active :is(input, textarea, [contenteditable="true"]),
  html.bds-heart-cursor-active :is(input, textarea, [contenteditable="true"]) * {
    cursor: text !important;
  }
  html.bds-heart-cursor-active :active,
  html.bds-heart-cursor-active :is(a, button, [role="button"]):active * {
    cursor: url("../images/heart-pointer-click.svg?v=4") 16 16, auto !important;
  }
  #heartParticleCanvas {
    display: block;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 999997;
  }
}