.cf-motion{margin:var(--cf-space-2,2rem)0}.cf-motion-layer{position:relative;overflow:hidden}.cf-motion-layer .cf-motion-img{transition:transform 1ms linear;will-change:transform}.cf-motion-pre{opacity:0;transform:translateY(10px);transition:opacity .45s ease-out,transform .45s ease-out}.cf-motion-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-1,1rem)}.cf-motion-nodes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-1,1rem)}.cf-motion-node{display:inline-flex;align-items:center;gap:var(--cf-space-1,1rem);transition:transform .3s ease-out}.cf-motion-node.cf-motion-in-cycle{transform:scale(1.06)}.cf-motion-edge{display:inline-block;width:var(--cf-space-2,2rem);height:2px;background:var(--cf-accent,#888);opacity:.7}.cf-motion-caption{display:block;margin-top:var(--cf-space-half,.5rem);font-size:var(--cf-font-small,.875rem);color:var(--cf-muted,#666)}.cf-motion-compare{position:relative;overflow:hidden;container-type:inline-size;min-inline-size:0}.cf-motion-cmp-after,.cf-motion-cmp-before{position:relative}.cf-motion-cmp-before{position:absolute;inset:0 auto 0 0;width:var(--cf-cmp-pos,50%);overflow:hidden}.cf-motion-cmp-before img{width:100cqw;height:auto}.cf-motion-cmp-before .cf-motion-caption{position:absolute;top:0;left:0}.cf-motion-cmp-handle{position:absolute;top:0;bottom:0;left:var(--cf-cmp-pos,50%);width:2px;background:var(--cf-accent,#888);cursor:ew-resize}@media(prefers-reduced-motion:reduce){.cf-motion-pre,.cf-motion-layer .cf-motion-img,.cf-motion-node{transition:none}.cf-motion-pre{opacity:1;transform:none}}