.rs__panel{border-radius:var(--radius-card);background:var(--color-surface);margin:0;padding:1.4rem}@media (min-width:640px){.rs__panel{padding:2rem}}.rs__panel figcaption{gap:.45rem;display:grid}.rs__tag{font:500 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:.5rem;display:inline-flex}.rs__tag--new:before{content:"";background:var(--grad-h);border-radius:50%;width:8px;height:8px}.rs__h{font:400 clamp(1.15rem, 1.8vw, 1.4rem) / 1.25 var(--font-display);letter-spacing:-.02em;color:var(--color-ink)}.rs__panel--new{flex-direction:column;display:flex}.rs__panel--new .rs__loop{margin-block:auto}.rs__panel--new .rs__note{margin-top:1.25rem}.rs__old{gap:.75rem;margin-top:1.5rem;display:grid}.rs__steps{border-left:1.5px dashed var(--color-line);counter-reset:rs;gap:.5rem;margin:0 0 0 1.15rem;padding:0 0 0 1.1rem;list-style:none;display:grid}.rs__steps li{counter-increment:rs;background:var(--color-ground);color:var(--color-ink-2);border-radius:999px;align-items:center;gap:.6rem;padding:.55rem .85rem;font-size:.9rem;display:flex}.rs__steps li:before{content:counter(rs, decimal-leading-zero);font:500 .7rem/1 var(--font-mono);color:var(--color-ink-soft)}.rs__note{color:var(--color-ink-3);margin-top:1rem;font-size:.85rem}.rs__dev,.rs__feature{border-radius:16px;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.rs__dev{background:var(--color-anthracite);color:#fff}.rs__dev--old{background:var(--color-ground);color:var(--color-ink);justify-self:start;font-weight:600}.rs__feature{box-shadow:inset 0 0 0 1.5px var(--color-ink);color:var(--color-ink);background:#fff}.rs__dev-t{font-weight:700}.rs__dev-d{opacity:.75;font-size:.8rem}.rs__avatar{background:#ffffff24;border-radius:50%;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.rs__avatar:before,.rs__avatar:after{content:"";opacity:.85;background:currentColor;border-radius:50%;position:absolute;left:50%;translate:-50%}.rs__avatar:before{width:9px;height:9px;top:6px}.rs__avatar:after{width:18px;height:14px;top:17px}.rs__dev--old .rs__avatar{background:var(--color-surface-2)}.rs__check{background:var(--grad-h);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.rs__group{box-shadow:inset 0 0 0 1px var(--color-line);background:#fff;border-radius:16px;padding:.75rem}.rs__group-t{font:500 .66rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:.5rem}.rs__chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.rs__chip{background:var(--color-ground);color:var(--color-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.rs__chip:before{content:"";background:var(--color-blue);border-radius:50%;width:6px;height:6px}.rs__group--qa .rs__chip:before{background:var(--color-red)}.rs__loop{margin-top:1.5rem;padding-left:1.9rem;position:relative}.rs__flow{display:grid}.rs__conn{background:var(--color-line);--tx:0;--ty:100%;justify-self:center;width:1.5px;height:26px;position:relative}.rs__run{animation:4.8s linear infinite rs-run;animation-delay:var(--d,0s);opacity:0;position:absolute;inset:0}.rs__dot{border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-3.25px;box-shadow:0 0 10px}.rs__dot--blue{background:var(--color-blue);color:#386bb780}.rs__dot--violet{background:var(--color-violet);color:#8c5e9880}.rs__dot--red{background:var(--color-red);color:#e24c4a80}.rs__dot--back{background:var(--grad-h);color:#8c5e9880}@keyframes rs-run{0%{opacity:0;transform:translate(0)}3%{opacity:1}18%{opacity:1}21%{transform:translate(var(--tx), var(--ty));opacity:0}to{transform:translate(var(--tx), var(--ty));opacity:0}}.rs__return-t{color:var(--color-ink-2);margin-top:.8rem;font-size:.8rem;font-weight:600;display:block}.rs__return-line{border:1.5px solid var(--color-line);border-right:0;border-radius:12px 0 0 12px;width:1rem;position:absolute;top:1.6rem;bottom:.55rem;left:.45rem}.rs__return-line:after{content:"";border:4.5px solid #0000;border-left:6px solid var(--color-ink-soft);position:absolute;top:-5px;right:-6px}.rs__return-line .rs__run{--bx:0;--by:100%;width:0;animation-name:rs-back;left:-1.5px;right:auto}@keyframes rs-back{0%{transform:translate(var(--bx), var(--by));opacity:0}3%{opacity:1}18%{opacity:1}21%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@media (min-width:768px){.rs__loop{padding-left:0}.rs__flow{align-items:stretch;display:flex}.rs__dev,.rs__feature{text-align:center;flex-direction:column;flex:none;justify-content:center;gap:.45rem;width:8.5rem}.rs__group{flex:none}.rs__chips{flex-flow:column}.rs__conn{--tx:100%;--ty:0;flex:1;align-self:center;width:auto;min-width:1.75rem;height:1.5px}.rs__dot{top:-3.25px;left:-4px}.rs__return{height:3.1rem;position:relative}.rs__return-line{border:1.5px solid var(--color-line);border-top:0;border-radius:0 0 14px 14px;width:auto;height:1.7rem;inset:0 4.25rem auto}.rs__return-line:after{border:4.5px solid #0000;border-bottom:6px solid var(--color-ink-soft);border-top:0;top:-6px;left:-6px;right:auto}.rs__return-line .rs__run{--bx:100%;--by:0;width:auto;height:0;inset:auto 0 -1.5px}.rs__return-t{background:var(--color-surface);white-space:nowrap;margin:0;padding:0 .7rem;position:absolute;top:1.7rem;left:50%;translate:-50% -50%}}
