.artie-g{--surface:#fff;--ink:#241d18;--ink-muted:#635e5a;--ink-subtle:#6f6a65;--ring:#241d181a;--grid:#241d181a;--track:#241d180d;--empty:#241d1814;--protagonist:#4a99c3;--rest:#bdbbba;--control-track:#f3f3f2;--control-label:#6e6864;--thumb:#fff;--thumb-shadow:inset 0 0 0 1px #241d182f, 0 1px 2px -1px #12100d1a, 0 3px 6px -2px #12100d0d, 0 8px 16px -4px #12100d09;--focus:#171717;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--sans:var(--font-body,"Saans"), ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;font:var(--text-caption-weight,420) var(--text-caption-size,13px)/1.5 var(--sans);letter-spacing:var(--text-caption-tracking,.015em);color:var(--ink);-webkit-font-smoothing:antialiased;transition:color .2s;display:block;container-type:inline-size}.artie-g[data-theme=dark]{--surface:var(--surface-card,#21201d);--ink:#fff;--ink-muted:#b0ada7;--ink-subtle:#a8a59f;--ring:var(--line-default,#ffffff14);--grid:#ffffff14;--track:#ffffff0f;--empty:#ffffff12;--protagonist:#5aaad4;--rest:#676664;--control-track:#232323;--control-label:#b8b2af;--thumb:#303030;--thumb-shadow:inset 0 0 0 1px #ffffff1a, 0 1px 2px -1px #0000004d, 0 3px 6px -2px #00000026, 0 8px 16px -4px #0000001a;--focus:#e7e2de;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.artie-g *,.artie-g :before,.artie-g :after{box-sizing:border-box}.artie-g [hidden]{display:none!important}.artie-g p{margin:0}.artie-g .muted{color:var(--ink-muted)}.artie-g .subtle{color:var(--ink-subtle)}.artie-g .muted,.artie-g .subtle,.artie-g .headline{transition:color .2s}.artie-g .chart{--pad:var(--space-6,24px);background:var(--surface);corner-shape:superellipse(2.5);width:100%;box-shadow:0 0 0 1px var(--ring);padding:var(--pad);transition:background-color .2s ease, box-shadow .2s ease, height .28s var(--ease-out);border-radius:20px;margin:0;display:block;position:relative;overflow:clip}.artie-g .head{align-items:flex-start;gap:var(--space-4,16px) var(--space-6,24px);flex-wrap:wrap;display:flex}.artie-g .head .tools{margin-left:auto}.artie-g .headline{font-family:var(--text-title-font,serif);font-size:var(--text-title-size,24px);font-weight:var(--text-title-weight,420);line-height:var(--text-title-leading,1.2);letter-spacing:var(--text-title-tracking,-.015em);flex:22ch;max-width:36ch;margin:0}.artie-g .headline .line{text-wrap:balance;display:block}.artie-g .foot{margin:var(--space-8,32px) calc(var(--pad) * -1) calc(var(--pad) * -1);padding:var(--space-4,16px) var(--pad);background:var(--track);color:var(--ink-subtle);text-wrap:pretty;corner-shape:superellipse(2.5);border-radius:0 0 20px 20px;transition:background-color .2s,color .2s}.artie-g .seg{background:var(--control-track);border-radius:8px;flex:none;grid-auto-columns:minmax(56px,1fr);grid-auto-flow:column;column-gap:2px;padding:2px;transition:background-color .2s;display:inline-grid;position:relative}.artie-g .seg button{z-index:1;appearance:none;cursor:pointer;font:var(--text-caption-strong-weight,460) var(--text-caption-size,13px)/16px var(--sans);color:var(--control-label);height:32px;padding-block:0;padding-inline:var(--space-4,16px);white-space:nowrap;transition:color .12s var(--ease-out);background:0 0;border:0;border-radius:6px;margin:0;position:relative}.artie-g .seg button[aria-pressed=true]{color:var(--ink)}@media (hover:hover) and (pointer:fine){.artie-g .seg button:hover{color:var(--ink)}}.artie-g .seg button:focus-visible{box-shadow:0 0 0 2px var(--focus);z-index:2;outline:none}.artie-g .seg .thumb{background:var(--thumb);height:32px;box-shadow:var(--thumb-shadow);transition:transform .2s var(--ease-out), width .2s var(--ease-out), background-color .2s ease, box-shadow .2s ease;border-radius:6px;position:absolute;top:2px;left:0}.artie-g .sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;top:0;left:0;overflow:hidden}.artie-g.race .lanes{margin-top:var(--space-6,24px)}.artie-g.race .lane{align-items:center;column-gap:var(--space-6,24px);height:var(--lane-h,72px);grid-template-columns:clamp(192px,30%,216px) minmax(0,1fr) auto;display:grid}.artie-g.race .lane>*{opacity:0;transform:translateY(8px)}.artie-g.race.revealed .lane>*{opacity:1;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out);transition-delay:var(--d);transform:none}.artie-g.race .name{line-height:var(--text-body-leading,1.5)}.artie-g.race .name>span{white-space:nowrap;display:inline-block}.artie-g.race .val{font-variant-numeric:tabular-nums;color:var(--ink-muted);white-space:nowrap;line-height:var(--text-body-leading,1.5);justify-items:end;transition:color .2s;display:grid}.artie-g.race .p .val{color:var(--ink)}.artie-g.race .val>span,.artie-g.race .foot>span{opacity:0;filter:blur(2px);visibility:hidden;grid-area:1/1;transition:opacity .12s,filter .12s,visibility 0s linear .12s}.artie-g.race[data-view=bars] [data-for=meter],.artie-g.race[data-view=squares] [data-for=meter],.artie-g.race[data-view=balls] [data-for=balls],.artie-g.race[data-view=bars] .foot [data-for=bars],.artie-g.race[data-view=squares] .foot [data-for=squares],.artie-g.race[data-view=balls] .foot [data-for=balls]{opacity:1;filter:none;visibility:visible;transition:opacity .2s var(--ease-out) 60ms, filter .2s var(--ease-out) 60ms, visibility 0s}.artie-g.race .track{height:var(--lane-h,72px);position:relative}.artie-g.race .track canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.artie-g.race .foot{align-items:center;display:grid}.artie-g.chunks .lanes{margin-top:var(--space-8,32px);align-items:start;gap:var(--space-12,48px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.artie-g.chunks .lane{min-width:0}.artie-g.chunks .lane>*{opacity:0;transform:translateY(8px)}.artie-g.chunks.revealed .lane>*{opacity:1;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out);transition-delay:var(--d);transform:none}.artie-g.chunks .lane:nth-child(2)>*{--d:45ms}.artie-g.chunks .lane canvas{width:100%;display:block}.artie-g.chunks .row{justify-content:space-between;align-items:baseline;gap:var(--space-3,12px);margin-top:var(--space-3,12px);line-height:var(--text-body-leading,1.5);display:flex}.artie-g.chunks .row .name{color:var(--ink)}.artie-g.chunks .row .value{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}@container (max-width:600px){.artie-g .chart{--pad:var(--space-5,20px);border-radius:18px}.artie-g .foot{padding-block:var(--space-3,12px);margin-top:var(--space-6,24px);border-radius:0 0 18px 18px}.artie-g .head{gap:var(--space-3,12px);flex-direction:column}.artie-g .head .tools{margin-left:0}.artie-g .head .headline{flex:none}.artie-g .headline{font-size:20px;line-height:1.4}.artie-g.race .lane{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto var(--lane-h,72px);height:auto;padding-top:var(--space-2,8px)}.artie-g.race .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.artie-g.race .track{grid-area:2/1/auto/-1}.artie-g.chunks .lanes{gap:var(--space-6,24px);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.artie-g,.artie-g .chart,.artie-g .foot,.artie-g .seg,.artie-g .seg .thumb,.artie-g .muted,.artie-g .subtle,.artie-g .headline{transition:none}.artie-g.race .val>span,.artie-g.race .foot>span{transition:none!important}.artie-g.race .lane>*,.artie-g.chunks .lane>*{opacity:1;transform:none}.artie-g.race.revealed .lane>*,.artie-g.chunks.revealed .lane>*{transition:none}}.artie-g .sr th,.artie-g .sr td{font-weight:var(--text-body-weight);font-variant-numeric:tabular-nums}.artie-g .tools{align-items:center;gap:var(--space-2,8px);flex:none;display:flex}.artie-g .replay{appearance:none;cursor:pointer;width:36px;height:36px;color:var(--control-label);background:var(--control-track);transition:color .16s ease, background-color .2s ease, transform .16s var(--ease-out);border:0;border-radius:8px;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.artie-g .replay:hover{color:var(--ink)}}.artie-g .replay:active{transform:scale(.97)}.artie-g .replay:focus-visible{box-shadow:0 0 0 2px var(--focus);outline:none}
.artie-g.bars .lanes{margin-top:var(--space-6,24px);row-gap:var(--space-3,12px);display:grid}.artie-g.bars .lane{align-items:center;column-gap:var(--space-6,24px);grid-template-columns:clamp(168px,28%,200px) minmax(0,1fr) 4.5em;display:grid}.artie-g.bars .lane>*,.artie-g.history .lanes>*{opacity:0;transform:translateY(8px)}.artie-g.bars.revealed .lane>*,.artie-g.history.revealed .lanes>*{opacity:1;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out);transition-delay:var(--d,0s);transform:none}.artie-g.history .lanes>:nth-child(2){--d:45ms}.artie-g.history .lanes>:nth-child(3){--d:90ms}.artie-g.bars .name{line-height:var(--text-body-leading,1.5)}.artie-g.bars .name>span{white-space:nowrap;display:inline-block}.artie-g.bars .val{font-variant-numeric:tabular-nums;color:var(--ink-muted);white-space:nowrap;line-height:var(--text-body-leading,1.5);justify-self:end;transition:color .2s}.artie-g.bars .p .val{color:var(--ink)}.artie-g.bars .track{height:28px;position:relative}.artie-g.bars .track canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.artie-g.bars .lane.ref{row-gap:0}.artie-g.bars .lane.ref .track{height:20px}.artie-g.bars .mark{white-space:nowrap;color:var(--ink-subtle);transition:color .2s;position:absolute;bottom:0;transform:translate(-50%)}.artie-g.history .ytick>span,.artie-g.history .foot>span{opacity:0;filter:blur(2px);visibility:hidden;grid-area:1/1;transition:opacity .12s,filter .12s,visibility 0s linear .12s}.artie-g.history[data-view=day] [data-for=day],.artie-g.history[data-view=total] [data-for=total]{opacity:1;filter:none;visibility:visible;transition:opacity .2s var(--ease-out) 60ms, filter .2s var(--ease-out) 60ms, visibility 0s}.artie-g.history .foot{align-items:center;display:grid}.artie-g.history .lanes{--gutter:4.75em;margin-top:var(--space-6,24px)}.artie-g.history .plot{touch-action:pan-y;cursor:ew-resize;border-radius:8px;height:180px;position:relative}.artie-g.history .plot canvas{inset:0 0 0 var(--gutter);width:calc(100% - var(--gutter));height:100%;display:block;position:absolute}.artie-g.history .scrub{inset:0 0 0 var(--gutter);width:calc(100% - var(--gutter));opacity:0;pointer-events:none;height:100%;margin:0;padding:0;position:absolute}.artie-g.history .yaxis{width:calc(var(--gutter) - var(--space-2,8px));color:var(--ink-subtle);font-variant-numeric:tabular-nums;transition:color .2s;position:absolute;inset:0 auto 0 0}.artie-g.history .ytick{white-space:nowrap;justify-items:end;display:grid;position:absolute;right:0;transform:translateY(-50%)}.artie-g.history .tag{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-muted);pointer-events:none;line-height:20px;transition:color .2s;position:absolute;top:0;left:0}.artie-g.history .tag.p{color:var(--ink)}.artie-g.history .plot:focus-within{box-shadow:0 0 0 2px var(--focus)}.artie-g.history .plot:focus-within:has(.scrub:focus:not(:focus-visible)){box-shadow:none}.artie-g.history .axis{height:20px;margin-top:var(--space-1,4px);margin-left:var(--gutter);color:var(--ink-subtle);font-variant-numeric:tabular-nums;transition:color .2s;position:relative}.artie-g.history .axis span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.artie-g.history .axis span:first-child{transform:none}.artie-g.history .axis span:last-child{transform:translate(-100%)}.artie-g.history .keys{align-items:baseline;gap:var(--space-2,8px) var(--space-6,24px);margin-top:var(--space-4,16px);line-height:var(--text-body-leading,1.5);flex-wrap:wrap;display:flex}.artie-g.history .key{align-items:baseline;gap:var(--space-2,8px);display:flex}.artie-g.history .swatch{background:var(--rest);border-radius:3px;align-self:center;width:10px;height:10px;transition:background-color .2s}.artie-g.history .p .swatch{background:var(--protagonist)}.artie-g.history .key .name{color:var(--ink-muted);transition:color .2s}.artie-g.history .p .name{color:var(--ink)}.artie-g.history .age{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;transition:color .2s}@container (max-width:600px){.artie-g.history .axis span:nth-child(2){display:none}.artie-g.bars .lane{row-gap:var(--space-1,4px);grid-template-columns:minmax(0,1fr) 4.5em}.artie-g.bars .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.artie-g.bars .track{grid-area:2/1/auto/-1}.artie-g.history .plot{height:150px}.artie-g.history .keys{gap:var(--space-2,8px) var(--space-4,16px)}.artie-g.history .age{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.artie-g.history .ytick>span,.artie-g.history .foot>span{transition:none!important}.artie-g.bars .lane>*,.artie-g.history .lanes>*{opacity:1;transform:none}.artie-g.bars.revealed .lane>*,.artie-g.history.revealed .lanes>*,.artie-g.history .axis,.artie-g.history .yaxis,.artie-g.history .tag,.artie-g.history .swatch,.artie-g.history .key .name,.artie-g.history .age,.artie-g.bars .val,.artie-g.bars .mark{transition:none}}
.artie-g.latency[data-view=full] [data-for=full],.artie-g.latency[data-view=close] [data-for=close]{opacity:1;filter:none;visibility:visible;transition:opacity .2s var(--ease-out) 60ms, filter .2s var(--ease-out) 60ms, visibility 0s}.artie-g.history.latency .lanes{--gutter:4em}.artie-g.latency .exit{white-space:nowrap;color:var(--ink-subtle);pointer-events:none;opacity:0;transition:opacity .16s,color .2s;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.artie-g.latency .exit{transition:none}}
.kafka-fig{color:var(--hv-ink);font-family:var(--hv-sans);gap:var(--space-stack-xl);letter-spacing:var(--text-body-tracking);display:grid;container-type:inline-size}.kafka-fig :where(p,ul,ol){margin:0;padding:0}.kafka-fig.kafka-fig :where(ul,ol),.kafka-fig--compare.kafka-fig--compare .site-v2-kafka__bars{padding:0;list-style:none}.kafka-fig.kafka-fig li,.kafka-fig.kafka-fig li>*{margin-top:0}.kafka-fig__head{align-items:center;gap:var(--space-stack-lg) var(--space-inline-xl);flex-wrap:wrap;justify-content:space-between;display:flex}.kafka-fig__copy{gap:var(--space-stack-xs);flex:18rem;display:grid}.kafka-fig .kafka-fig__title{color:var(--hv-ink);font-size:var(--text-body-lg-size);font-weight:500;line-height:var(--text-small-leading)}.kafka-fig .kafka-fig__sub{color:var(--hv-ink-muted);font-size:var(--text-body-size);line-height:var(--text-small-leading)}.kafka-fig .kafka-fig__note{color:var(--hv-ink-muted);font-size:var(--text-small-size);line-height:var(--text-body-leading)}.kafka-fig .kafka-fig__note a{color:var(--hv-ink);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--hv-rule-strong);text-decoration-color:var(--hv-rule-strong);text-underline-offset:3px}.kafka-fig__pills{border:1px solid var(--hv-rule-edge);gap:var(--space-inline-xs);padding:var(--space-inline-xs);border-radius:999px;flex:none;display:inline-flex}.kafka-fig .kafka-fig__pills button{color:var(--hv-ink-secondary);cursor:pointer;font:inherit;font-size:var(--text-body-size);font-variant-numeric:tabular-nums;min-height:2.25rem;padding-inline:var(--space-inline-lg);white-space:nowrap;transition:background-color var(--hv-dur-feedback) var(--hv-ease-response), color var(--hv-dur-feedback) var(--hv-ease-response);background:0 0;border:0;border-radius:999px}@media (hover:hover) and (pointer:fine){.kafka-fig .kafka-fig__pills button:hover{background:var(--hv-surface);color:var(--hv-ink)}}.kafka-fig .kafka-fig__pills button[aria-pressed=true]{background:var(--hv-ink);color:var(--hv-bg)}.kafka-fig .kafka-fig__pills button:focus-visible{outline-offset:2px}.kafka-fig__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kafka-fig__chart{--name:5.5rem;--value:2.5rem;--col-gap:var(--space-inline-lg);border-block:1px solid var(--hv-rule);gap:var(--space-stack-lg);padding-block:var(--space-stack-xl);display:grid;position:relative}.kafka-fig__chart:after{border-left:1px dashed var(--hv-ink-muted);bottom:var(--space-stack-lg);content:"";top:var(--space-stack-lg);left:calc(var(--name) + var(--col-gap) + (100% - var(--name) - var(--value) - 2 * var(--col-gap)) * var(--even));transition:left .6s var(--hv-ease-grow);position:absolute}.kafka-fig__group{gap:var(--space-stack-sm);display:grid}.kafka-fig .kafka-fig__group-name{color:var(--hv-ink-secondary);font-size:var(--text-small-size)}.kafka-fig .kafka-fig__group[data-added] .kafka-fig__group-name{color:var(--hv-label,var(--hv-accent-mark,var(--hv-green)));font-weight:500}.kafka-fig__rows{gap:var(--space-stack-sm);display:grid}.kafka-fig__row{align-items:center;column-gap:var(--col-gap);grid-template-columns:var(--name) minmax(0, 1fr) var(--value);display:grid}.kafka-fig__name{color:var(--hv-ink-secondary);font-size:var(--text-body-size);white-space:nowrap}.kafka-fig__track{height:1rem;display:block}.kafka-fig__fill{background:var(--hv-rule-strong);min-width:2px;height:100%;transition:width .6s var(--hv-ease-grow);width:calc(var(--w) * 100%);display:block}.kafka-fig__group[data-added] .kafka-fig__fill{background:var(--hv-green)}.kafka-fig__value{color:var(--hv-ink);font-size:var(--text-body-size);font-variant-numeric:tabular-nums;justify-self:end;font-weight:460}.kafka-fig__brokers{border-top:1px solid var(--hv-rule);gap:var(--space-stack-xl) var(--space-inline-lg);grid-template-columns:repeat(var(--brokers), minmax(0, 1fr));padding-top:var(--space-stack-lg);display:grid}.kafka-fig__broker{align-content:start;gap:var(--space-stack-sm);min-width:0;display:grid}.kafka-fig__broker-name{color:var(--hv-ink);font-size:var(--text-body-size);white-space:nowrap;font-weight:500}.kafka-fig__broker-state{color:var(--hv-ink-muted);font-size:var(--text-small-size);white-space:nowrap}.kafka-fig__broker[data-state=down] .kafka-fig__broker-state{color:var(--hv-ink);font-weight:500}.kafka-fig__broker[data-state=catching-up] .kafka-fig__broker-state{color:var(--hv-label,var(--hv-accent-mark,var(--hv-green)));font-weight:500}.kafka-fig__chips{gap:var(--space-inline-xs);flex-wrap:wrap;min-height:1.5rem;display:flex}.kafka-fig__chip{border:1px solid var(--hv-rule-strong);color:var(--hv-ink-secondary);font-family:var(--hv-mono);font-size:var(--text-caption-size);height:1.5rem;letter-spacing:var(--primitive-tracking-mono-label,.03em);min-width:1.75rem;transition:background-color var(--hv-dur-control) var(--hv-ease-response), border-color var(--hv-dur-control) var(--hv-ease-response), opacity var(--hv-dur-control) var(--hv-ease-response);justify-content:center;align-items:center;display:inline-flex}.kafka-fig__chip[data-leader]{background:var(--hv-green);border-color:var(--hv-green);color:var(--hv-on-accent)}.kafka-fig__broker[data-state=down] .kafka-fig__chip{opacity:.35}.kafka-fig__broker[data-state=catching-up] .kafka-fig__chip{border-style:dashed}.kafka-fig__node{color:var(--hv-ink-muted);font-size:var(--text-caption-size);white-space:nowrap}.kafka-fig__stepper{gap:var(--space-stack-md);display:grid}.kafka-fig__steps{gap:var(--space-inline-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kafka-fig .kafka-fig__steps button{border:0;border-top:2px solid var(--hv-rule);color:var(--hv-ink-muted);cursor:pointer;font:inherit;font-size:var(--text-small-size);padding:var(--space-stack-sm) 0 0;text-align:left;width:100%;transition:border-color var(--hv-dur-control) var(--hv-ease-response), color var(--hv-dur-feedback) var(--hv-ease-response);background:0 0;border-radius:0}.kafka-fig .kafka-fig__steps button[data-done]{border-top-color:var(--hv-green)}.kafka-fig .kafka-fig__steps button[aria-current=step]{border-top-color:var(--hv-green);color:var(--hv-ink);font-weight:500}@media (hover:hover) and (pointer:fine){.kafka-fig .kafka-fig__steps button:hover{color:var(--hv-ink)}}.kafka-fig .kafka-fig__steps button:focus-visible{outline-offset:2px}.kafka-fig .kafka-fig__caption{color:var(--hv-ink-secondary);font-size:var(--text-body-lg-size);line-height:var(--text-body-leading);text-wrap:pretty;min-height:3lh}.kafka-fig__auth{border-collapse:collapse;table-layout:fixed;width:100%}.kafka-fig .kafka-fig__auth :is(th,td){border-top:1px solid var(--hv-rule);color:var(--hv-ink);padding:var(--space-stack-lg) 0;text-align:left;vertical-align:top;font-weight:420}.kafka-fig .kafka-fig__auth :is(th,td)+:is(th,td){padding-left:var(--space-inline-lg)}.kafka-fig .kafka-fig__auth thead th{color:var(--hv-ink-muted);font-size:var(--text-small-size);padding-block:0 var(--space-stack-sm);border-top:0}.kafka-fig .kafka-fig__auth thead th:first-child{width:8.5rem}.kafka-fig .kafka-fig__auth tbody tr:last-child>*{border-bottom:1px solid var(--hv-rule)}.kafka-fig__auth-name{color:var(--hv-ink);font-size:var(--text-body-size);font-weight:500;display:block}.kafka-fig__auth-note{color:var(--hv-ink-muted);font-size:var(--text-small-size);line-height:var(--text-small-leading);display:block}.kafka-fig__marks{align-items:flex-end;gap:var(--space-inline-xs);flex-wrap:wrap;min-height:1rem;display:flex}.kafka-fig__mark{background:var(--hv-rule-strong);width:.375rem;height:.375rem;display:block}.kafka-fig__mark[data-heavy]{background:var(--hv-green);width:1rem;height:1rem}.kafka-fig__auth-work{color:var(--hv-ink-secondary);font-size:var(--text-small-size);line-height:var(--text-small-leading);padding-top:var(--space-stack-sm);display:block}.kafka-fig__auth td[data-heavy] .kafka-fig__auth-work{color:var(--hv-ink)}.kafka-fig--compare .site-v2-kafka__bar-row{padding-block:var(--space-stack-xl)}@container (min-width:36rem){.kafka-fig--compare .site-v2-kafka__bar-row{grid-template-columns:7rem minmax(0,1fr)}.kafka-fig--compare .site-v2-kafka__key{grid-column:2}}@container (max-width:35.99rem){.kafka-fig--compare .site-v2-kafka__bar-row{grid-template-columns:minmax(0,1fr)}.kafka-fig--compare .site-v2-kafka__key{grid-column:auto}}@container (max-width:34rem){.kafka-fig__pills{width:100%;display:flex}.kafka-fig .kafka-fig__pills button{padding-inline:var(--space-inline-sm);flex:1}.kafka-fig__chart{--name:4.5rem;--col-gap:var(--space-inline-md)}.kafka-fig .kafka-fig__caption{min-height:4lh}.kafka-fig .kafka-fig__auth thead th:first-child{width:5.5rem}.kafka-fig .kafka-fig__auth :is(th,td)+:is(th,td){padding-left:var(--space-inline-md)}}@media (prefers-reduced-motion:reduce){.kafka-fig .kafka-fig__pills button,.kafka-fig__chip,.kafka-fig .kafka-fig__steps button,.kafka-fig__fill,.kafka-fig__chart:after{transition:none}}