.vdom-demo[data-astro-cid-6ajw2ugv]{margin:2rem 0;border-radius:.75rem;overflow:hidden;background:#0a0f17;box-shadow:0 10px 30px -10px #0006,0 0 0 1px #ffffff0d}.vdom-demo[data-astro-cid-6ajw2ugv] svg[data-astro-cid-6ajw2ugv]{display:block;width:100%;height:auto}.vdom-demo[data-astro-cid-6ajw2ugv] figcaption[data-astro-cid-6ajw2ugv]{padding:.75rem 1rem;font-size:.875rem;color:#94a3b8;text-align:center;background:#0f1729;border-top:1px solid #1e293b}.vdom-demo[data-astro-cid-6ajw2ugv] figcaption[data-astro-cid-6ajw2ugv] code[data-astro-cid-6ajw2ugv]{background:#ff2f6d1f;color:#ff856f;padding:.05rem .4rem;border-radius:.25rem;font-size:.85em}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-0[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-1[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-click-pulse[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-next-tree[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-next-tree-label[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-state-change[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-diff-arrow[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-changed-node[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-box[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-travel[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-0[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-1[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-rect[data-astro-cid-6ajw2ugv]{animation-duration:9s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-0[data-astro-cid-6ajw2ugv]{animation-name:vd-count-0-anim}@keyframes vd-count-0-anim{0%,70%{opacity:1}74%,96%{opacity:0}to{opacity:1}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-1[data-astro-cid-6ajw2ugv]{animation-name:vd-count-1-anim}@keyframes vd-count-1-anim{0%,70%{opacity:0}74%,96%{opacity:1}to{opacity:0}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-click-pulse[data-astro-cid-6ajw2ugv]{transform-box:fill-box;transform-origin:50% 50%;animation-name:vd-click-pulse-anim}@keyframes vd-click-pulse-anim{0%,14%{transform:scale(1);filter:brightness(1)}17%{transform:scale(1.18);filter:brightness(1.5)}22%,to{transform:scale(1);filter:brightness(1)}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-next-tree[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-next-tree-label[data-astro-cid-6ajw2ugv]{animation-name:vd-next-tree-anim}@keyframes vd-next-tree-anim{0%,22%{opacity:0}35%,90%{opacity:1}to{opacity:0}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-state-change[data-astro-cid-6ajw2ugv]{animation-name:vd-state-change-anim}@keyframes vd-state-change-anim{0%,18%{opacity:0}28%,90%{opacity:1}to{opacity:0}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-diff-arrow[data-astro-cid-6ajw2ugv]{stroke-dasharray:320;stroke-dashoffset:320;animation-name:vd-diff-arrow-anim}@keyframes vd-diff-arrow-anim{0%,28%{stroke-dashoffset:320}42%,90%{stroke-dashoffset:0}to{stroke-dashoffset:320}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-changed-node[data-astro-cid-6ajw2ugv]{transform-box:fill-box;transform-origin:50% 50%;animation-name:vd-changed-node-anim}@keyframes vd-changed-node-anim{0%,35%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,47,109,0))}45%{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(255,47,109,.7))}55%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,47,109,.4))}65%{transform:scale(1.06);filter:drop-shadow(0 0 12px rgba(255,47,109,.6))}75%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,47,109,0))}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-box[data-astro-cid-6ajw2ugv]{animation-name:vd-patch-box-anim}@keyframes vd-patch-box-anim{0%,50%{opacity:0}65%,90%{opacity:1}to{opacity:0}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-travel[data-astro-cid-6ajw2ugv]{animation-name:vd-patch-travel-anim}@keyframes vd-patch-travel-anim{0%,62%{opacity:0}68%,88%{opacity:1}96%,to{opacity:0}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-0[data-astro-cid-6ajw2ugv]{animation-name:vd-prev-id5-0-anim}@keyframes vd-prev-id5-0-anim{0%,70%{opacity:1}74%,96%{opacity:0}to{opacity:1}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-1[data-astro-cid-6ajw2ugv]{animation-name:vd-prev-id5-1-anim}@keyframes vd-prev-id5-1-anim{0%,70%{opacity:0}74%,96%{opacity:1}to{opacity:0}}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-rect[data-astro-cid-6ajw2ugv]{animation-name:vd-prev-id5-flash-anim}@keyframes vd-prev-id5-flash-anim{0%,71%{stroke:#475569;stroke-width:1.5}74%{stroke:#ff2f6d;stroke-width:2.5}82%,to{stroke:#475569;stroke-width:1.5}}@media(prefers-reduced-motion:reduce){.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-0[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-1[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-click-pulse[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-next-tree[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-next-tree-label[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-state-change[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-diff-arrow[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-changed-node[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-box[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-travel[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-0[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-1[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-rect[data-astro-cid-6ajw2ugv]{animation:none}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-count-1[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-prev-id5-text-1[data-astro-cid-6ajw2ugv],.vdom-demo[data-astro-cid-6ajw2ugv] .vd-patch-travel[data-astro-cid-6ajw2ugv]{opacity:0}.vdom-demo[data-astro-cid-6ajw2ugv] .vd-diff-arrow[data-astro-cid-6ajw2ugv]{stroke-dashoffset:0}}