.portfolio-cursor { display: none; }
@media (hover: hover) and (pointer: fine) {
  html.portfolio-cursor-enabled:not(.framer-css-pending),
  html.portfolio-cursor-enabled:not(.framer-css-pending) * {
    cursor: none !important;
  }
  .portfolio-cursor {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483646;
    pointer-events: none;
    opacity: 0;
    transition: opacity 120ms ease;
    will-change: transform;
  }
  .portfolio-cursor.is-visible { opacity: 1; }
  .portfolio-cursor__shape {
    display: grid;
    place-items: center;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 50%;
    background: #212431;
    box-shadow: 0 0 0 1px rgba(33, 36, 49, .18);
    transform: translate(-50%, -50%);
    transition: width 180ms ease, height 180ms ease, background 180ms ease, transform 120ms ease;
  }
  .portfolio-cursor.is-interactive .portfolio-cursor__shape {
    width: 34px;
    height: 34px;
    background: rgba(33, 36, 49, .15);
  }
  .portfolio-cursor.is-pressed .portfolio-cursor__shape {
    transform: translate(-50%, -50%) scale(.78);
  }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-cursor, .portfolio-cursor__shape { transition: none; }
}