.link-figure{view-timeline-name:--enlace;view-timeline-axis:block}.merge{display:flex;gap:2px}.merge-seg{flex:1 1 0;height:6px;background:var(--color-ink);border-radius:1px}.link-panel,.merge-seg,.src-chip{animation-name:link-in;animation-fill-mode:both;animation-timing-function:cubic-bezier(.33,0,.2,1)}.wire{stroke-dasharray:80;animation-name:wire-draw;animation-fill-mode:both;animation-timing-function:linear}.wire-head{animation-name:link-appear;animation-fill-mode:both;animation-timing-function:linear}.merge{animation-name:merge-close;animation-fill-mode:both;animation-timing-function:cubic-bezier(.33,0,.2,1)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.src-chip{animation-range:entry calc(4% + var(--i, 0) * 3%) entry calc(16% + var(--i, 0) * 3%)}.src-chip,.wire{animation-timeline:--enlace}.wire{animation-range:entry calc(20% + var(--i, 0) * 3%) entry calc(34% + var(--i, 0) * 3%)}.wire-head{animation-range:entry 42% entry 48%}.link-panel,.wire-head{animation-timeline:--enlace}.link-panel{animation-range:entry 22% entry 36%}.merge{animation-range:entry 50% entry 64%}.merge,.merge-seg{animation-timeline:--enlace}.merge-seg{animation-range:entry calc(46% + var(--i, 0) * 2%) entry calc(56% + var(--i, 0) * 2%)}}}html[data-motion=js] .link-figure:not([data-skip]) :is(.src-chip,.wire,.wire-head,.link-panel,.merge,.merge-seg){animation-play-state:paused}html[data-motion=js] .link-figure:not([data-skip]) .src-chip{animation-duration:.42s;animation-delay:calc(var(--i, 0) * 90ms)}html[data-motion=js] .link-figure:not([data-skip]) .wire{animation-duration:.52s;animation-delay:calc(.42s + var(--i, 0) * 90ms)}html[data-motion=js] .link-figure:not([data-skip]) .wire-head{animation-duration:.24s;animation-delay:1s}html[data-motion=js] .link-figure:not([data-skip]) .link-panel{animation-duration:.46s;animation-delay:.52s}html[data-motion=js] .link-figure:not([data-skip]) .merge{animation-duration:.52s;animation-delay:1.24s}html[data-motion=js] .link-figure:not([data-skip]) .merge-seg{animation-duration:.42s;animation-delay:calc(1.14s + var(--i, 0) * 70ms)}html[data-motion=js] .link-figure[data-in] :is(.src-chip,.wire,.wire-head,.link-panel,.merge,.merge-seg){animation-play-state:running}@keyframes link-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes link-appear{0%{opacity:0}to{opacity:1}}@keyframes wire-draw{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes merge-close{0%{gap:14px}to{gap:2px}}@media (hover:hover){@media (prefers-reduced-motion:no-preference){.link-figure[data-replay] .src-chip{animation-name:chip-ping!important;animation-timeline:auto!important;animation-duration:.46s!important;animation-delay:calc(var(--i, 0) * 85ms)!important;animation-play-state:running!important}.link-figure[data-replay] .wire{animation-timeline:auto!important;animation-duration:.44s!important;animation-delay:calc(.3s + var(--i, 0) * 85ms)!important;animation-play-state:running!important}.link-figure[data-replay] .wire-head{animation-timeline:auto!important;animation-duration:.2s!important;animation-delay:.8s!important;animation-play-state:running!important}.link-figure[data-replay] .merge{animation-timeline:auto!important;animation-duration:.46s!important;animation-delay:.9s!important;animation-play-state:running!important}.link-figure[data-replay] .merge-seg{animation-timeline:auto!important;animation-duration:.38s!important;animation-delay:calc(.86s + var(--i, 0) * 60ms)!important;animation-play-state:running!important}}}@keyframes chip-ping{0%{border-color:var(--color-line)}30%{border-color:var(--color-ink)}to{border-color:var(--color-line)}}