.quip-diagram{--qd-line:var(--color-fd-muted-foreground);--qd-text:var(--color-fd-foreground);--qd-detail:color-mix(in srgb, var(--color-fd-foreground) 72%, var(--color-fd-background));--qd-node-fill:var(--color-fd-card);--qd-node-stroke:color-mix(in srgb, var(--color-fd-foreground) 30%, var(--color-fd-background));--qd-group-stroke:var(--color-fd-border);--qd-group-fill:var(--color-fd-card);--qd-raised-fill:var(--color-fd-background);--qd-raised-stroke:var(--qd-node-stroke);--qd-accent-fill:var(--color-fd-secondary);--qd-accent-stroke:var(--color-fd-foreground);margin:2rem 0;container-type:inline-size}.quip-diagram svg{width:100%;height:auto;margin-inline:auto;display:block}.quip-diagram .qd-wide{max-width:764px}.quip-diagram .qd-narrow{max-width:440px;display:none}@container (max-width:619px){.quip-diagram .qd-wide{display:none}.quip-diagram .qd-narrow{display:block}}.quip-diagram rect.qd-node{fill:var(--qd-node-fill);stroke:var(--qd-node-stroke);stroke-width:1px}.quip-diagram rect.qd-node[data-emphasis]{fill:var(--qd-accent-fill);stroke:var(--qd-accent-stroke);stroke-width:1.5px}.quip-diagram rect.qd-group{fill:var(--qd-group-fill);stroke:var(--qd-group-stroke);stroke-width:1px}.quip-diagram rect.qd-group[data-raised]{fill:var(--qd-raised-fill);stroke:var(--qd-raised-stroke)}.quip-diagram text{font-family:var(--font-body);fill:var(--qd-text)}.quip-diagram .qd-name{font-size:13px;font-weight:500}.quip-diagram .qd-detail{fill:var(--qd-detail);font-size:12px;font-weight:400}.quip-diagram .qd-mono-node{font-family:var(--font-mono);font-size:13px;font-weight:500}.quip-diagram .qd-group-label{font-family:var(--font-mono);fill:var(--qd-detail);font-size:12px;font-weight:500}.quip-diagram .qd-edge-label{font-family:var(--font-mono);font-variant-numeric:tabular-nums;fill:var(--qd-detail);font-size:12px}.quip-diagram g[data-style=thick] .qd-edge-label{fill:var(--qd-text);font-weight:500}.quip-diagram path.qd-edge{fill:none;stroke:var(--qd-line);stroke-width:1.25px;stroke-linejoin:miter}.quip-diagram polygon.qd-head{fill:var(--qd-line)}.quip-diagram g[data-style=thick] path.qd-edge{stroke:var(--qd-text);stroke-width:1.5px}.quip-diagram g[data-style=thick] polygon.qd-head{fill:var(--qd-text)}.quip-diagram g[data-style=line] .qd-edge-label{fill:var(--qd-text);font-size:13px}.quip-diagram .qd-frame{fill:none;stroke:var(--color-fd-border);stroke-width:1px}.quip-diagram rect.qd-tag{fill:var(--color-fd-background);stroke:var(--qd-line);stroke-width:1px}.quip-diagram g[data-kind=bus] path.qd-edge{stroke:var(--qd-text);stroke-width:1.5px;stroke-linecap:square}.quip-diagram circle.qd-junction{fill:var(--qd-line)}.quip-diagram g[data-kind=bus]~circle.qd-junction{fill:var(--qd-text)}figure>.quip-diagram{margin:0}.quip-diagram rect.qd-knockout{fill:var(--color-fd-background)}