.step:where(.astro-cjwrk5tk){grid-template-columns:calc(var(--rail-gap) + 2 * var(--rail-edge)) minmax(0, 1fr);padding:.6rem var(--trace-frame);font-size:var(--text-sm);column-gap:.75rem;margin:0;line-height:1.45;display:grid;position:relative}.body:where(.astro-cjwrk5tk){grid-column:2}.label:where(.astro-cjwrk5tk){font-size:var(--code-size);font-weight:var(--weight-bold);overflow-wrap:anywhere;line-height:1lh;display:block}.text:where(.astro-cjwrk5tk){display:inline}.local:where(.astro-cjwrk5tk) .text:where(.astro-cjwrk5tk){color:var(--ink-soft)}.wire:where(.astro-cjwrk5tk):not([hidden]){display:inline}.toggle:where(.astro-cjwrk5tk){color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:var(--text-xs);white-space:nowrap;background:0 0;border:0;margin-inline-start:.35rem;padding:0}.toggle:where(.astro-cjwrk5tk):hover{color:var(--accent);text-decoration:underline}.toggle:where(.astro-cjwrk5tk):before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.35rem;height:.55rem;margin-inline-end:.3rem;display:inline-block}.toggle:where(.astro-cjwrk5tk)[aria-expanded=true]:before{transform:rotate(90deg)}.block:where(.astro-cjwrk5tk){margin-top:.4rem}.block:where(.astro-cjwrk5tk) pre{max-height:24rem;margin:0;overflow:auto}.arrow:where(.astro-cjwrk5tk){z-index:2;margin:calc(.5lh - 1px) var(--rail-edge) 0;border-top:2px solid var(--ink-soft);color:var(--ink-soft);grid-area:1/1;align-self:start;position:relative}.response:where(.astro-cjwrk5tk) .arrow:where(.astro-cjwrk5tk){border-top-style:dashed}.arrow:where(.astro-cjwrk5tk):before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:calc(-.2rem - 1px);left:calc(.5px - .2rem)}.from-b:where(.astro-cjwrk5tk) .arrow:where(.astro-cjwrk5tk):before{left:auto;right:calc(.5px - .2rem)}.arrow:where(.astro-cjwrk5tk):after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.55rem;height:.6rem;position:absolute;top:calc(-.3rem - 1px);right:0}.from-b:where(.astro-cjwrk5tk) .arrow:where(.astro-cjwrk5tk):after{clip-path:polygon(100% 0,0 50%,100% 100%);left:0;right:auto}.local:where(.astro-cjwrk5tk):before{content:"";z-index:2;top:calc(.375rem + .5lh);left:calc(var(--trace-frame) + var(--rail-edge) - .225rem + .5px);box-sizing:border-box;border:1px solid var(--ink-soft);background:var(--paper);border-radius:50%;width:.45rem;height:.45rem;position:absolute}.local:where(.astro-cjwrk5tk).from-b:before{left:calc(var(--trace-frame) + var(--rail-edge) + var(--rail-gap) - .225rem - .5px)}.visually-hidden:where(.astro-cjwrk5tk){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.controls:where(.astro-sfnsuhi2){z-index:1;background:var(--paper-raised);border-bottom:1px solid var(--control-border);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:sticky;top:3.5rem}.controls:where(.astro-sfnsuhi2)[hidden]{display:none}@media (width>=50rem){.controls:where(.astro-sfnsuhi2){top:0}}.buttons:where(.astro-sfnsuhi2){display:contents}p:where(.astro-sfnsuhi2){color:var(--ink-soft);margin:0 0 0 auto}.trace:where(.astro-7vyawj2m){--rail-gap:4.5rem;--rail-edge:.3rem;--trace-frame:0rem;margin:1rem 0 2rem}@media (width>=50rem){.trace:where(.astro-7vyawj2m){--rail-gap:7rem}}.lanes:where(.astro-7vyawj2m){border-inline-start:1px solid var(--ink-faint);font-family:var(--font-mono);font-size:var(--code-size);font-weight:var(--weight-bold);margin-inline-start:calc(var(--trace-frame) + var(--rail-edge))}.lanes:where(.astro-7vyawj2m) span:where(.astro-7vyawj2m){padding-inline-start:.4rem;display:block}.lanes:where(.astro-7vyawj2m) span:where(.astro-7vyawj2m)+span:where(.astro-7vyawj2m){border-inline-start:1px solid var(--ink-faint);margin-inline-start:calc(var(--rail-gap) - 2px)}ol:where(.astro-7vyawj2m){isolation:isolate;margin:0;padding:0 0 .5rem;list-style:none;position:relative}ol:where(.astro-7vyawj2m):before{content:"";z-index:1;inset-block:0;left:calc(var(--trace-frame) + var(--rail-edge));box-sizing:border-box;width:var(--rail-gap);border-inline:1px solid var(--ink-faint);pointer-events:none;position:absolute}.trace:where(.astro-7vyawj2m)[data-enhanced]{--trace-frame:1rem;border:1px solid var(--control-border);border-radius:var(--radius)}.trace:where(.astro-7vyawj2m)[data-enhanced] .lanes:where(.astro-7vyawj2m){margin-block-start:.75rem}.trace:where(.astro-7vyawj2m)[data-enhanced] .step{scroll-margin-block:5rem 1rem}.trace:where(.astro-7vyawj2m) .step[data-state=upcoming]{visibility:hidden}.trace:where(.astro-7vyawj2m) .step[data-state=upcoming] [data-wire-block]{display:none}.trace:where(.astro-7vyawj2m) .step[data-state=current]{background:var(--paper-raised)}.trace:where(.astro-7vyawj2m) .step[data-state=current] .arrow{border-top-color:var(--accent);color:var(--accent)}.trace:where(.astro-7vyawj2m) .step[data-state=current] [data-wire-block] pre{background:var(--paper)}@media (prefers-reduced-motion:no-preference){.trace:where(.astro-7vyawj2m) .step[data-state=current] .arrow{animation:.5s ease-out wire-cross-right}.trace:where(.astro-7vyawj2m) .step.from-b[data-state=current] .arrow{animation-name:wire-cross-left}}@keyframes wire-cross-right{0%{clip-path:inset(-1rem 100% -1rem -1rem)}to{clip-path:inset(-1rem)}}@keyframes wire-cross-left{0%{clip-path:inset(-1rem -1rem -1rem 100%)}to{clip-path:inset(-1rem)}}