.zf-flow:where(.astro-gc7y6soq){--zf-flow-line:color-mix(in srgb, var(--sl-color-accent) 45%, var(--sl-color-gray-5));margin:.5rem 0 1rem}.zf-flow-grid:where(.astro-gc7y6soq){border:1px solid var(--sl-color-gray-5);background:radial-gradient(circle at 1px 1px, var(--sl-color-gray-5) 1px, transparent 0) 0 0 / 22px 22px, var(--sl-color-black);border-radius:1rem;grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1.25fr) 4.5rem minmax(0,.85fr);align-items:center;padding:1.5rem;display:grid}:where(.astro-gc7y6soq):where(.zf-flow) :where(.astro-gc7y6soq):where(p,ul,ol){margin:0;padding:0;list-style:none}.zf-flow-col:where(.astro-gc7y6soq){gap:.6rem;display:grid}.zf-flow-eyebrow:where(.astro-gc7y6soq){font-family:var(--sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-gray-3);font-size:.68rem}.zf-flow-col:where(.astro-gc7y6soq) .zf-flow-eyebrow:where(.astro-gc7y6soq):not(:first-child){margin-top:.6rem}.zf-flow-card:where(.astro-gc7y6soq){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);border-radius:.7rem}.zf-flow-app:where(.astro-gc7y6soq){gap:.45rem;padding:0 .75rem .75rem;display:grid}.zf-flow-bar:where(.astro-gc7y6soq){border-bottom:1px solid var(--sl-color-gray-5);align-items:center;gap:.3rem;margin:0 -.75rem .2rem;padding:.45rem .75rem;display:flex}.zf-flow-bar:where(.astro-gc7y6soq) i:where(.astro-gc7y6soq){background:var(--sl-color-gray-4);border-radius:50%;width:.45rem;height:.45rem}.zf-flow-bar:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);margin-inline-start:.4rem;font-size:.62rem}.zf-flow-msg:where(.astro-gc7y6soq){border-radius:.6rem;max-width:88%;padding:.4rem .6rem;line-height:1.35}.zf-flow-user:where(.astro-gc7y6soq){background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);justify-self:end}.zf-flow-agent:where(.astro-gc7y6soq){background:var(--sl-color-gray-5);color:var(--sl-color-white)}.zf-flow-approval:where(.astro-gc7y6soq){border:1px solid color-mix(in srgb, var(--zf-amber) 55%, transparent);background:color-mix(in srgb, var(--zf-amber) 10%, transparent);border-radius:.6rem;gap:.4rem;padding:.5rem .6rem;display:grid}.zf-flow-approval:where(.astro-gc7y6soq) strong:where(.astro-gc7y6soq){color:var(--sl-color-white)}.zf-flow-approval:where(.astro-gc7y6soq) code:where(.astro-gc7y6soq){padding:.05rem .25rem;font-size:.68rem}.zf-flow-approval:where(.astro-gc7y6soq) div:where(.astro-gc7y6soq){gap:.35rem;display:flex}.zf-flow-btn:where(.astro-gc7y6soq){border:1px solid var(--sl-color-gray-4);border-radius:.35rem;padding:.15rem .55rem;font-size:.68rem;font-weight:600}.zf-flow-yes:where(.astro-gc7y6soq){background:var(--sl-color-white);border-color:var(--sl-color-white);color:var(--sl-color-black)}.zf-flow-backend:where(.astro-gc7y6soq){gap:.1rem;padding:.6rem .75rem;display:grid}.zf-flow-backend:where(.astro-gc7y6soq) strong:where(.astro-gc7y6soq){color:var(--sl-color-white);font-size:var(--sl-text-sm)}.zf-flow-link:where(.astro-gc7y6soq){gap:2.2rem;padding-inline:.35rem;display:grid}.zf-flow-wire:where(.astro-gc7y6soq){background:var(--zf-flow-line);height:2px;position:relative;overflow:visible}.zf-flow-wire:where(.astro-gc7y6soq):after{content:"";border:5px solid #0000;border-left-color:var(--zf-flow-line);border-right:0;position:absolute;top:-4px;right:-2px}.zf-flow-back:where(.astro-gc7y6soq):after{border-left:0;border-right:5px solid var(--zf-flow-line);left:-2px;right:auto}.zf-flow-back:where(.astro-gc7y6soq){background:repeating-linear-gradient(90deg, var(--zf-flow-line) 0 6px, transparent 6px 10px)}.zf-flow-wire:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){white-space:nowrap;font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);font-size:.6rem;position:absolute;bottom:.45rem;left:50%;transform:translate(-50%)}.zf-flow-pulse:where(.astro-gc7y6soq){background:var(--sl-color-accent);width:8px;height:8px;box-shadow:0 0 10px var(--sl-color-accent);border-radius:50%;animation:2.4s linear infinite zf-flow-run;position:absolute;top:-3px;left:0}.zf-flow-back:where(.astro-gc7y6soq) .zf-flow-pulse:where(.astro-gc7y6soq){background:var(--zf-amber);box-shadow:0 0 10px var(--zf-amber);animation-direction:reverse;animation-delay:1.2s}.zf-flow-link:where(.astro-gc7y6soq)+.zf-flow-core:where(.astro-gc7y6soq)+.zf-flow-link:where(.astro-gc7y6soq) .zf-flow-wire:where(.astro-gc7y6soq):last-child .zf-flow-pulse:where(.astro-gc7y6soq){animation-delay:.8s}@keyframes zf-flow-run{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.zf-flow-core:where(.astro-gc7y6soq){border:1px solid color-mix(in srgb, var(--sl-color-accent) 60%, transparent);background:color-mix(in srgb, var(--sl-color-accent) 5%, var(--sl-color-black));box-shadow:0 0 0 4px color-mix(in srgb, var(--sl-color-accent) 8%, transparent), 0 18px 50px -20px color-mix(in srgb, var(--sl-color-accent) 45%, transparent);border-radius:.9rem;gap:.6rem;padding:.9rem;display:grid;position:relative}.zf-flow-core-head:where(.astro-gc7y6soq){flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.zf-flow-core-head:where(.astro-gc7y6soq) strong:where(.astro-gc7y6soq){font-size:var(--sl-text-base);color:var(--sl-color-white)}.zf-flow-core-head:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.zf-flow-tabs:where(.astro-gc7y6soq){flex-wrap:wrap;gap:.3rem;display:flex}.zf-flow-tab:where(.astro-gc7y6soq){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-3);border-radius:999px;padding:.15rem .55rem;font-size:.68rem}.zf-flow-tab:where(.astro-gc7y6soq).is-active{border-color:var(--sl-color-accent);color:var(--sl-color-accent-high);background:var(--sl-color-accent-low)}.zf-flow-more:where(.astro-gc7y6soq){border-style:dashed}.zf-flow-layers:where(.astro-gc7y6soq){gap:.4rem;display:grid}.zf-flow-layer:where(.astro-gc7y6soq){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);font-size:var(--sl-text-xs);border-radius:.55rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.zf-flow-layer:where(.astro-gc7y6soq)>div:where(.astro-gc7y6soq){gap:.05rem;display:grid}.zf-flow-layer:where(.astro-gc7y6soq) strong:where(.astro-gc7y6soq){color:var(--sl-color-white);font-size:var(--sl-text-sm)}.zf-flow-layer:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){color:var(--sl-color-gray-3);line-height:1.35}.zf-flow-runs:where(.astro-gc7y6soq){flex-wrap:wrap}.zf-flow-chips:where(.astro-gc7y6soq){flex-shrink:0;gap:.25rem;display:flex}.zf-flow-chips:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){font-family:var(--sl-font-mono);border-radius:999px;padding:.05rem .4rem;font-size:.6rem;font-weight:600}.zf-flow-allow:where(.astro-gc7y6soq){color:#0f7a46;background:#22c55e38}.zf-flow-approve:where(.astro-gc7y6soq){color:#8a5300;background:color-mix(in srgb, var(--zf-amber) 28%, transparent)}.zf-flow-deny:where(.astro-gc7y6soq){color:#b42318;background:#ef444433}:root:not([data-theme=light]) .zf-flow-allow:where(.astro-gc7y6soq){color:#86efac}:root:not([data-theme=light]) .zf-flow-approve:where(.astro-gc7y6soq){color:#ffd38a}:root:not([data-theme=light]) .zf-flow-deny:where(.astro-gc7y6soq){color:#fca5a5}.zf-flow-steps:where(.astro-gc7y6soq){flex-shrink:0;gap:.2rem;display:flex}.zf-flow-steps:where(.astro-gc7y6soq) li:where(.astro-gc7y6soq){justify-items:center;gap:.15rem;display:grid}.zf-flow-steps:where(.astro-gc7y6soq) i:where(.astro-gc7y6soq){background:var(--sl-color-gray-4);width:.55rem;height:.55rem;animation:zf-flow-step 5s calc(var(--i) * .8s) infinite;border-radius:50%}.zf-flow-steps:where(.astro-gc7y6soq) li:where(.astro-gc7y6soq):nth-child(4) i:where(.astro-gc7y6soq){--zf-step:var(--zf-amber)}.zf-flow-steps:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){font-family:var(--sl-font-mono);font-size:.55rem}@keyframes zf-flow-step{0%,10%{background:var(--sl-color-gray-4);box-shadow:none}16%,80%{background:var(--zf-step,var(--sl-color-accent));box-shadow:0 0 8px var(--zf-step,var(--sl-color-accent))}to{background:var(--sl-color-gray-4);box-shadow:none}}.zf-flow-envs:where(.astro-gc7y6soq){gap:.35rem;display:flex}.zf-flow-envs:where(.astro-gc7y6soq) .env-chip:where(.astro-gc7y6soq){font-size:.6rem}.zf-flow-list:where(.astro-gc7y6soq){gap:.15rem;padding:.35rem;display:grid}.zf-flow-list:where(.astro-gc7y6soq) li:where(.astro-gc7y6soq){color:var(--sl-color-white);font-size:var(--sl-text-xs);border-radius:.4rem;align-items:center;gap:.5rem;padding:.3rem .45rem;font-weight:500;display:flex}.zf-flow-list:where(.astro-gc7y6soq) svg:where(.astro-gc7y6soq){fill:currentColor;flex-shrink:0;width:.9rem;height:.9rem}.zf-flow-mono:where(.astro-gc7y6soq){background:var(--sl-color-white);width:.9rem;height:.9rem;color:var(--sl-color-black);border-radius:.2rem;place-items:center;font-size:.45rem;font-weight:700;display:inline-grid}.zf-flow-any:where(.astro-gc7y6soq){font-family:var(--sl-font-mono);border:1px dashed var(--sl-color-gray-5);justify-content:center;color:var(--sl-color-gray-3)!important;font-size:.62rem!important}.zf-flow:where(.astro-gc7y6soq) figcaption:where(.astro-gc7y6soq){font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);max-width:46rem;margin-top:.8rem}@media (width<=52rem){.zf-flow-grid:where(.astro-gc7y6soq){grid-template-columns:1fr;gap:0;padding:1rem}.zf-flow-link:where(.astro-gc7y6soq){grid-auto-flow:column;justify-content:center;gap:6rem;height:3.25rem;padding:.3rem 0}.zf-flow-wire:where(.astro-gc7y6soq){width:2px;height:100%}.zf-flow-back:where(.astro-gc7y6soq){background:repeating-linear-gradient(180deg, var(--zf-flow-line) 0 6px, transparent 6px 10px)}.zf-flow-wire:where(.astro-gc7y6soq):after{border:5px solid #0000;border-top-color:var(--zf-flow-line);border-bottom:0;top:auto;bottom:-2px;right:-4px}.zf-flow-back:where(.astro-gc7y6soq):after{border:5px solid #0000;border-bottom:5px solid var(--zf-flow-line);border-top:0;inset:-2px auto auto -4px}.zf-flow-wire:where(.astro-gc7y6soq) span:where(.astro-gc7y6soq){top:50%;bottom:auto;left:.6rem;transform:translateY(-50%)}.zf-flow-pulse:where(.astro-gc7y6soq){animation-name:zf-flow-down;left:-3px}.zf-flow-layer:where(.astro-gc7y6soq){flex-wrap:wrap}}@keyframes zf-flow-down{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 8px)}}@media (prefers-reduced-motion:reduce){.zf-flow-pulse:where(.astro-gc7y6soq){display:none}.zf-flow-steps:where(.astro-gc7y6soq) i:where(.astro-gc7y6soq){background:var(--sl-color-accent);animation:none}}