.lc-loop{--lp-cycle:7.5s;--lp-n:3;--lp-ic:3.5rem;--lp-pad:2.75rem;--lp-line:var(--color-navy-200);--lp-pulse:var(--color-signal-400);--lp-ink:var(--color-navy-800);--lp-title:var(--color-navy-950);--lp-txt:var(--color-charcoal-600);--lp-ic-bg:#fff;--dir:1}[dir=rtl] .lc-loop{--dir:-1}.lc-loop[data-tone=dark]{--lp-line:#96b6e859;--lp-ink:#fff;--lp-title:#fff;--lp-txt:var(--color-navy-200);--lp-ic-bg:var(--color-navy-900)}.lc-loop-head{max-width:46rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.25rem)}.lc-loop-eyebrow{color:var(--color-royal-600);align-items:center;gap:.6rem;display:flex}.lc-loop[data-tone=dark] .lc-loop-eyebrow{color:var(--color-royal-300)}.lc-loop-title{color:var(--lp-title);margin-top:.85rem}.lc-loop-lead{color:var(--lp-txt);margin-top:1rem}.lc-loop-body{overflow-clip-margin:1rem;position:relative;overflow:clip}.lc-loop-row{padding:0 0 1.5rem;gap:1.75rem;margin:0;padding-inline-start:var(--lp-pad);list-style:none;display:grid}.lc-loop-node{align-items:flex-start;gap:1rem;display:flex;position:relative}.lc-loop-ic{z-index:1;width:var(--lp-ic);height:var(--lp-ic);border:1.5px solid var(--lp-line);background:var(--lp-ic-bg);color:var(--color-royal-600);border-radius:50%;flex:none;display:grid;position:relative}.lc-loop-ic>span{border-radius:50%;grid-area:1/1;place-items:center;display:grid}.lc-loop-on{background:var(--color-royal-600);color:#fff;opacity:0;margin:-1.5px;box-shadow:0 0 0 6px #257ae02e,0 10px 26px -8px #0556adb3}.lc-loop[data-tone=dark] .lc-loop-ic{color:var(--color-royal-300)}.lc-loop-txt{gap:.3rem;padding-top:.2rem;display:grid}.lc-loop-l{font-size:var(--text-h4);color:var(--lp-ink);align-items:baseline;gap:.5rem;font-weight:700;line-height:1.3;display:flex}.lc-loop-n{font:600 .75rem/1 var(--font-mono);color:var(--color-royal-600)}.lc-loop[data-tone=dark] .lc-loop-n{color:var(--color-signal-300)}.lc-loop-t{color:var(--lp-txt);font-size:.9375rem;line-height:1.55}.lc-loop-spec{background:var(--color-charcoal-100);color:var(--color-charcoal-700);font:500 .75rem/1.4 var(--font-mono);font-variant-numeric:tabular-nums;border-radius:3px;justify-self:start;margin-top:.2rem;padding:.2rem .5rem}.lc-loop-spec:lang(zh-Hans){font-family:ui-monospace,SF Mono,Menlo,Consolas,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}.lc-loop-spec:lang(ar){font-family:ui-monospace, "SF Mono", Menlo, Consolas, var(--font-arabic), sans-serif}.lc-loop[data-tone=dark] .lc-loop-spec{color:var(--color-navy-100);background:#96b6e81a}.lc-loop-wire{inset-inline-start:calc(var(--lp-ic) / 2 - 1px);top:calc(var(--lp-ic) + 4px);background:var(--lp-line);width:2px;position:absolute;bottom:calc(4px - 1.75rem)}.lc-loop-wire:after{content:"";border:5px solid #0000;border-top:6px solid var(--lp-line);border-bottom:0;position:absolute;bottom:-2px;left:-4px}.lc-loop-wire[data-w=last]{bottom:-1.5rem}.lc-loop-wire[data-w=last]:after{display:none}.lc-loop-wire[data-w=sup]{background:repeating-linear-gradient(var(--lp-line) 0 4px, transparent 4px 8px)}.lc-loop-wire[data-w=sup]:before{content:"";border:5px solid #0000;border-bottom:6px solid var(--lp-line);border-top:0;position:absolute;top:-2px;left:-4px}.lc-loop-body[data-byp] .lc-loop-wire[data-w=skip]{display:none}.lc-loop-wire>i,.lc-loop .lg{opacity:0;pointer-events:none;position:absolute}.lc-loop-wire>i{--to:0 100%;inset:0}.lc-loop-wire>i:before,.lc-loop .lg:before{content:"";background:var(--lp-pulse);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 3px #ffb02b40,0 0 12px 2px #ffb02bb3}.lc-loop-wire>i:before{top:-5px;left:-4px}.lc-loop-wire[data-w=sup]>i:before{opacity:.85;scale:.7}.lc-loop-ret,.lc-loop-byp{border:2px solid var(--lp-line);border-inline-end:0;border-start-start-radius:12px;border-end-start-radius:12px;position:absolute}.lc-loop-ret{inset-inline-start:.5rem;top:calc(var(--lp-ic) / 2 - 1px);width:calc(var(--lp-pad) - .5rem + var(--lp-ic) / 2);border-style:dashed;border-inline-end:0;bottom:0}.lc-loop-byp{inset-inline-start:1.5rem;top:calc(var(--byp-t,0px) - 1px);height:calc(var(--byp-h,0px) + 2px);width:calc(var(--lp-pad) - 1.5rem + var(--lp-ic) / 2);display:none}.lc-loop-body[data-byp] .lc-loop-byp{display:block}@media (width<64rem){html.js .lc-loop-wire[data-w=skip]{display:none}@supports (anchor-name:--a){.lc-loop-body{anchor-scope:--lc-loop-plc, --lc-loop-act}[data-k=plc]>.lc-loop-ic{anchor-name:--lc-loop-plc}[data-k=actuator]>.lc-loop-ic{anchor-name:--lc-loop-act}.lc-loop-wire[data-w=skip]{display:none}.lc-loop-byp{top:calc(anchor(--lc-loop-plc center) - 1px);bottom:calc(anchor(--lc-loop-act center) - 1px);height:auto;display:block}}}.lc-loop-ret:after,.lc-loop-byp:after{content:"";inset-inline-start:calc(var(--lp-pad) - .5rem - 9px);border:5px solid #0000;border-inline-start:7px solid var(--lp-line);border-inline-end:0;position:absolute;top:-4px}.lc-loop-byp:after{top:auto;bottom:-4px;inset-inline-start:calc(var(--lp-pad) - 1.5rem - 9px)}.lc-loop .lg-a,.lc-loop .lg-c{height:2px;inset-inline:0}.lc-loop .lg-b{width:2px;inset-block:0;inset-inline-start:-2px}.lc-loop .lg:before{top:-4px}.lc-loop .lg-b:before{left:-4px}.lc-loop-ret .lg-a{--to:calc(var(--dir) * -100%) 0;bottom:-2px}.lc-loop-ret .lg-a:before,.lc-loop-byp .lg-a:before{inset-inline-end:-5px}.lc-loop-ret .lg-b{--to:0 -100%}.lc-loop-ret .lg-b:before{top:auto;bottom:-5px}.lc-loop-ret .lg-c,.lc-loop-byp .lg-a{top:-2px}.lc-loop-ret .lg-c,.lc-loop-byp .lg-c{--to:calc(var(--dir) * 100%) 0}.lc-loop-ret .lg-c:before,.lc-loop-byp .lg-c:before{inset-inline-start:-5px}.lc-loop-byp .lg-a{--to:calc(var(--dir) * -100%) 0}.lc-loop-byp .lg-b{--to:0 100%}.lc-loop-byp .lg-b:before{top:-5px}.lc-loop-byp .lg-c{bottom:-2px}.lc-loop-cap{color:var(--lp-txt);margin-top:1.5rem;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .lc-loop .lc-loop-on{animation:lc-loop-glow var(--lp-cycle) linear var(--lp-n);animation-delay:calc(var(--gd) - .1s)}:root:not([data-motion=off]) .lc-loop [data-k=hmi] .lc-loop-on{--gmax:.6}:root:not([data-motion=off]) .lc-loop .lc-loop-wire[data-w=hop]>i{animation:lc-loop-hop var(--lp-cycle) linear var(--lp-n)}:root:not([data-motion=off]) .lc-loop [data-k=sensor] .lc-loop-wire>i{animation-delay:.2s}:root:not([data-motion=off]) .lc-loop [data-k=actuator] .lc-loop-wire>i{animation-delay:3s}:root:not([data-motion=off]) .lc-loop .lc-loop-wire[data-w=sup]>i{animation:lc-loop-blip var(--lp-cycle) linear var(--lp-n) 1.5s}:root:not([data-motion=off]) .lc-loop .lg-a,:root:not([data-motion=off]) .lc-loop .lg-c{animation:lc-loop-leg-s var(--lp-cycle) linear var(--lp-n)}:root:not([data-motion=off]) .lc-loop .lc-loop-byp .lg-a{animation-delay:1.5s}:root:not([data-motion=off]) .lc-loop .lc-loop-byp .lg-b{animation:lc-loop-leg-b var(--lp-cycle) linear var(--lp-n) 1.62s}:root:not([data-motion=off]) .lc-loop .lc-loop-byp .lg-c{animation-delay:2.57s}:root:not([data-motion=off]) .lc-loop .lc-loop-ret .lg-a{animation-delay:4.2s}:root:not([data-motion=off]) .lc-loop .lc-loop-ret .lg-b{animation:lc-loop-leg-r var(--lp-cycle) linear var(--lp-n) 4.32s}:root:not([data-motion=off]) .lc-loop .lc-loop-ret .lg-c{animation-delay:6.62s}}.lc-loop:not([data-play="1"]) *{animation-play-state:paused!important}@keyframes lc-loop-glow{0%{opacity:0}1.3%{opacity:var(--gmax,1)}14%,to{opacity:0}}@keyframes lc-loop-hop{0%{opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0}1.5%,11%{opacity:1}12%,to{translate:var(--to);opacity:0}}@keyframes lc-loop-blip{0%{opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0}1%,6%{opacity:1}6.7%,to{translate:var(--to);opacity:0}}@keyframes lc-loop-leg-s{0%{opacity:1;translate:0}1.6%{translate:var(--to);opacity:1}1.7%,to{translate:var(--to);opacity:0}}@keyframes lc-loop-leg-b{0%{opacity:1;translate:0}12.67%{translate:var(--to);opacity:1}12.8%,to{translate:var(--to);opacity:0}}@keyframes lc-loop-leg-r{0%{opacity:1;translate:0}30.67%{translate:var(--to);opacity:1}30.8%,to{translate:var(--to);opacity:0}}@media (width>=64rem){.lc-loop-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;padding:2.25rem 0 3.25rem}.lc-loop-node{text-align:center;flex-direction:column;align-items:center}.lc-loop-txt{justify-items:center}.lc-loop-l{flex-direction:column;align-items:center;gap:.35rem}.lc-loop-spec{justify-self:center}.lc-loop-wire{top:calc(var(--lp-ic) / 2 - 1px);bottom:auto;width:calc(100% - var(--lp-ic) + 1.5rem - 20px);height:2px;inset-inline-start:calc(50% + var(--lp-ic) / 2 + 10px)}.lc-loop-wire:after{top:-5px;bottom:auto;left:auto;border:5px solid #0000;border-inline-start:6px solid var(--lp-line);border-inline-end:0;inset-inline-end:-2px}.lc-loop-wire[data-w=sup]{background:repeating-linear-gradient(to right, var(--lp-line) 0 4px, transparent 4px 8px)}.lc-loop-wire[data-w=sup]:before{top:-5px;left:auto;border:5px solid #0000;border-inline-end:6px solid var(--lp-line);border-inline-start:0;inset-inline-start:-2px}.lc-loop-wire>i{--to:calc(var(--dir) * 100%) 0}.lc-loop-wire>i:before{top:-4px;left:auto;inset-inline-start:-5px}.lc-loop-wire[data-w=skip],.lc-loop-wire[data-w=last]{display:none}.lc-loop-ret{top:auto;bottom:.5rem;border:2px dashed var(--lp-line);border-top:0;border-radius:0 0 14px 14px;width:auto;height:2.5rem;inset-inline:calc(10% - .6rem)}.lc-loop-byp,.lc-loop-body[data-byp] .lc-loop-byp{top:.5rem;border:2px solid var(--lp-line);border-bottom:0;border-radius:14px 14px 0 0;width:auto;height:calc(1.75rem - 6px);display:block;inset-inline:calc(30% - .3rem)}.lc-loop-ret:after,.lc-loop-byp:after{top:-7px;bottom:auto;border:5px solid #0000;border-bottom:7px solid var(--lp-line);border-top:0;inset-inline-start:-4px}.lc-loop-byp:after{top:auto;bottom:-7px;border-bottom:0;border-top:7px solid var(--lp-line);inset-inline:auto -4px}.lc-loop .lg-a,.lc-loop .lg-c{width:2px;height:auto;inset-block:0;inset-inline:auto}.lc-loop .lg-b{width:auto;height:2px;inset-block:auto;inset-inline:0}.lc-loop .lg:before{top:auto;left:-4px}.lc-loop .lg-b:before{top:-4px;left:auto}.lc-loop-ret .lg-a{bottom:auto;--to:0 100%;inset-inline-end:-2px}.lc-loop-ret .lg-a:before{inset-inline-end:auto;top:-5px}.lc-loop-ret .lg-b{--to:calc(var(--dir) * -100%) 0;bottom:-2px}.lc-loop-ret .lg-b:before{bottom:auto;inset-inline-end:-5px}.lc-loop-ret .lg-c{top:auto;--to:0 -100%;inset-inline-start:-2px}.lc-loop-ret .lg-c:before{inset-inline-start:auto;bottom:-5px}.lc-loop-byp .lg-a{top:auto;--to:0 -100%;inset-inline-start:-2px}.lc-loop-byp .lg-a:before{inset-inline-end:auto;bottom:-5px}.lc-loop-byp .lg-b{--to:calc(var(--dir) * 100%) 0;top:-2px}.lc-loop-byp .lg-b:before{inset-inline-start:-5px}.lc-loop-byp .lg-c{bottom:auto;--to:0 100%;inset-inline-end:-2px}.lc-loop-byp .lg-c:before{inset-inline-start:auto;top:-5px}.lc-loop-cap{text-align:center;margin-top:.75rem}}@media (forced-colors:active){.lc-loop-wire,.lc-loop-wire:before,.lc-loop-wire:after,.lc-loop-ret,.lc-loop-byp,.lc-loop-ret:after,.lc-loop-byp:after{forced-color-adjust:none}.lc-loop-wire{background:canvastext}.lc-loop-wire[data-w=sup]{background:repeating-linear-gradient(canvastext 0 4px,#0000 4px 8px)}.lc-loop-wire:after{border-top-color:canvastext}.lc-loop-wire[data-w=sup]:before{border-bottom-color:canvastext}.lc-loop-ret,.lc-loop-byp{border-color:canvastext}.lc-loop-ret:after,.lc-loop-byp:after{border-inline-start-color:canvastext}.lc-loop-wire>i,.lc-loop .lg,.lc-loop-on{display:none}.lc-loop-ic{border-color:canvastext}@media (width>=64rem){.lc-loop-wire:after{border-top-color:#0000;border-inline-start-color:canvastext}.lc-loop-wire[data-w=sup]{background:repeating-linear-gradient(90deg,canvastext 0 4px,#0000 4px 8px)}.lc-loop-wire[data-w=sup]:before{border-bottom-color:#0000;border-inline-end-color:canvastext}.lc-loop-ret:after{border-inline-start-color:#0000;border-bottom-color:canvastext}.lc-loop-byp:after{border-inline-start-color:#0000;border-top-color:canvastext}}}
