@layer tokens,base,components,page;@layer components{.flow-cap{margin-top:14px;font:400 12px/1.5 var(--mono);color:var(--band-muted)}.route small{display:block;margin-top:7px;font:500 13px/1.4 var(--sans);color:var(--band-muted)}.route{list-style:none;margin:0;padding:0 0 0 30px;position:relative;display:grid;gap:28px}.route:before{content:"";position:absolute;left:6px;top:18px;bottom:44px;width:1px;background:var(--band-rule)}.rt{position:relative;font:400 clamp(24px,2.6vw,34px)/1.15 var(--display);color:var(--band-ink)}.rt:not(.rt-fork):before{content:"";position:absolute;left:-29px;top:.42em;width:11px;height:11px;box-sizing:border-box;border-radius:50%;border:1px solid var(--band-accent);background:var(--band)}.rt-fork{display:grid;gap:18px}.rt-ok,.rt-no{position:relative;display:block}.rt-ok:before,.rt-no:before{content:"";position:absolute;left:-24px;top:.62em;width:16px;height:1px;background:var(--band-rule)}.rt-ok ins{text-decoration:none;font-family:var(--display-it);font-style:italic;color:var(--band-accent);background:linear-gradient(var(--band-accent),var(--band-accent)) 0 96% / 100% .04em no-repeat}.rt-no del{text-decoration:none;color:var(--band-muted);background:linear-gradient(var(--band-red),var(--band-red)) 0 58% / 100% .045em no-repeat}.route .rt-no small{display:block;margin-top:8px;font:500 13px/1.4 var(--sans);color:var(--band-muted)}.route.play .rt{animation:rtIn .7s var(--ease) both}.route.play .rt:nth-child(2){animation-delay:.25s}.route.play .rt:nth-child(3){animation-delay:.5s}.route.play .rt-ok ins{animation:underIn .9s var(--ease) 1.1s both}.route.play .rt-no del{animation:strikeIn .7s var(--ease) 1.7s both}@keyframes rtIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes underIn{0%{background-size:0% .04em}to{background-size:100% .04em}}@keyframes strikeIn{0%{background-size:0% .045em;color:var(--band-ink)}to{background-size:100% .045em;color:var(--band-muted)}}}