.interactive-step:where(.astro-vbjsl47b){--marker-center:calc(var(--sl-text-h2) * var(--sl-line-height-headings) / 2);--marker-x:.5rem;--marker-size:.375rem;margin-block-start:0;padding-inline-start:2rem;display:flow-root;position:relative}.interactive-step:where(.astro-vbjsl47b):before{content:"";border-inline-start:1px solid var(--color-border);position:absolute;inset-block:0 -4rem;inset-inline-start:.5rem}.interactive-step:where(.astro-vbjsl47b):first-child:before{inset-block-start:var(--marker-center)}.interactive-step:where(.astro-vbjsl47b):last-child:before{inset-block-end:calc(100% - var(--marker-center))}.interactive-step:where(.astro-vbjsl47b):after{content:"";inline-size:var(--marker-size);block-size:var(--marker-size);box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--sl-color-bg);border-radius:50%;position:absolute;inset-block-start:calc(var(--marker-center) - var(--marker-size) / 2);inset-inline-start:calc(var(--marker-x) - var(--marker-size) / 2)}.interactive-step:where(.astro-vbjsl47b)[data-active]:after{color:var(--color-primary);background:currentColor;border-color:currentColor}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.interactive-step:where(.astro-vbjsl47b)[data-active]:after{color:var(--timeline-marker-color,var(--color-border))}}}.interactive-step:where(.astro-vbjsl47b):has(>.sl-heading-wrapper>h3){--marker-center:calc(var(--sl-text-h3) * var(--sl-line-height-headings) / 2);--marker-x:1.5rem;--marker-size:.375rem;padding-inline-start:3rem}.interactive-step:where(.astro-vbjsl47b)>.sl-heading-wrapper:has(>h3){position:relative}.interactive-step:where(.astro-vbjsl47b)>.sl-heading-wrapper:has(>h3):before{content:"";border-block-start:1px solid var(--color-border);inline-size:1rem;position:absolute;inset-block-start:var(--marker-center);inset-inline-start:-2.5rem}:where(.astro-oqqwxm7n)[data-interactive-doc]{--interactive-code-border:var(--color-border);--interactive-code-fg:var(--color-ink);--interactive-code-muted:var(--color-ink-soft);--interactive-code-shadow:var(--shadow-lg);font-family:var(--font-sans);--interactive-gap:3rem;--interactive-step-padding:3rem;--intro-offset:max(0px, (100% - var(--container-2xl)) / 2);--timeline-radius:min(1rem, (var(--intro-offset) + 1.5rem) / 2);margin-block:var(--interactive-gap);position:relative}.interactive-doc__code:where(.astro-oqqwxm7n){border:1px solid var(--color-border);background:radial-gradient(circle, color-mix(in oklab, var(--color-ink-muted) 30%, transparent) .8px, transparent .8px) 0 0 / 20px 20px, radial-gradient(58% 50% at 2% 0%, #ff749c1f 0%, #ff749c00 68%), radial-gradient(52% 46% at 100% 6%, #a8cdf029 0%, #a8cdf000 70%), radial-gradient(60% 55% at 94% 100%, #cfb4e826 0%, #cfb4e800 70%), radial-gradient(50% 46% at 4% 96%, #c9d2f224 0%, #c9d2f200 70%), var(--color-surface)}@media (width>=64rem){:where(.astro-oqqwxm7n)[data-interactive-doc]{--interactive-step-padding:4.5rem}}.content-layout+:where(.astro-oqqwxm7n)[data-interactive-doc]:before{content:"";inline-size:calc(var(--intro-offset) + 1.5rem - var(--timeline-radius));block-size:var(--interactive-gap);box-sizing:border-box;border-inline-end:1px solid var(--color-border);border-block-end:1px solid var(--color-border);pointer-events:none;border-end-end-radius:var(--timeline-radius);position:absolute;inset-block-start:calc(-1 * var(--interactive-gap));inset-inline-start:calc(.5rem + var(--timeline-radius))}.content-layout+:where(.astro-oqqwxm7n)[data-interactive-doc] .interactive-step:first-child:before{inset-block-start:calc(-1 * var(--interactive-step-padding) + var(--timeline-radius))}.content-layout+:where(.astro-oqqwxm7n)[data-interactive-doc]:after{content:"";inline-size:var(--timeline-radius);block-size:var(--timeline-radius);box-sizing:border-box;border-inline-start:1px solid var(--color-border);border-block-start:1px solid var(--color-border);pointer-events:none;border-start-start-radius:var(--timeline-radius);position:absolute;inset-block-start:0;inset-inline-start:.5rem}:where(.astro-oqqwxm7n)[data-interactive-doc][data-timeline-ready]:before,:where(.astro-oqqwxm7n)[data-interactive-doc][data-timeline-ready]:after,:where(.astro-oqqwxm7n)[data-timeline-ready] .interactive-step:before,:where(.astro-oqqwxm7n)[data-timeline-ready] .interactive-step>.sl-heading-wrapper:before{display:none}:where(.astro-oqqwxm7n)[data-interactive-doc]>[data-timeline]{pointer-events:none;view-timeline:--doc-timeline block;view-timeline-inset:50% 50%;margin:0;position:absolute;inset-inline-start:0}:where(.astro-oqqwxm7n)[data-interactive-doc] [data-timeline] svg{block-size:100%;inline-size:100%;display:block;overflow:visible}:where(.astro-oqqwxm7n)[data-interactive-doc] [data-timeline-progress]{visibility:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(.astro-oqqwxm7n)[data-interactive-doc] [data-timeline-progress]{visibility:visible;animation-name:timeline-reveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--doc-timeline}}}@keyframes timeline-reveal{0%{clip-path:inset(0 0 100%) view-box}to{clip-path:inset(0) view-box}}