@layer components{.fdy-flow-link{align-self:center;position:relative;overflow:hidden}.fdy-flow-link:before{content:"";background:var(--line-strong);position:absolute}.fdy-flow-link>i{opacity:0;position:absolute;inset:0}.fdy-flow-link>i:after{content:"";background:var(--ink);width:6px;height:6px;position:absolute;top:0;left:0}.fdy-flow-link[data-axis=x]{width:100%;height:6px}.fdy-flow-link[data-axis=x]:before{height:1px;top:50%;left:0;right:0}.fdy-flow-link[data-axis=y]{justify-self:center;width:6px;height:100%;min-height:24px}.fdy-flow-link[data-axis=y]:before{width:1px;top:0;bottom:0;left:50%}@media (prefers-reduced-motion:no-preference){[data-fdy-flow-live=true] .fdy-flow-link[data-axis=x]>i{animation:fdy-flow-x var(--fdy-dur-ambient,1.6s) linear infinite;animation-delay:var(--fdy-flow-d,0s)}[data-fdy-flow-live=true] .fdy-flow-link[data-axis=y]>i{animation:fdy-flow-y var(--fdy-dur-ambient,1.6s) linear infinite;animation-delay:var(--fdy-flow-d,0s)}}@keyframes fdy-flow-x{0%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(calc(100% - 6px))}41%,to{opacity:0;transform:translate(calc(100% - 6px))}}@keyframes fdy-flow-y{0%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(calc(100% - 6px))}41%,to{opacity:0;transform:translateY(calc(100% - 6px))}}.fdy-diagram-mark{transition:opacity 0s linear var(--fdy-mark-d,0s)}@media (prefers-reduced-motion:no-preference){[data-fdy-seen=false] .fdy-diagram-mark{opacity:0}}@media (forced-colors:active){.fdy-flow-link:before,.fdy-flow-link>i:after{background:canvastext}}}