.pipeline:where(.astro-x3z6a3ga){position:relative;padding:.5rem 0}.pipeline-grid:where(.astro-x3z6a3ga){position:relative;display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr auto;grid-template-rows:auto auto;gap:.375rem .5rem;align-items:start}.pipeline-track:where(.astro-x3z6a3ga){position:absolute;height:2px;background:var(--ig-border);z-index:0}.pipeline-track-fill:where(.astro-x3z6a3ga){position:absolute;top:0;left:0;height:100%;width:100%;background:var(--ig-accent);border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease,background .3s ease}.pipeline-dot:where(.astro-x3z6a3ga){position:absolute;width:8px;height:8px;border-radius:50%;background:var(--ig-accent);will-change:transform,opacity;box-shadow:0 0 10px var(--ig-accent-glow);z-index:1;opacity:0;transition:transform .4s ease,opacity .2s ease}.pipeline-dot:where(.astro-x3z6a3ga).visible{opacity:1}.pipeline-endpoint:where(.astro-x3z6a3ga){display:contents}.pipeline-endpoint:where(.astro-x3z6a3ga)[data-endpoint=request] .endpoint-icon:where(.astro-x3z6a3ga),.pipeline-endpoint:where(.astro-x3z6a3ga)[data-endpoint=request] .endpoint-label:where(.astro-x3z6a3ga){grid-column:1}.pipeline-endpoint:where(.astro-x3z6a3ga)[data-endpoint=response] .endpoint-icon:where(.astro-x3z6a3ga),.pipeline-endpoint:where(.astro-x3z6a3ga)[data-endpoint=response] .endpoint-label:where(.astro-x3z6a3ga){grid-column:6}.endpoint-icon:where(.astro-x3z6a3ga){grid-row:1;justify-self:center;width:1.75rem;height:1.75rem;background:var(--ig-bg-elevated);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px var(--ig-border);transition:box-shadow .3s,background .3s;z-index:2}.endpoint-icon:where(.astro-x3z6a3ga) svg:where(.astro-x3z6a3ga){width:.75rem;height:.75rem;color:var(--ig-text-muted)}.endpoint-response:where(.astro-x3z6a3ga){box-shadow:inset 0 0 0 2px var(--ig-accent);background:color-mix(in srgb,var(--ig-accent) 15%,var(--ig-bg-elevated))}.endpoint-response:where(.astro-x3z6a3ga) svg:where(.astro-x3z6a3ga){color:var(--ig-accent)}.pipeline-endpoint:where(.astro-x3z6a3ga)[data-endpoint=response].pulse .endpoint-icon:where(.astro-x3z6a3ga){box-shadow:inset 0 0 0 2px var(--ig-accent),0 0 16px var(--ig-accent-glow)}.endpoint-label:where(.astro-x3z6a3ga){grid-row:2;justify-self:center;font-size:.625rem;color:var(--ig-text-faint);text-transform:uppercase;letter-spacing:.03em}.pipeline-stage:where(.astro-x3z6a3ga)[data-stage="0"]{--stage-color: hsl(210, 70%, 55%);--stage-glow: hsla(210, 70%, 55%, .25);--spin-speed: .6s}.pipeline-stage:where(.astro-x3z6a3ga)[data-stage="1"]{--stage-color: hsl(270, 60%, 55%);--stage-glow: hsla(270, 60%, 55%, .25);--spin-speed: .8s}.pipeline-stage:where(.astro-x3z6a3ga)[data-stage="2"]{--stage-color: hsl(160, 60%, 45%);--stage-glow: hsla(160, 60%, 45%, .25);--spin-speed: .7s}.pipeline-stage:where(.astro-x3z6a3ga)[data-stage="3"]{--stage-color: hsl(35, 85%, 50%);--stage-glow: hsla(35, 85%, 50%, .25);--spin-speed: 1.2s}.pipeline-stage:where(.astro-x3z6a3ga){display:contents}.stage-number:where(.astro-x3z6a3ga){grid-row:1;grid-column:var(--col);justify-self:center;position:relative;width:1.75rem;height:1.75rem;background:var(--stage-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0;box-sizing:border-box;transition:box-shadow .3s;z-index:2}.stage-number:where(.astro-x3z6a3ga):before{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-radius:50%;opacity:0;transition:opacity .15s}.pipeline-stage:where(.astro-x3z6a3ga).processing .stage-number:where(.astro-x3z6a3ga):before{border-top-color:var(--stage-color);border-right-color:var(--stage-color);opacity:1;animation:stage-spin var(--spin-speed) linear infinite}.pipeline-stage:where(.astro-x3z6a3ga).completed .stage-number:where(.astro-x3z6a3ga){box-shadow:0 0 10px var(--stage-glow)}@keyframes stage-spin{to{transform:rotate(360deg)}}.stage-card:where(.astro-x3z6a3ga){grid-row:2;grid-column:var(--col);background:var(--ig-bg-card);border:1px solid var(--ig-border);border-radius:var(--ig-radius-md);padding:.625rem .75rem;text-align:center;transition:border-color .3s,box-shadow .3s}.pipeline-stage:where(.astro-x3z6a3ga).processing .stage-card:where(.astro-x3z6a3ga){border-color:var(--stage-color);box-shadow:0 0 12px var(--stage-glow)}.stage-name:where(.astro-x3z6a3ga){display:block;font-size:.8125rem;font-weight:600;color:var(--ig-text);margin-bottom:.375rem;transition:color .2s}.pipeline-stage:where(.astro-x3z6a3ga).processing .stage-name:where(.astro-x3z6a3ga){color:var(--stage-color)}.stage-tasks:where(.astro-x3z6a3ga){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.stage-tasks:where(.astro-x3z6a3ga) li:where(.astro-x3z6a3ga){font-size:.625rem;color:var(--ig-text-faint);transition:color .15s,font-weight .15s}.stage-tasks:where(.astro-x3z6a3ga) li:where(.astro-x3z6a3ga).active{color:var(--stage-color);font-weight:600}@media(max-width:768px){.pipeline-grid:where(.astro-x3z6a3ga){grid-template-columns:1fr;grid-template-rows:auto;gap:.25rem}.pipeline-track:where(.astro-x3z6a3ga),.pipeline-dot:where(.astro-x3z6a3ga){display:none}.pipeline-endpoint:where(.astro-x3z6a3ga){display:flex;flex-direction:column;align-items:center;justify-self:center}.endpoint-icon:where(.astro-x3z6a3ga),.endpoint-label:where(.astro-x3z6a3ga),.stage-number:where(.astro-x3z6a3ga),.stage-card:where(.astro-x3z6a3ga){grid-row:auto;grid-column:auto}.pipeline-stage:where(.astro-x3z6a3ga){display:flex;flex-direction:row;gap:.75rem;max-width:14rem;justify-self:center}.stage-card:where(.astro-x3z6a3ga){flex:1;text-align:left}.stage-tasks:where(.astro-x3z6a3ga){flex-direction:row;flex-wrap:wrap;gap:.25rem .5rem}}@media(prefers-reduced-motion:reduce){.pipeline-dot:where(.astro-x3z6a3ga),.pipeline-track-fill:where(.astro-x3z6a3ga){display:none}.stage-number:where(.astro-x3z6a3ga):before{display:none}}