.wm-gesture-demo:where(.astro-j7mne7qs){max-width:24rem;margin:1.5rem auto}.gd-stage:where(.astro-j7mne7qs){border-radius:.9rem;position:relative;overflow:hidden}.gd-board:where(.astro-j7mne7qs){background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:.9rem;flex-direction:column;gap:6px;padding:10px;display:flex}.gd-row:where(.astro-j7mne7qs){gap:5px;display:flex}.gd-key:where(.astro-j7mne7qs){background:var(--sl-color-black);border:1px solid var(--sl-color-gray-5);border-radius:.4rem;flex:1 1 0;height:1.9rem}.gd-wide:where(.astro-j7mne7qs){flex-grow:1.6}.gd-space:where(.astro-j7mne7qs){flex-grow:4.5;position:relative;overflow:hidden}.gd-strip:where(.astro-j7mne7qs){justify-content:center;padding:.2rem 0 .4rem;display:flex}.gd-word:where(.astro-j7mne7qs){color:var(--sl-color-accent);opacity:0;font-size:.8rem;font-weight:650;animation:3.2s infinite gd-word-in}.gd-finger:where(.astro-j7mne7qs){pointer-events:none;background:radial-gradient(circle at 35% 35%,#fffffff2,#b4beff8c);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 14px #6c74f6a6}:where(.astro-j7mne7qs)[data-type=space-swipe] .gd-finger:where(.astro-j7mne7qs){animation:3.2s ease-in-out infinite gd-swipe-x;top:83.8%}@keyframes gd-swipe-x{0%,15%{opacity:0;left:34%}25%{opacity:1}60%,70%{opacity:1;left:66%}80%,to{opacity:0;left:66%}}.gd-lang:where(.astro-j7mne7qs){color:var(--sl-color-gray-2);justify-content:center;align-items:center;font-size:.72rem;display:flex;position:absolute;inset:0}.gd-lang-a:where(.astro-j7mne7qs){animation:3.2s infinite gd-lang-a}.gd-lang-b:where(.astro-j7mne7qs){color:var(--sl-color-accent);animation:3.2s infinite gd-lang-b}@keyframes gd-lang-a{0%,34%{opacity:1}48%,to{opacity:0}}@keyframes gd-lang-b{0%,36%{opacity:0}50%,95%{opacity:1}to{opacity:0}}:where(.astro-j7mne7qs)[data-type=space-hold] .gd-finger:where(.astro-j7mne7qs){animation:3.6s ease-in-out infinite gd-hold-y;left:50%}@keyframes gd-hold-y{0%,10%{opacity:0;top:83.8%;transform:scale(1)}18%{opacity:1;transform:scale(1)}26%{top:83.8%;transform:scale(1.35)}40%{transform:scale(1)}55%,70%{opacity:1;top:41.5%}85%,to{opacity:0;top:41.5%}}.gd-picker:where(.astro-j7mne7qs){border:1px solid var(--sl-color-accent);background:var(--sl-color-black);color:var(--sl-color-gray-2);opacity:0;border-radius:.6rem;flex-direction:column;gap:2px;padding:.3rem;font-size:.7rem;animation:3.6s infinite gd-picker-in;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #0006}.gd-pick:where(.astro-j7mne7qs){z-index:1;border-radius:.35rem;padding:.2rem .9rem;position:relative}.gd-pick-pill:where(.astro-j7mne7qs){background:var(--sl-color-accent-low);border-radius:.35rem;height:calc(33.3333% - .2rem - 1.33333px);animation:3.6s ease-in-out infinite gd-pill;position:absolute;top:.3rem;left:.3rem;right:.3rem;transform:translateY(calc(200% + 4px))}@keyframes gd-pill{0%,40%{transform:translateY(calc(200% + 4px))}47.5%{transform:translateY(calc(100% + 2px))}55%,to{transform:translateY(0)}}@keyframes gd-picker-in{0%,22%{opacity:0;transform:translate(-50%)translateY(6px)}32%,80%{opacity:1;transform:translate(-50%)translateY(0)}92%,to{opacity:0}}:where(.astro-j7mne7qs)[data-type=long-press] .gd-finger:where(.astro-j7mne7qs){animation:3s ease-in-out infinite gd-press;top:38.7%;left:28.8%}@keyframes gd-press{0%,12%{opacity:0;transform:scale(1)}20%{opacity:1}30%{transform:scale(1.35)}45%,80%{opacity:1;transform:scale(1)}90%,to{opacity:0}}.gd-popup:where(.astro-j7mne7qs){border:1px solid var(--sl-color-accent);background:var(--sl-color-black);color:var(--sl-color-white);opacity:0;border-radius:.5em;gap:.5em;padding:.3em .7em;font-size:.85rem;animation:3s infinite gd-popup-in;display:flex;position:absolute;top:7%;left:28.8%;transform:translate(-50%);box-shadow:0 8px 26px #0006}.gd-hl:where(.astro-j7mne7qs){color:var(--sl-color-accent);font-weight:700}@keyframes gd-popup-in{0%,32%{opacity:0;transform:translate(-50%)translateY(5px)}42%,82%{opacity:1;transform:translate(-50%)translateY(0)}92%,to{opacity:0}}.gd-trail:where(.astro-j7mne7qs){width:100%;height:100%;position:absolute;inset:0}.gd-trail-path:where(.astro-j7mne7qs){stroke:var(--sl-color-accent);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120px;opacity:.85;filter:drop-shadow(0 0 4px #6c74f6b3);animation:3.2s ease-in-out infinite gd-draw}@keyframes gd-draw{0%,10%{stroke-dashoffset:120px;opacity:.85}55%{stroke-dashoffset:0;opacity:.85}75%{opacity:.85}95%,to{stroke-dashoffset:0;opacity:0}}:where(.astro-j7mne7qs)[data-type=glide] .gd-finger:where(.astro-j7mne7qs){display:none}@keyframes gd-word-in{0%,45%{opacity:0}58%,90%{opacity:1}to{opacity:0}}figcaption:where(.astro-j7mne7qs){text-align:center;color:var(--sl-color-gray-3);font-size:var(--sl-text-sm);margin-top:.5rem}@media (prefers-reduced-motion:reduce){.gd-finger:where(.astro-j7mne7qs){opacity:0!important;animation:none!important}.gd-popup:where(.astro-j7mne7qs),.gd-picker:where(.astro-j7mne7qs){opacity:1;animation:none}.gd-pick-pill:where(.astro-j7mne7qs){animation:none;transform:translateY(0)}.gd-word:where(.astro-j7mne7qs){opacity:1;animation:none}.gd-lang-a:where(.astro-j7mne7qs){opacity:0;animation:none}.gd-lang-b:where(.astro-j7mne7qs){opacity:1;animation:none}.gd-trail-path:where(.astro-j7mne7qs){stroke-dashoffset:0;animation:none}}