[data-motion]{--cursor-x:72;--cursor-y:42;position:relative;margin:0;min-width:0}
.motion-stage{position:relative;container-type:size;min-width:0;isolation:isolate}
.motion-pointer{position:absolute;left:0;top:0;z-index:30;width:22px;height:28px;color:var(--pointer-ink,#302b32);pointer-events:none;transform:translate(calc(var(--cursor-x,72)*1cqw),calc(var(--cursor-y,42)*1cqh));transition:transform 500ms cubic-bezier(.4,0,.2,1),opacity 160ms;filter:drop-shadow(0 2px 2px #0003);direction:ltr}
.motion-pointer svg{display:block;width:100%;height:100%}.motion-pointer i{position:absolute;left:-8px;top:-8px;width:24px;height:24px;border:2px solid var(--pointer-ink,#302b32);border-radius:50%;opacity:0}
[data-click="true"] .motion-pointer i{animation:motion-click 320ms ease-out both}
[data-click="true"][data-click-parity="0"] .motion-pointer i{animation-name:motion-click-even}
.motion-resetting *{transition:none!important;animation:none!important}
[data-motion-tail="true"] .motion-pointer,.motion-resetting .motion-pointer{opacity:0!important}
.motion-paused *{animation-play-state:paused!important}
@keyframes motion-click{0%{transform:scale(.4);opacity:.45}100%{transform:scale(1.6);opacity:0}}
@keyframes motion-click-even{0%{transform:scale(.4);opacity:.45}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){[data-motion] *,[data-motion] *::before,[data-motion] *::after{animation:none!important;transition:none!important}.motion-pointer{display:none!important}}