.img-ct__panel .img-chips{font-size:var(--fs-2);line-height:1.4;margin-top:var(--s3)}.img-ct__panel .img-chips li{color:var(--text)}@media (prefers-reduced-motion:no-preference){.img-ct__panel:not([hidden]) .img-chips li{animation:img-rise .3s var(--ease) both}.img-ct__panel .img-chips li:nth-child(2){animation-delay:40ms}.img-ct__panel .img-chips li:nth-child(3){animation-delay:80ms}.img-ct__panel .img-chips li:nth-child(4){animation-delay:.12s}.img-ct__panel .img-chips li:nth-child(5){animation-delay:.16s}.img-ct__panel .img-chips li:nth-child(n+6){animation-delay:.2s}}.img-ct__panel{color:var(--muted);font-size:var(--fs-3);line-height:1.45;max-width:var(--measure);min-height:120px}@media (max-width:767px){.img-ct__panel{font-size:var(--fs-2)}}.img-how{margin-top:var(--s5)}.img-how .img-tabpanel{min-height:160px;padding-top:0}.img-how__n{border:1px solid;border-radius:50%;display:inline-grid;font-size:13px;font-variant-numeric:tabular-nums;height:24px;place-items:center;width:24px}.img-flow{align-items:stretch;display:flex;gap:var(--s1)}.img-flow__node{align-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;flex:1;gap:4px;min-height:128px;padding:var(--s3);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.img-flow__node strong{font-weight:600}.img-flow__node span{color:var(--muted);font-size:var(--fs-1)}.img-flow__node.is-active{border-color:var(--accent)}.img-flow__node.is-current{background:var(--accent);color:var(--accent-ink);transform:translateY(-4px)}.img-flow__node.is-current span{color:var(--accent-ink)}.img-flow__arrow{align-self:center;color:var(--muted)}.img-flow__arrow .img-icon{height:20px;width:20px}@media (max-width:599px){.img-flow{flex-direction:column}.img-flow__arrow{align-self:center;transform:rotate(90deg)}.img-flow__node{min-height:0}}.img-flow__arrow{transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}.img-flow__arrow.is-active{color:var(--accent-text);transform:translateX(3px)}@media (max-width:599px){.img-flow__arrow.is-active{transform:rotate(90deg) translateX(3px)}}