.ph-drag-cue{pointer-events:none;color:var(--ph-chrome-accent,var(--auth-accent,var(--accent,var(--teal,#0f766e))))}
.ph-drag-cue-hand{fill:#fff;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.ph-drag-cue-joints{fill:none;stroke:currentColor;stroke-opacity:.6;stroke-width:1;stroke-linecap:round}
.ph-drag-cue-contact{fill:none;stroke:currentColor;stroke-width:1;opacity:0;animation:ph-cue-contact 1.8s ease-out 2}
.ph-drag-cue-motion{animation:ph-cue-drag 1.8s ease-in-out 2;transform-origin:0 0}
.ph-cue-tap .ph-drag-cue-motion{animation-name:ph-cue-tap}
.ph-cue-route{fill:none;stroke:currentColor;stroke-width:1.2;stroke-dasharray:3 6;opacity:.45}
.ph-cue-destination{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:5 4;opacity:.65}
.ph-cue-object{fill:currentColor;fill-opacity:.12;stroke:currentColor;stroke-width:1;opacity:.7}
.ph-cue-paused *{animation-play-state:paused!important}
@keyframes ph-cue-drag{0%,12%,100%{transform:translate(0,0)}23%{transform:translate(0,0) scale(.94)}70%,82%{transform:translate(var(--cue-dx),var(--cue-dy))}90%{transform:translate(var(--cue-dx),var(--cue-dy));opacity:0}}
@keyframes ph-cue-tap{0%,12%,55%,100%{transform:translate(0,-8px)}23%,40%{transform:translate(0,0) scale(.94)}}
@keyframes ph-cue-contact{0%,35%,100%{opacity:0}14%{opacity:.5}30%{opacity:0;r:14}}
@media(prefers-reduced-motion:reduce){.ph-drag-cue-motion,.ph-drag-cue-contact{animation:none}.ph-cue-tap .ph-drag-cue-contact{opacity:.55}.ph-cue-object{display:none}}