.srs-sticky{flex-direction:column;align-items:center;display:flex}.srs-stage{border:1.5px dashed color-mix(in srgb, var(--border-strong) 60%, transparent);border-radius:var(--radius-lg);--srs-tick:color-mix(in srgb, var(--border-strong) 55%, transparent);width:100%;max-width:min(68.75rem,92vw);padding:1.5rem 2rem 2.75rem;position:relative}.srs-seal{background:var(--ink-subtle);pointer-events:none;height:2px;position:absolute;bottom:-2px}.srs-seal-l{transform-origin:0;left:0;right:50%}.srs-seal-r{transform-origin:100%;left:50%;right:0}.srs-corner{border:0 solid var(--ink-subtle);pointer-events:none;width:22px;height:22px;position:absolute}.srs-corner-tl{border-top-width:2px;border-left-width:2px;top:-2px;left:-2px}.srs-corner-tr{border-top-width:2px;border-right-width:2px;top:-2px;right:-2px}.srs-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:-2px;left:-2px}.srs-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:-2px;right:-2px}.srs-stage:before{content:"";border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(to bottom, var(--srs-tick) 0 1px, transparent 1px 9px), repeating-linear-gradient(to bottom, var(--srs-tick) 0 1px, transparent 1px 9px), repeating-linear-gradient(to right, var(--srs-tick) 0 1px, transparent 1px 9px), repeating-linear-gradient(to right, var(--srs-tick) 0 1px, transparent 1px 9px);background-position:0 28px,100% 28px,28px 0,28px 100%;background-repeat:no-repeat;background-size:5px calc(100% - 56px),5px calc(100% - 56px),calc(100% - 56px) 5px,calc(100% - 56px) 5px;position:absolute;inset:0}.srs-boundary-label{position:relative}.srs-rail{flex-wrap:wrap;gap:.5rem 1.75rem;width:100%;max-width:min(68.75rem,92vw);margin-bottom:1rem;display:flex}.srs-rail-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;margin-top:.2em}.srs-rail-dot-dashed{border:1.5px dashed var(--accent);background:0 0;width:9px;height:9px}.srs-flow{margin-inline:auto;flex-direction:column;width:100%;max-width:46rem;margin-top:2rem;display:flex}.srs-seg1,.srs-fork{width:100%;height:auto;display:block}.srs-route{fill:none;stroke:var(--border-strong);stroke-width:2px}.srs-active{fill:none;stroke:var(--accent-strong);stroke-width:4.5px;stroke-linecap:round}.srs-hair{fill:none;stroke:var(--accent);stroke-width:1px;opacity:.5;translate:8px}.srs-hair-3{translate:-8px}.srs-request{fill:var(--accent);stroke:none}.srs-node-wrap{z-index:1;width:fit-content;max-width:15rem;margin-inline:auto;position:relative}.srs-chip-routing{border-color:var(--accent)}.srs-ring-stay{border:1px solid var(--accent);border-radius:calc(var(--radius-md) + 5px);opacity:1;pointer-events:none;position:absolute;inset:-6px}.srs-ring-pulse{border:2px solid var(--accent);border-radius:calc(var(--radius-md) + 5px);opacity:0;pointer-events:none;position:absolute;inset:-6px}.srs-ntick{background:var(--accent);opacity:0;pointer-events:none;position:absolute}.srs-ntick-n,.srs-ntick-s{width:2px;height:9px;margin-left:-1px;left:50%}.srs-ntick-e,.srs-ntick-w{width:9px;height:2px;margin-top:-1px;top:50%}.srs-ntick-n{top:-22px}.srs-ntick-s{bottom:-22px}.srs-ntick-e{right:-22px}.srs-ntick-w{left:-22px}.srs-frame{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, transparent);pointer-events:none;position:absolute}.srs-frame-1{border-radius:calc(var(--radius-md) + 8px);inset:-20px}.srs-frame-2{border-radius:calc(var(--radius-md) + 15px);inset:-42px}.srs-frame-3{border-radius:calc(var(--radius-md) + 22px);inset:-64px}.srs-frame-label{background:var(--bg);white-space:nowrap;padding-inline:4px;line-height:1.1;position:absolute;top:-.6em;right:14px}@media (max-width:40rem){.srs-frame-2{inset:-32px}.srs-frame-3{inset:-46px}.srs-frame-label{right:8px}}.srs-endpoints{grid-template-columns:2fr 1fr 2fr;display:grid}.srs-endpoint{justify-self:center;width:100%;max-width:12rem}.srs-endpoint-a{grid-column:1}.srs-endpoint-b{grid-column:3}.srs-packet{fill:var(--accent-strong)}.srs-packet-core{fill:var(--ink)}.srs-pkt-aura{fill:var(--accent);opacity:.22}.srs-trail-1a,.srs-trail-2b{opacity:.45}.srs-trail-1b{opacity:.25}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.srs-scroller{view-timeline:--srs block;view-timeline-inset:0;height:370vh}.srs-sticky{justify-content:safe center;height:100svh;padding-top:4.5rem;padding-bottom:1rem;position:sticky;top:0}.srs-path-main,.srs-hair-1{animation:linear both srs-wipe-seg;animation-timeline:--srs;animation-range:contain 6% contain 24%}.srs-chip-routing{animation:linear both srs-decide,linear both srs-node-flex;animation-timeline:--srs,--srs;animation-range:contain 25% contain 31%,contain 25% contain 33%}.srs-ring-pulse{animation:linear both srs-ring-pulse;animation-timeline:--srs;animation-range:contain 25% contain 35%}.srs-ring-stay{animation:linear both srs-fade-in;animation-timeline:--srs;animation-range:contain 27% contain 39%}.srs-ntick{animation:linear both srs-tick-flash;animation-timeline:--srs;animation-range:contain 26% contain 34%}.srs-path-fork-b,.srs-hair-3{animation:linear both srs-wipe-fork;animation-timeline:--srs;animation-range:contain 50% contain 68%}.srs-endpoint-a{animation:linear both srs-lift-in;animation-timeline:--srs;animation-range:contain 62% contain 70%}.srs-endpoint-b{animation:linear both srs-lift-in;animation-timeline:--srs;animation-range:contain 64% contain 72%}.srs-seal{animation:linear both srs-seal-grow;animation-timeline:--srs;animation-range:contain 92% contain 98%}.srs-frame-1{animation:linear both srs-fade-in;animation-timeline:--srs;animation-range:contain 70% contain 76%}.srs-frame-2{animation:linear both srs-fade-in;animation-timeline:--srs;animation-range:contain 74% contain 82%}.srs-frame-3{animation:linear both srs-fade-in;animation-timeline:--srs;animation-range:contain 78% contain 86%}.srs-pkt-1{animation:linear both srs-pkt1-show;animation-timeline:--srs;animation-range:contain}.srs-trail-1a{animation:linear both srs-trail1a-show;animation-timeline:--srs;animation-range:contain}.srs-trail-1b{animation:linear both srs-trail1b-show;animation-timeline:--srs;animation-range:contain}.srs-pkt-3{animation:linear both srs-pkt2-show;animation-timeline:--srs;animation-range:contain}.srs-trail-2b{animation:linear both srs-trail2-show;animation-timeline:--srs;animation-range:contain}.srs-rail-1{animation:linear both srs-rail-1;animation-timeline:--srs;animation-range:contain}.srs-rail-2{animation:linear both srs-rail-2;animation-timeline:--srs;animation-range:contain}.srs-rail-3{animation:linear both srs-rail-3;animation-timeline:--srs;animation-range:contain}.srs-rail-4{animation:linear both srs-rail-4;animation-timeline:--srs;animation-range:contain}.srs-rail-dot-1{animation:linear both srs-dot-1;animation-timeline:--srs;animation-range:contain}.srs-rail-dot-2{animation:linear both srs-dot-2;animation-timeline:--srs;animation-range:contain}.srs-rail-dot-3{animation:linear both srs-dot-3;animation-timeline:--srs;animation-range:contain}.srs-rail-dot-4{animation:linear both srs-dot-4;animation-timeline:--srs;animation-range:contain}@supports (offset-path:path("M0 0 L1 1")){.srs-pkt-1,.srs-pkt-3,.srs-trail-1a,.srs-trail-1b,.srs-trail-2b{transform-box:fill-box;transform-origin:50%;offset-rotate:0deg}.srs-pkt-1{offset-path:path("M200 16 L200 88");animation:linear both srs-ride,linear both srs-pkt1-show;animation-timeline:--srs,--srs;animation-range:contain 4% contain 22%,contain}.srs-trail-1a{offset-path:path("M200 16 L200 88");animation:linear both srs-ride,linear both srs-trail1a-show;animation-timeline:--srs,--srs;animation-range:contain 6% contain 24%,contain}.srs-trail-1b{offset-path:path("M200 16 L200 88");animation:linear both srs-ride,linear both srs-trail1b-show;animation-timeline:--srs,--srs;animation-range:contain 8% contain 26%,contain}.srs-pkt-3{offset-path:path("M200 0 L200 20 C200 56 320 48 320 80 L320 104");animation:linear both srs-ride,linear both srs-pkt2-show;animation-timeline:--srs,--srs;animation-range:contain 50% contain 68%,contain}.srs-trail-2b{offset-path:path("M200 0 L200 20 C200 56 320 48 320 80 L320 104");animation:linear both srs-ride,linear both srs-trail2-show;animation-timeline:--srs,--srs;animation-range:contain 52% contain 70%,contain}}@keyframes srs-ride{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes srs-wipe-seg{0%{clip-path:inset(0 0 84%) view-box}to{clip-path:inset(0) view-box}}@keyframes srs-wipe-fork{0%{clip-path:inset(0 0 100%) view-box}to{clip-path:inset(0) view-box}}@keyframes srs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes srs-decide{0%{border-color:var(--border)}to{border-color:var(--accent)}}@keyframes srs-node-flex{0%,to{transform:scale(1)}45%{transform:scale(1.05)}}@keyframes srs-ring-pulse{0%{opacity:0;transform:scale(.8)}35%{opacity:.85}to{opacity:0;transform:scale(1.3)}}@keyframes srs-tick-flash{0%,to{opacity:0}45%{opacity:1}}@keyframes srs-lift-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes srs-pkt1-show{0%{opacity:.55}5%,49%{opacity:1}52%,to{opacity:0}}@keyframes srs-trail1a-show{0%,5%{opacity:0}8%,49%{opacity:.45}52%,to{opacity:0}}@keyframes srs-trail1b-show{0%,7%{opacity:0}10%,49%{opacity:.25}52%,to{opacity:0}}@keyframes srs-pkt2-show{0%,49%{opacity:0}52%,to{opacity:1}}@keyframes srs-trail2-show{0%,51%{opacity:0}54%,to{opacity:.45}}@keyframes srs-seal-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes srs-rail-1{0%,25%{opacity:1}31%,to{opacity:.3}}@keyframes srs-rail-2{0%,25%{opacity:.3}31%,48%{opacity:1}54%,to{opacity:.3}}@keyframes srs-rail-3{0%,48%{opacity:.3}54%,70%{opacity:1}76%,to{opacity:.3}}@keyframes srs-rail-4{0%,70%{opacity:.3}76%,to{opacity:1}}@keyframes srs-dot-1{0%,25%{opacity:1}31%,to{opacity:0}}@keyframes srs-dot-2{0%,25%{opacity:0}31%,48%{opacity:1}54%,to{opacity:0}}@keyframes srs-dot-3{0%,48%{opacity:0}54%,70%{opacity:1}76%,to{opacity:0}}@keyframes srs-dot-4{0%,70%{opacity:0}76%,to{opacity:1}}}}
