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