figure:where(.astro-6hsp6x5g).cyc{--gutter:1.5rem;--col:12px;--cx:6px;--dot:9px;--lead:1.375rem;--cy:.6875rem;--gap:.6875rem;--rowgap:.8rem;--tail:1.05rem;--stop:calc(var(--dot) / 2 + 2px);--line:var(--sl-color-gray-4);--ring:var(--sl-color-gray-3);--surface:var(--svay-surface,var(--sl-color-gray-6));box-sizing:border-box;background:var(--surface);border:1px solid var(--sl-color-gray-5);border-radius:10px;max-width:100%;margin:1.5rem 0;padding:1rem 1.125rem 1.05rem;container-type:inline-size}@supports (color:color-mix(in srgb, red 50%, blue)){figure:where(.astro-6hsp6x5g).cyc{--line:color-mix(in srgb, var(--sl-color-gray-3) 78%, var(--surface))}}.cyc:where(.astro-6hsp6x5g) :where(.astro-6hsp6x5g),.cyc:where(.astro-6hsp6x5g) :where(.astro-6hsp6x5g):before,.cyc:where(.astro-6hsp6x5g) :where(.astro-6hsp6x5g):after{box-sizing:border-box}.cyc:where(.astro-6hsp6x5g) .cyc-track:where(.astro-6hsp6x5g){padding-left:var(--gutter);position:relative}.cyc:where(.astro-6hsp6x5g) .cyc-steps:where(.astro-6hsp6x5g){padding:0 0 var(--tail);margin:0;list-style:none}.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g){grid-template-columns:var(--col) 1fr;column-gap:var(--gap);align-items:start;margin:0;padding:0;display:grid;position:relative}.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g)+.cyc-step:where(.astro-6hsp6x5g){margin-top:var(--rowgap)}.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g):after{content:"";left:calc(var(--cx) - .5px);width:1px;top:calc(var(--cy) + var(--stop));bottom:calc(var(--stop) - var(--cy) - var(--rowgap));background:var(--line);position:absolute}.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g):last-child:after{bottom:calc(-1 * var(--tail));background:var(--svay-brand)}.cyc:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g){z-index:1;height:var(--lead);grid-area:1/1;justify-content:center;align-items:center;display:flex;position:relative}.cyc:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g):before{content:"";width:var(--dot);height:var(--dot);border:1px solid var(--ring);background:var(--surface);border-radius:50%}.cyc:where(.astro-6hsp6x5g) .is-origin:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g):before{border-width:1.5px;border-color:var(--svay-brand)}.cyc:where(.astro-6hsp6x5g) .is-end:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g):before{border-color:var(--svay-brand);background:var(--svay-brand)}.cyc:where(.astro-6hsp6x5g) .cyc-name:where(.astro-6hsp6x5g){min-width:0;font-size:.875rem;font-weight:600;line-height:var(--lead);letter-spacing:-.006em;color:var(--sl-color-white);overflow-wrap:break-word;grid-area:1/2}.cyc:where(.astro-6hsp6x5g) .cyc-desc:where(.astro-6hsp6x5g){min-width:0;color:var(--sl-color-gray-3);overflow-wrap:break-word;grid-area:2/2;font-size:.8125rem;line-height:1.45}.cyc:where(.astro-6hsp6x5g) .cyc-loop:where(.astro-6hsp6x5g){width:var(--gutter);left:0;top:calc(var(--cy) - .5px);border:1px solid var(--svay-brand);border-right:0;border-radius:9px 0 0 9px;position:absolute;bottom:-.5px}.cyc:where(.astro-6hsp6x5g) .cyc-loop:where(.astro-6hsp6x5g):before{content:"";width:calc(var(--cx) + .5px);background:var(--svay-brand);height:1px;position:absolute;bottom:-1px;left:100%}.cyc:where(.astro-6hsp6x5g) .cyc-loop:where(.astro-6hsp6x5g):after{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid var(--svay-brand);width:0;height:0;position:absolute;top:-4px;left:calc(100% - 3.5px)}.cyc:where(.astro-6hsp6x5g) .cyc-ret:where(.astro-6hsp6x5g){padding-left:calc(var(--gutter) + var(--col) + var(--gap));font-family:var(--sl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.09em;text-transform:uppercase;color:var(--sl-color-accent);margin:.5rem 0 0;font-size:.6875rem;font-weight:500;line-height:1.4}.cyc:where(.astro-6hsp6x5g) .cyc-sr:where(.astro-6hsp6x5g){white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width>=33rem){.cyc:where(.astro-6hsp6x5g) .cyc-steps:where(.astro-6hsp6x5g){--rowgap:.65rem}.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g){grid-template-columns:var(--col) 10rem 1fr}.cyc:where(.astro-6hsp6x5g) .cyc-desc:where(.astro-6hsp6x5g){line-height:var(--lead);grid-area:1/3}}@media (forced-colors:active){.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g):after{forced-color-adjust:none;background:canvastext}.cyc:where(.astro-6hsp6x5g) .cyc-step:where(.astro-6hsp6x5g):last-child:after,.cyc:where(.astro-6hsp6x5g) .cyc-loop:where(.astro-6hsp6x5g):before{forced-color-adjust:none;background:highlight}.cyc:where(.astro-6hsp6x5g) .cyc-loop:where(.astro-6hsp6x5g){forced-color-adjust:none;border-color:highlight}.cyc:where(.astro-6hsp6x5g) .cyc-loop:where(.astro-6hsp6x5g):after{forced-color-adjust:none;border-left-color:highlight}.cyc:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g):before{forced-color-adjust:none;background:canvas;border-color:canvastext}.cyc:where(.astro-6hsp6x5g) .is-origin:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g):before{border-color:highlight}.cyc:where(.astro-6hsp6x5g) .is-end:where(.astro-6hsp6x5g) .cyc-mark:where(.astro-6hsp6x5g):before{background:highlight;border-color:highlight}}
