.cf-flow-box{container:cf-flow/inline-size}@media (min-width:640px){.cf-flow-box{width:100vw;margin-left:calc(50% - 50vw)}}.cf-flow{position:relative;height:480px;background:#FFFFFF;color:#0F0F0F;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-site-text),system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(.cf-flow) canvas{position:absolute;inset:0;width:100%;height:100%;display:block}:where(.cf-flow) .mono{font-family:var(--font-site-mono),ui-monospace,monospace}:where(.cf-flow) p{margin:0}:where(.cf-flow) .tok{position:absolute;left:0;top:0;height:18px;padding:0;margin:0;border:0;background:none;display:flex;align-items:center;gap:5px;cursor:default;outline:none;opacity:0;transform-origin:100% 50%;will-change:transform,opacity}:where(.cf-flow) .tok:before{content:"";position:absolute;inset:-7px -8px}:where(.cf-flow) .tok .nm{display:block;padding:1px 4px;border-radius:4px;background:#FFFFFF;white-space:nowrap;font-family:var(--font-site-mono),ui-monospace,monospace;font-size:10.5px;line-height:14px;letter-spacing:-.015em;color:#8F8F8A;transition:color .3s ease}:where(.cf-flow) .tok .ic{position:relative;width:18px;height:18px;border-radius:5px;flex:none;display:grid;place-items:center;background:#EDEDEA;color:#8C8C87;box-shadow:inset 0 0 0 1px rgba(15,15,15,.07);transition:background-color .28s ease,color .28s ease,box-shadow .28s ease}:where(.cf-flow) .tok .ic svg{display:block;width:12px;height:12px;overflow:visible}:where(.cf-flow) .tok.dark .ic{background:#E3E3DF;color:#6B6B67}:where(.cf-flow) .tok.named .nm{color:#0F0F0F;transition-duration:.12s}.cf-flow.dimming .tok .ic{background:#F2F2EF;color:#C6C6C1;box-shadow:inset 0 0 0 1px rgba(15,15,15,.04)}.cf-flow.dimming .tok .nm{color:#CACAC5}.cf-flow .tok.hi .ic{background:#0F0F0F;color:#FFFFFF;box-shadow:none}.cf-flow .tok.hi .nm{color:#0F0F0F}.cf-flow .tok.fire .ic{background:#F7441E;color:#FFFFFF;box-shadow:none;transition-duration:.08s}:where(.cf-flow) .tok:focus-visible .ic{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px #0F0F0F}:where(.cf-flow) .tok.off{display:none}.cf-flow.nolab .tok .nm{display:none}:where(.cf-flow) .nlab{position:absolute;left:0;top:0;margin:0;white-space:nowrap;opacity:0;font-size:12.5px;line-height:16px;letter-spacing:.005em;color:#3A3A38;transform:translate(-50%);padding:1px 5px;border-radius:4px;background:#FFFFFF}:where(.cf-flow) .slot{position:absolute;left:0;top:0;margin:0;white-space:nowrap;pointer-events:none;display:none;font-size:10.5px;line-height:14px;letter-spacing:-.01em;color:#0F0F0F;opacity:0;padding:1px 5px;border-radius:4px;background:#FFFFFF}.cf-flow.nolab .slot{display:block;transform:translate(-50%)}:where(.cf-flow) .pill{position:absolute;left:0;top:0;height:28px;margin:-14px 0 0;padding:0 12px 0 10px;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(15,15,15,.09),0 1px 2px rgba(15,15,15,.04);font:500 13px/16px var(--font-site-text),system-ui,sans-serif;letter-spacing:-.005em;color:#0F0F0F;white-space:nowrap;cursor:default;outline:none;opacity:0;transition:box-shadow .3s ease,color .3s ease}:where(.cf-flow) .pill i{width:6px;height:6px;border-radius:50%;flex:none;background:#0F0F0F;transition:background-color .45s ease,box-shadow .45s ease}:where(.cf-flow) .pill.person{height:24px;margin-top:-12px;padding:0 11px 0 9px;gap:7px;font-weight:400;font-size:12.5px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(15,15,15,.12)}:where(.cf-flow) .pill.person i{width:auto;height:auto;background:none;border-radius:0;display:block;color:#0F0F0F}:where(.cf-flow) .pill.person i svg{display:block}:where(.cf-flow) .pill.lit{box-shadow:0 0 0 1px rgba(247,68,30,.38),0 0 22px rgba(247,68,30,.16);transition-duration:.12s}:where(.cf-flow) .pill.lit i{background:#F7441E;box-shadow:0 0 0 3.5px rgba(247,68,30,.16);transition-duration:.1s}:where(.cf-flow) .pill.person.lit i{background:none;box-shadow:none;color:#F7441E}.cf-flow.dimming .pill{color:#A3A39E}.cf-flow.dimming .pill i{background:#C9C9C4}.cf-flow.dimming .pill.person i{background:none;color:#C9C9C4}.cf-flow .pill.hi:not(.lit){color:#0F0F0F;box-shadow:0 0 0 1px rgba(15,15,15,.55),0 1px 2px rgba(15,15,15,.04)}.cf-flow .pill.hi{color:#0F0F0F}.cf-flow .pill.hi i{background:#0F0F0F}.cf-flow .pill.person.hi i{background:none;color:#0F0F0F}.cf-flow .pill.hi.lit i,.cf-flow.dimming .pill.lit i{background:#F7441E}.cf-flow .pill.person.hi.lit i,.cf-flow.dimming .pill.person.lit i{background:none;color:#F7441E}:where(.cf-flow) .pill:focus-visible{box-shadow:0 0 0 2px #0F0F0F}:where(.cf-flow) .feed{position:absolute;left:0;top:0;transition:opacity .3s ease}.cf-flow.dimming .feed{opacity:.3}.cf-flow.dimming .feed.hi{opacity:1}:where(.cf-flow) .row{position:absolute;left:0;top:0;height:19px;display:flex;align-items:center;white-space:nowrap;font-family:var(--font-site-mono),ui-monospace,monospace;font-size:11.5px;line-height:19px;letter-spacing:-.01em;will-change:transform,opacity}:where(.cf-flow) .row .it{width:108px;color:#0F0F0F}:where(.cf-flow) .row .st{position:relative;width:140px;height:19px}:where(.cf-flow) .row .st>span{position:absolute;left:0;top:0;height:19px;display:flex;align-items:center;gap:6px}:where(.cf-flow) .row .run{color:#F7441E}:where(.cf-flow) .row .run i{width:4px;height:4px;border-radius:50%;background:#F7441E}:where(.cf-flow) .row .fin{color:#6B6B67}:where(.cf-flow) .row .fin.flag{color:#0F0F0F}:where(.cf-flow) .row .fin.flag svg{display:block;flex:none}:where(.cf-flow) .row .tm{color:#A3A39E}.cf-flow.mid .row .tm{display:none}.cf-flow.mid .row .st{width:128px}:where(.cf-flow) .tip{position:absolute;left:0;top:0;pointer-events:none;white-space:nowrap;will-change:transform;display:flex;align-items:center;gap:8px;height:24px;padding:0 9px;border-radius:7px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(15,15,15,.08),0 4px 14px rgba(15,15,15,.06);font-family:var(--font-site-mono),ui-monospace,monospace;font-size:11px;line-height:14px;letter-spacing:-.01em;opacity:0;transition:opacity .16s ease;z-index:3}:where(.cf-flow) .tip.show{opacity:1}:where(.cf-flow) .tip span{color:#A3A39E}@container cf-flow (max-width: 639.98px){.cf-flow{height:352px}:where(.cf-flow) .feed[data-a="3"],:where(.cf-flow) .pill[data-a="3"]{display:none}:where(.cf-flow) .tok .nm{display:none}:where(.cf-flow) .row{font-size:11px}:where(.cf-flow) .row .it{width:100px}:where(.cf-flow) .row .st{width:132px}.cf-flow:after{content:"";position:absolute;top:20px;right:0;width:56px;height:196px;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,0),#FFFFFF)}}