.gesture-demo.svelte-17409lc{background:#000;border:4px solid #1c1c1f;border-radius:20px;max-width:300px;margin:32px auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 30px #d4ff000d}.demo-image.svelte-17409lc{width:100%;height:auto;display:block;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.gesture-overlay.svelte-17409lc{pointer-events:none;z-index:10;position:absolute;inset:0}.pointer.svelte-17409lc{opacity:0;width:40px;height:40px;top:var(--p-top);left:var(--p-left);background:#ffffffe6;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 16px #0006}.ripple.svelte-17409lc{border:3px solid var(--accent-color,#d4ff00);opacity:0;width:80px;height:80px;top:var(--p-top);left:var(--p-left);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.5)}.swipe-right.svelte-17409lc .pointer:where(.svelte-17409lc){animation:2.5s cubic-bezier(.25,1,.5,1) infinite svelte-17409lc-swipeRight}@keyframes svelte-17409lc-swipeRight{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(calc(140px - 50%),-50%)scale(1)}65%{opacity:0;transform:translate(calc(140px - 50%),-50%)scale(1)}to{opacity:0}}.swipe-left.svelte-17409lc .pointer:where(.svelte-17409lc){animation:2.5s cubic-bezier(.25,1,.5,1) infinite svelte-17409lc-swipeLeft}@keyframes svelte-17409lc-swipeLeft{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(calc(-50% - 140px),-50%)scale(1)}65%{opacity:0;transform:translate(calc(-50% - 140px),-50%)scale(1)}to{opacity:0}}.scroll-vertical.svelte-17409lc .pointer:where(.svelte-17409lc){animation:2.5s cubic-bezier(.25,1,.5,1) infinite svelte-17409lc-scrollVert}@keyframes svelte-17409lc-scrollVert{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,calc(-50% - 120px))scale(1)}65%{opacity:0;transform:translate(-50%,calc(-50% - 120px))scale(1)}to{opacity:0}}.long-press.svelte-17409lc .pointer:where(.svelte-17409lc){animation:3s infinite svelte-17409lc-longPressAnim}.long-press.svelte-17409lc .ripple:where(.svelte-17409lc){animation:3s infinite svelte-17409lc-longPressRipple}@keyframes svelte-17409lc-longPressAnim{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}15%{opacity:1;background:var(--accent-color,#d4ff00);transform:translate(-50%,-50%)scale(.85)}70%{opacity:1;background:var(--accent-color,#d4ff00);transform:translate(-50%,-50%)scale(.85)}80%{opacity:1;background:#ffffffe6;transform:translate(-50%,-50%)scale(1)}90%{opacity:0;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}@keyframes svelte-17409lc-longPressRipple{0%,10%{opacity:0;border-width:3px;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(.7)}70%{opacity:1;border-width:1px;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0}}.tap.svelte-17409lc .pointer:where(.svelte-17409lc){animation:2.5s infinite svelte-17409lc-tapAnim}.tap.svelte-17409lc .ripple:where(.svelte-17409lc){animation:2.5s infinite svelte-17409lc-rippleAnim}@keyframes svelte-17409lc-tapAnim{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}15%{opacity:1;background:var(--accent-color,#d4ff00);transform:translate(-50%,-50%)scale(.85)}20%{opacity:1;background:#ffffffe6;transform:translate(-50%,-50%)scale(1)}30%{opacity:0;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}@keyframes svelte-17409lc-rippleAnim{0%,13%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(.5)}30%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0}}.demo-caption.svelte-17409lc{text-align:center;color:var(--text-secondary);background:#16161a;border-top:1px solid #ffffff0d;padding:14px;font-size:14px;font-weight:500;margin:0!important}