:root{--anim-spring-bounce:cubic-bezier(.34,1.56,.64,1);--anim-spring-smooth:cubic-bezier(.22,1,.36,1);--anim-spring-snappy:cubic-bezier(.17,.89,.32,1.28);--anim-ease-out-expo:cubic-bezier(.16,1,.3,1);--anim-duration-fast:.2s;--anim-duration-normal:.4s;--anim-duration-slow:.6s;--anim-node-idle-bg:rgb(var(--color-card-muted,229 231 235));--anim-node-idle-stroke:rgb(var(--color-border,156 163 175));--anim-node-active-bg:#fde68a;--anim-node-active-stroke:rgb(var(--color-accent));--anim-node-success-bg:#86efac;--anim-node-success-stroke:#15803d;--anim-node-error-bg:#fecaca;--anim-node-error-stroke:#dc2626;--anim-node-warning-bg:#fde68a;--anim-node-warning-stroke:#d97706;--anim-arrow-info:#2563eb;--anim-arrow-success:#15803d;--anim-arrow-error:#dc2626;--anim-arrow-warning:#d97706;--anim-arrow-neutral:rgb(var(--color-border,156 163 175));--anim-status-healthy:#15803d;--anim-status-pending:#d97706;--anim-status-failed:#dc2626;--anim-status-unknown:rgb(var(--color-text-muted));--anim-text-primary:rgb(var(--color-text-base));--anim-text-muted:rgb(var(--color-text-muted));--anim-text-accent:rgb(var(--color-accent));--anim-text-success:#15803d;--anim-text-error:#dc2626;--anim-glow-success:#15803d66;--anim-glow-info:#2563eb66;--anim-glow-error:#dc262666;--anim-glow-warning:#d9770666;--ex-node:rgb(var(--color-samudra));--ex-node-stroke:rgb(var(--color-samudra));--ex-node-fill:var(--anim-node-idle-bg);--ex-node-ink:rgb(var(--color-samudra));--ex-data:rgb(var(--color-moss));--ex-data-stroke:rgb(var(--color-moss));--ex-data-fill:rgba(var(--color-moss),.15);--ex-data-text:rgb(var(--color-moss));--ex-data-ink:#0f7a5f;--ex-data-glow:rgba(var(--color-moss),.5);--ex-current:var(--anim-node-active-stroke);--ex-current-fill:var(--anim-node-active-bg);--ex-current-bg:var(--anim-node-active-bg);--ex-current-bg-tint:color-mix(in srgb,rgb(var(--color-accent))16%,transparent);--ex-current-stroke:var(--anim-node-active-stroke);--ex-current-text:var(--anim-node-active-stroke);--ex-current-ink:#8a5a00;--ex-error:var(--anim-node-error-stroke);--ex-error-stroke:var(--anim-node-error-stroke);--ex-error-fill:var(--anim-node-error-bg);--ex-error-bg:var(--anim-node-error-bg);--ex-error-text:var(--anim-text-error);--ex-error-ink:#c92a2a;--ex-success:var(--anim-arrow-success);--ex-success-stroke:var(--anim-node-success-stroke);--ex-success-fill:var(--anim-node-success-bg);--ex-success-bg:var(--anim-node-success-bg);--ex-muted:var(--anim-node-idle-stroke);--ex-muted-stroke:var(--anim-node-idle-stroke);--ex-muted-fill:var(--anim-node-idle-bg);--ex-muted-bg:var(--anim-node-idle-bg);--ex-muted-text:var(--anim-text-muted);--ex-consumer-stroke:rgb(var(--color-secondary));--ex-consumer-fill:rgba(var(--color-secondary),.14);--ex-ink:rgb(var(--color-text-base));--ex-ink-muted:rgb(var(--color-text-muted));--ex-surface:rgb(var(--color-card));--ex-arrow-async-dash:6 4;--ex-arrow-weak-dash:2 4;--ex-dashflow-duration:1.5s}html[data-theme=dark]{--anim-node-idle-bg:#374151;--anim-node-idle-stroke:#6b7280;--anim-node-active-bg:#854d0e;--anim-node-active-stroke:rgb(var(--color-accent));--anim-node-success-bg:#166534;--anim-node-success-stroke:#22c55e;--anim-node-error-bg:#7f1d1d;--anim-node-error-stroke:#f87171;--anim-node-warning-bg:#78350f;--anim-node-warning-stroke:#fbbf24;--anim-arrow-info:#3b82f6;--anim-arrow-success:#22c55e;--anim-arrow-error:#f87171;--anim-arrow-warning:#fbbf24;--anim-status-healthy:#22c55e;--anim-status-failed:#f87171;--anim-text-success:#22c55e;--anim-text-error:#f87171;--anim-glow-success:#22c55e80;--anim-glow-info:#3b82f680;--anim-glow-error:#f8717180;--anim-glow-warning:#fbbf2480;--ex-node-ink:rgb(var(--color-samudra));--ex-current-ink:#fcd34d;--ex-data-ink:#5eead4;--ex-error-ink:#f87171}@media (prefers-reduced-motion:reduce){:root{--anim-duration-fast:.01ms;--anim-duration-normal:.01ms;--anim-duration-slow:.01ms}}.kafka-animation:where(.astro-z7a2iyeg){width:100%;height:100%;font-family:Inter Variable,system-ui,sans-serif}.kafka-animation:where(.astro-z7a2iyeg)>:where(.astro-z7a2iyeg)[data-step]{opacity:0;visibility:hidden;transition:opacity .4s var(--anim-ease-out-expo)}.kafka-animation:where(.astro-z7a2iyeg)>:where(.astro-z7a2iyeg)[data-step].visible{opacity:1;visibility:visible}.topic-label:where(.astro-z7a2iyeg){fill:var(--ex-ink);text-anchor:middle;font-size:24px;font-weight:700}.partition-bg:where(.astro-z7a2iyeg){fill:var(--ex-node-fill);stroke:var(--ex-node-stroke);stroke-width:2px;transition:all .3s var(--anim-spring-smooth)}.partition-bg:where(.astro-z7a2iyeg).muted{fill:var(--ex-muted-fill);stroke:var(--ex-muted-stroke);opacity:.55}.partition-bg:where(.astro-z7a2iyeg).current{fill:var(--ex-current-fill);stroke:var(--ex-current-stroke);stroke-width:3px}.partition-bg:where(.astro-z7a2iyeg).active{animation:partitionPulse 2s var(--anim-spring-smooth)infinite}@keyframes partitionPulse{0%,to{stroke-width:2px}50%{stroke-width:3.5px}}.partition-label:where(.astro-z7a2iyeg){fill:var(--ex-node-stroke);text-anchor:middle;font-size:24px;font-weight:700}.partition-label:where(.astro-z7a2iyeg).muted{fill:var(--ex-ink-muted)}.offset-label:where(.astro-z7a2iyeg){fill:var(--ex-ink-muted);text-anchor:middle;font-family:JetBrains Mono,monospace;font-size:21px}.partition:where(.astro-z7a2iyeg){animation:partitionPopIn .5s var(--anim-spring-bounce)forwards;animation-delay:calc(var(--delay,0)*.15s);opacity:0}@keyframes partitionPopIn{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.producer-bg:where(.astro-z7a2iyeg){fill:var(--ex-data-fill);stroke:var(--ex-data-stroke);stroke-width:2px}.producer-label:where(.astro-z7a2iyeg){fill:var(--ex-data-stroke);text-anchor:middle;font-size:22px;font-weight:600}.producer:where(.astro-z7a2iyeg){animation:slideInUp .5s var(--anim-spring-smooth)forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.message-bg:where(.astro-z7a2iyeg){fill:var(--ex-data-fill);stroke:var(--ex-data-stroke);stroke-width:1.5px}.message-bg:where(.astro-z7a2iyeg).muted{fill:var(--ex-muted-fill);stroke:var(--ex-muted-stroke);opacity:.5}.message-bg:where(.astro-z7a2iyeg).flowing{animation:flowDown 1.5s var(--anim-ease-out-expo)infinite;animation-delay:var(--flow-delay,0s)}@keyframes flowDown{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.65;transform:translateY(4px)}}.message-text:where(.astro-z7a2iyeg){fill:var(--ex-data-stroke);text-anchor:middle;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:600}.msg-small:where(.astro-z7a2iyeg){fill:var(--ex-data-stroke);text-anchor:middle;font-family:JetBrains Mono,monospace;font-size:21px;font-weight:600}.msg-small:where(.astro-z7a2iyeg).muted{fill:var(--ex-ink-muted)}.offset-small:where(.astro-z7a2iyeg){fill:var(--ex-ink-muted);text-anchor:end;font-family:JetBrains Mono,monospace;font-size:21px}.message:where(.astro-z7a2iyeg){animation:messagePopIn .4s var(--anim-spring-bounce)forwards;animation-delay:calc(var(--delay,0)*.2s);opacity:0}@keyframes messagePopIn{0%{opacity:0;transform:scale(.6)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.stacked-msg:where(.astro-z7a2iyeg){animation:stackIn .4s var(--anim-spring-smooth)forwards;animation-delay:calc(var(--delay,0)*.15s);opacity:0}@keyframes stackIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.arr-info-head:where(.astro-z7a2iyeg){fill:var(--ex-node-stroke)}.arr-data-head:where(.astro-z7a2iyeg){fill:var(--ex-data-stroke)}.route-arrow:where(.astro-z7a2iyeg){stroke:var(--ex-node-stroke);stroke-width:2px;fill:none;stroke-dasharray:120;stroke-dashoffset:120px;animation:drawArrow .8s var(--anim-ease-out-expo)forwards}.arrow-a:where(.astro-z7a2iyeg){animation-delay:0s}.arrow-b:where(.astro-z7a2iyeg){animation-delay:.18s}.arrow-c:where(.astro-z7a2iyeg){animation-delay:.36s}@keyframes drawArrow{to{stroke-dashoffset:0}}.key-label:where(.astro-z7a2iyeg){fill:var(--ex-node-stroke);text-anchor:middle;animation:labelFadeIn .4s var(--anim-spring-smooth)forwards;opacity:0;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;animation-delay:.5s}@keyframes labelFadeIn{to{opacity:1}}.hash-bg:where(.astro-z7a2iyeg){fill:var(--ex-node-fill);stroke:var(--ex-node-stroke);stroke-width:1.5px}.hash-formula:where(.astro-z7a2iyeg){fill:var(--ex-node-stroke);text-anchor:middle;animation:formulaPop .5s var(--anim-spring-bounce)forwards;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}@keyframes formulaPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.order-arrow:where(.astro-z7a2iyeg){stroke:var(--ex-data-stroke);stroke-width:2.5px;fill:none;stroke-dasharray:120;stroke-dashoffset:120px;animation:drawArrow .6s var(--anim-ease-out-expo)forwards;animation-delay:.3s}.consumer-bg:where(.astro-z7a2iyeg){fill:var(--ex-consumer-fill);stroke:var(--ex-consumer-stroke);stroke-width:2px;transition:all .3s var(--anim-spring-smooth)}.consumer-bg:where(.astro-z7a2iyeg).active-consumer{animation:consumerPulse 1.5s var(--anim-spring-smooth)infinite}@keyframes consumerPulse{0%,to{stroke-width:2px}50%{stroke-width:3.5px}}.consumer-label:where(.astro-z7a2iyeg){fill:var(--ex-consumer-stroke);text-anchor:middle;font-size:24px;font-weight:700}.group-label:where(.astro-z7a2iyeg){fill:var(--ex-ink-muted);text-anchor:middle;font-size:22px;font-weight:600}.consumer:where(.astro-z7a2iyeg){animation:consumerSlideIn .5s var(--anim-spring-bounce)forwards;animation-delay:calc(var(--delay,0)*.15s);opacity:0}@keyframes consumerSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.consumer-line:where(.astro-z7a2iyeg){stroke:var(--ex-consumer-stroke);stroke-width:2px;stroke-dasharray:var(--ex-arrow-async-dash);animation:lineDrawIn .4s var(--anim-ease-out-expo)forwards;animation-delay:calc(.3s + var(--delay,0)*.1s);opacity:0}.consumer-line:where(.astro-z7a2iyeg).active-line{animation:lineFlow var(--ex-dashflow-duration)linear infinite;opacity:1}@keyframes lineDrawIn{to{opacity:1}}@keyframes lineFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.status-label:where(.astro-z7a2iyeg){fill:var(--ex-ink-muted);text-anchor:middle;animation:statusFade .5s var(--anim-ease-out-expo)forwards;font-size:22px;font-weight:500}@keyframes statusFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.kafka-animation:where(.astro-z7a2iyeg) :where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) :where(.astro-z7a2iyeg):before,.kafka-animation:where(.astro-z7a2iyeg) :where(.astro-z7a2iyeg):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.kafka-animation:where(.astro-z7a2iyeg) .route-arrow:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .order-arrow:where(.astro-z7a2iyeg){stroke-dashoffset:0!important}.kafka-animation:where(.astro-z7a2iyeg) .key-label:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .consumer-line:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .partition:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .message:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .stacked-msg:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .consumer:where(.astro-z7a2iyeg),.kafka-animation:where(.astro-z7a2iyeg) .producer:where(.astro-z7a2iyeg){opacity:1!important;transform:none!important}}