.live-pointer{pointer-events:none;z-index:40;opacity:0;transition:opacity .3s;position:absolute;inset:0}.live-pointer.is-visible{opacity:1}.live-pointer-x{transform:translateX(var(--px));transition:transform .65s cubic-bezier(.45,0,.2,1);position:absolute;top:0;left:0}.live-pointer-y{transform:translateY(var(--py));transition:transform .65s cubic-bezier(.25,.9,.35,1);position:absolute;top:0;left:0}.live-pointer.is-dragging .live-pointer-x,.live-pointer.is-dragging .live-pointer-y{transition-duration:.5s;transition-timing-function:cubic-bezier(.5,0,.3,1)}.live-pointer-hand{filter:drop-shadow(0 4px 10px #00000047);width:34px;height:34px;transition:transform .18s var(--ease-out-quart);position:absolute;top:-17px;left:-17px}.live-pointer.is-pressed .live-pointer-hand{transform:scale(.78)}.live-ripple{width:44px;height:44px;animation:live-ripple .6s var(--ease-out-quart) forwards;border:2px solid #ffffffe6;border-radius:999px;position:absolute;top:-22px;left:-22px;box-shadow:0 0 0 1px #0000001f}@keyframes live-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}@keyframes live-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:none}}.live-pop{animation:live-pop .45s var(--ease-out-quart) both}@keyframes live-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.live-rise{animation:live-rise .5s var(--ease-out-expo) both}@keyframes live-fade{0%{opacity:0}to{opacity:1}}.live-fade{animation:.4s both live-fade}@layer components{.live-hit{position:relative}.live-hit:after{content:"";position:absolute;inset:-8px}}