.mp-motif{transform-origin:50%}.mp-motif-cap{transition:color .45s}:is(.mp-card:hover,.mp-card.is-active) .mp-motif-cap{color:var(--hl)}.mp-arm-upper{transform-box:view-box;transform-origin:27px 41px}.mp-arm-fore{transform-box:view-box;transform-origin:60px 27px}.mp-ping{transform-box:fill-box;transform-origin:50%}.mp-step,.mp-refresh,.mp-signal,.mp-proto-line{transform-box:fill-box}.mp-step,.mp-refresh{transform-origin:50%}.mp-signal{transform-origin:bottom}.mp-proto-line{transform-origin:0}.mp-mesh,.mp-stack,.mp-pin{transform-box:view-box}.mp-mesh{transform-origin:64px 35px}.mp-check{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.mp-motif{transition:transform .6s cubic-bezier(.22,.61,.36,1)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif{transform:scale(1.045)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif :is([stroke="var(--hl)"],[fill="var(--hl)"]){animation:2s ease-in-out infinite mpMotifGlow}.mp-motif :is(circle,rect,path)[fill="var(--hl)"]{transform-box:fill-box;transform-origin:50%}:is(.mp-card:hover,.mp-card.is-active) .mp-motif :is(circle,rect,path)[fill="var(--hl)"]{animation:2s ease-in-out infinite mpMotifGlow,2s ease-in-out infinite mpMotifBeat}:is(.mp-card:hover,.mp-card.is-active) .mp-motif [stroke-dasharray]{animation:1.1s linear infinite mpMotifFlow}:is(.mp-card:hover,.mp-card.is-active) .mp-arm-upper{animation:2.4s ease-in-out infinite mpArmUpper}:is(.mp-card:hover,.mp-card.is-active) .mp-arm-fore{animation:2.4s ease-in-out .18s infinite mpArmFore}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-ping{animation:1.8s ease-out infinite mpMotifPing}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-ping--2{animation-delay:.7s}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-tok-arrow{animation:1.4s ease-in-out infinite mpShuttle}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-ed-line{animation:1.6s ease-in-out infinite mpRead;animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-step{animation:2s ease-in-out infinite mpPop;animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-mesh{animation:3.4s ease-in-out infinite mpWobble}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-refresh{animation:1.4s linear infinite mpSpin}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-stack{animation:2.2s ease-in-out infinite mpRise;animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif rect.mp-occ[fill="var(--hl)"]{animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-check{animation:2s ease-in-out infinite mpMotifGlow,2.4s ease-in-out infinite mpDraw;animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-merge-a{animation:2.6s ease-in-out infinite mpMergeA}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-merge-b{animation:2.6s ease-in-out infinite mpMergeB}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-pin{animation:1.8s ease-in-out infinite mpBounce;animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-signal{animation:2s ease-in-out infinite mpMotifGlow,1.8s ease-out infinite mpEmit;animation-delay:var(--d,0s)}:is(.mp-card:hover,.mp-card.is-active) .mp-motif .mp-proto-line{animation:2s ease-in-out infinite mpType}}@media (prefers-reduced-motion:reduce){:is(.mp-card:hover,.mp-card.is-active) .mp-motif :is([stroke="var(--hl)"],[fill="var(--hl)"]){filter:drop-shadow(0 0 4px var(--hl))}}@keyframes mpMotifGlow{0%,to{filter:drop-shadow(0 0 1px var(--hl))}50%{filter:drop-shadow(0 0 5px var(--hl))}}@keyframes mpMotifBeat{0%,to{transform:scale(1)}45%{transform:scale(1.16)}}@keyframes mpMotifFlow{to{stroke-dashoffset:-14px}}@keyframes mpArmUpper{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes mpArmFore{0%,to{transform:rotate(0)}50%{transform:rotate(11deg)}}@keyframes mpMotifPing{0%{opacity:.55;transform:scale(.4)}70%{opacity:0}to{opacity:0;transform:scale(1.6)}}@keyframes mpShuttle{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes mpRead{0%,to{opacity:1}50%{opacity:.3}}@keyframes mpPop{0%,40%,to{transform:scale(1)}18%{transform:scale(1.18)}}@keyframes mpWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}@keyframes mpSpin{to{transform:rotate(360deg)}}@keyframes mpRise{0%,55%,to{transform:translateY(0)}28%{transform:translateY(-3px)}}@keyframes mpDraw{0%{stroke-dashoffset:1px}30%,to{stroke-dashoffset:0}}@keyframes mpMergeA{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes mpMergeB{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes mpBounce{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-3px)}}@keyframes mpEmit{0%{opacity:0;transform:scale(.5)}40%{opacity:.9}to{opacity:0;transform:scale(1.2)}}@keyframes mpType{0%,to{transform:scaleX(1)}50%{transform:scaleX(.55)}}.mp-canvas[data-astro-cid-j6jrwgf7]:after{content:"";z-index:-1;border-radius:inherit;background:var(--color-card);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}:is(.mp-card:hover,.mp-card.is-active) .mp-canvas[data-astro-cid-j6jrwgf7]:after{opacity:.55}@media (prefers-reduced-motion:reduce){.mp-canvas[data-astro-cid-j6jrwgf7]:after{transition:none}}