.DelegationExample_root__Mpca7{display:flex;flex-direction:column;--label:170px;--line:12px;position:relative;background:var(--background-root);padding:20px 20px 16px;color:var(--foreground-default);font-size:12px;line-height:1.35}.DelegationExample_root__Mpca7 *{box-sizing:border-box}.DelegationExample_prompt__lgPPe{display:flex;justify-content:flex-end}.DelegationExample_promptText__vNyCW{border-radius:12px;background:var(--background-higher);padding:10px 14px;max-width:70%;font-size:14px;line-height:1.4}.DelegationExample_scroller__KWE6K{display:flex;flex:1;flex-direction:column;margin-top:16px}.DelegationExample_diagram__ehpCr{display:grid;position:relative;--lane:calc((100% - var(--label) - var(--line) * 2) / 4);grid-template-columns:var(--label) calc(var(--line) * 2) repeat(4,minmax(0,1fr));grid-auto-rows:minmax(20px,auto);column-gap:0;flex:1;align-content:start}.DelegationExample_header__o5_K5{margin-bottom:4px;border-bottom:1px solid var(--outline-dimmest);padding:0 calc(var(--line) - 6px) 0 0;min-width:0;height:26px;font-weight:500;font-size:13px;line-height:17px;text-align:right;white-space:nowrap}.DelegationExample_lifeline__LBKB4{position:absolute;top:30px;bottom:0;transform:translateX(50%);opacity:.35;background:var(--foreground-default);width:1px}.DelegationExample_mainLifeline__gmF_e{opacity:1;width:2px}.DelegationExample_cell__VJyas{position:relative;min-height:20px}.DelegationExample_running__cLK12:after{position:absolute;top:-1px;right:calc(var(--line) - 1px);bottom:-1px;transform-origin:top;animation:DelegationExample_grow__Nh4E0 .2s ease-out both;background:var(--accent-brand);width:2px;content:""}.DelegationExample_starting__D70EN:after{animation-delay:.22s}.DelegationExample_tick__xZ09b{position:absolute;top:6px;right:calc(var(--line) - 4px);z-index:1;animation:DelegationExample_pop__XKDXK .16s ease-out both;background:var(--foreground-default);width:8px;height:8px}.DelegationExample_receiveTick__axVJO,.DelegationExample_running__cLK12 .DelegationExample_tick__xZ09b{background:var(--accent-brand)}.DelegationExample_receiveTick__axVJO{animation-delay:.2s}.DelegationExample_round__eUq0U{right:calc(var(--line) - 12px);padding:0 4px;min-width:24px;font-size:10.5px;line-height:16px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.DelegationExample_end__8j3UU,.DelegationExample_round__eUq0U{position:absolute;top:2px;z-index:1;animation:DelegationExample_pop__XKDXK .16s ease-out both;background:var(--foreground-default);color:var(--background-root)}.DelegationExample_end__8j3UU{display:flex;right:calc(var(--line) - 8px);justify-content:center;align-items:center;border-radius:50%;width:16px;height:16px}.DelegationExample_label__nP_4d{animation:DelegationExample_fade__ic_iv .2s ease-out both;padding:2px 0;min-height:20px;line-height:16px;text-align:right}.DelegationExample_mainLabel__2LF4z{padding-right:12px;color:var(--foreground-default)}.DelegationExample_mainLabel__2LF4z q{quotes:"\201C" "\201D";color:var(--foreground-dimmer)}.DelegationExample_subLabel__3JF2q{position:relative;z-index:1;padding-top:3px;padding-right:calc(var(--line) + 10px);padding-left:4px;color:var(--foreground-dimmer);font-size:11.5px;line-height:15px}.DelegationExample_input__p8t5F,.DelegationExample_output__Z6iQi{color:var(--foreground-default)}.DelegationExample_input__p8t5F{animation-delay:.16s}.DelegationExample_output__Z6iQi q{quotes:"\201C" "\201D"}.DelegationExample_knockout__Nmty6{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--background-root);padding:0 4px}.DelegationExample_connector__aiB6S{position:relative;margin-right:calc(var(--line) + 1px);margin-left:calc(var(--line) + 4px);height:20px;pointer-events:none}.DelegationExample_connector__aiB6S:before{position:absolute;top:10px;right:0;left:0;transform-origin:left;animation:DelegationExample_draw__mfVhE .24s ease-out both;background:var(--outline-default);height:1px;content:""}.DelegationExample_connector__aiB6S:after{position:absolute;top:7px;right:0;animation:DelegationExample_fade__ic_iv .12s ease-out .18s both;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:6px solid var(--outline-default);width:0;height:0;content:""}.DelegationExample_connector__aiB6S.DelegationExample_back__0x4mY:before{transform-origin:right;background:var(--accent-brand)}.DelegationExample_connector__aiB6S.DelegationExample_back__0x4mY:after{right:auto;left:0;border-right:6px solid var(--accent-brand);border-left:0}@keyframes DelegationExample_pop__XKDXK{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes DelegationExample_fade__ic_iv{0%{opacity:0}to{opacity:1}}@keyframes DelegationExample_draw__mfVhE{0%{transform:scaleX(0)}to{transform:none}}@keyframes DelegationExample_grow__Nh4E0{0%{transform:scaleY(0)}to{transform:none}}.DelegationExample_footer__pJQE0{display:flex;justify-content:flex-end;margin-top:12px;min-height:24px}.DelegationExample_replay__lTF7m{display:inline-flex;align-items:center;gap:6px;appearance:none;transition:color .15s,border-color .15s;cursor:pointer;border:1px solid var(--outline-dimmer);border-radius:6px;background:var(--background-root);padding:3px 8px;color:var(--foreground-dimmer);font:inherit;font-size:12px}.DelegationExample_replay__lTF7m:hover{border-color:var(--outline-default);color:var(--foreground-default)}.DelegationExample_replay__lTF7m:focus-visible{outline:2px solid var(--accent-brand-lighter);outline-offset:2px}@media (min-width:1300px){.DelegationExample_root__Mpca7{min-height:980px}}@media (min-width:721px) and (max-width:1299px){.DelegationExample_root__Mpca7{--label:120px;min-height:1260px}}@media (max-width:720px){.DelegationExample_root__Mpca7{--label:150px;padding-right:0;padding-left:0}.DelegationExample_prompt__lgPPe{padding:0 16px}.DelegationExample_scroller__KWE6K{padding:0 16px;overflow-x:auto;scroll-padding:16px}.DelegationExample_diagram__ehpCr{min-width:670px}.DelegationExample_footer__pJQE0{display:none}}@media (prefers-reduced-motion:reduce){.DelegationExample_connector__aiB6S:after,.DelegationExample_connector__aiB6S:before,.DelegationExample_end__8j3UU,.DelegationExample_label__nP_4d,.DelegationExample_round__eUq0U,.DelegationExample_running__cLK12:after,.DelegationExample_tick__xZ09b{animation:none}}