/* motion.content-cursor — shared owner: projects/_shared/cursor/ */
.portfolio-cursor {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 2147483647;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  mix-blend-mode: difference;
  pointer-events: none !important;
  opacity: 0;
  contain: layout style;
  will-change: transform, width, height, border-radius;
}

html.portfolio-cursor-active .mx-nav-button:hover,
html.portfolio-cursor-active .mx-assembled-nav-button:hover {
  background: transparent;
}
@media (min-width: 901px) and (any-hover: hover) and (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.portfolio-cursor-active,
  html.portfolio-cursor-active * { cursor: none !important; }
  .portfolio-cursor[data-visible] { opacity: 1; }
}
@media (prefers-reduced-motion: reduce), (max-width: 900px) {
  .portfolio-cursor { display: none; }
}