.nf.g1-figure{--nf-panel:#0c0c0c;--nf-node:#161616;--nf-node-2:#1c1c1c;--nf-line:#ffffff1f;--nf-line-2:#fff3;--nf-edge:#5e5e68;--nf-text:#ededed;--nf-muted:#a1a1a1;--nf-dim:#8a8a8a;--nf-delta:#8e96ff;--nf-delta-text:#a3aaff;--nf-delta-bg:#8e96ff17;--nf-delta-line:#8e96ff8c;--nf-live:#3ecf8e;--nf-live-bg:#3ecf8e14;--nf-live-line:#3ecf8e80;--nf-removed:#f2848c;--nf-removed-bg:#f2848c14;--nf-removed-line:#f2848c80;--nf-gap:32px;max-width:var(--blog-wide,704px);margin:1.8em 0;padding:0}.nf.g1-figure .nf-panel{background:var(--nf-panel);border:1px solid var(--rule,#ffffff17);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f;container-type:inline-size}.nf.g1-figure .nf-bare .nf-panel{box-shadow:none;background:0 0;border:0}.nf.g1-figure .nf-head{border-bottom:1px solid var(--nf-line);font-family:var(--mono);letter-spacing:.01em;color:var(--nf-dim);justify-content:space-between;align-items:center;gap:16px;padding:11px 16px;font-size:.875rem;line-height:1.3;display:flex}.nf.g1-figure .nf-head-title{color:var(--nf-muted)}.nf.g1-figure .nf-head-meta{align-items:center;gap:7px;display:inline-flex}.nf.g1-figure .nf-head-meta.is-live{color:var(--nf-live)}.nf.g1-figure .nf-dot{background:var(--nf-live);border-radius:50%;width:7px;height:7px;display:inline-block}.nf.g1-figure .nf-body{color:var(--nf-text);font-family:var(--sans);padding:clamp(16px,3.4cqi,28px)}.nf.g1-figure .nf-scroll{overflow-x:auto}.nf.g1-figure figcaption{font-family:var(--sans);letter-spacing:0;text-transform:none;text-align:left;color:var(--nf-dim);margin-top:10px;font-size:.875rem;line-height:1.5}.nf.g1-figure .nf-flow{align-items:center;gap:var(--nf-gap);min-width:0;display:flex}.nf.g1-figure .nf-flow>*{flex:1 1 0;min-width:0;position:relative}.nf.g1-figure .nf-flow-col{flex-direction:column;align-items:stretch}.nf.g1-figure .nf-flow>*+:before,.nf.g1-figure .nf-flow>*+:after{content:"";pointer-events:none;position:absolute}.nf.g1-figure .nf-flow-row>*+:before{top:50%;left:calc(-1 * var(--nf-gap) + 5px);width:calc(var(--nf-gap) - 11px);background:var(--nf-edge);height:1px}.nf.g1-figure .nf-flow-row>*+:after{border:4px solid #0000;border-left:5px solid var(--nf-edge);border-right:0;top:calc(50% - 4px);left:-7px}.nf.g1-figure .nf-flow-col>*+:before{left:50%;top:calc(-1 * var(--nf-gap) + 5px);height:calc(var(--nf-gap) - 11px);background:var(--nf-edge);width:1px}.nf.g1-figure .nf-flow-col>*+:after{border:4px solid #0000;border-top:5px solid var(--nf-edge);border-bottom:0;top:-7px;left:calc(50% - 4px)}.nf.g1-figure .nf-flow>.is-delta-in:before{background:var(--nf-delta)}.nf.g1-figure .nf-flow-row>.is-delta-in:after{border-left-color:var(--nf-delta)}.nf.g1-figure .nf-flow-col>.is-delta-in:after{border-top-color:var(--nf-delta)}@container (width<=560px){.nf.g1-figure .nf-flow-row{flex-direction:column;align-items:stretch}.nf.g1-figure .nf-flow-row>*+:before{left:50%;top:calc(-1 * var(--nf-gap) + 5px);height:calc(var(--nf-gap) - 11px);width:1px}.nf.g1-figure .nf-flow-row>*+:after{border:4px solid #0000;border-top:5px solid var(--nf-edge);border-bottom:0;top:-7px;left:calc(50% - 4px)}.nf.g1-figure .nf-flow-row>.is-delta-in:after{border-top-color:var(--nf-delta);border-left-color:#0000}}.nf.g1-figure .nf-stack{gap:8px;min-width:0;display:flex}.nf.g1-figure .nf-stack-col{flex-direction:column}.nf.g1-figure .nf-stack-row{flex-flow:wrap}.nf.g1-figure .nf-stack>*{flex:auto}.nf.g1-figure .nf-node{background:var(--nf-node);border:1px solid var(--nf-line);border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:10px 12px 11px;display:flex;box-shadow:inset 0 1px #ffffff0a}.nf.g1-figure .nf-kind{font-family:var(--mono);letter-spacing:.01em;color:var(--nf-dim);font-size:.875rem;line-height:1.3}.nf.g1-figure .nf-title{font-family:var(--sans);letter-spacing:-.01em;color:var(--nf-text);overflow-wrap:anywhere;font-size:.875rem;font-weight:500;line-height:1.3}.nf.g1-figure .nf-title.is-mono{font-family:var(--mono);letter-spacing:0;font-size:.875rem;font-weight:400}.nf.g1-figure .nf-sub{font-family:var(--mono);letter-spacing:.01em;color:var(--nf-muted);overflow-wrap:anywhere;font-size:.875rem;line-height:1.4}.nf.g1-figure .nf-node.is-delta{background:var(--nf-delta-bg);border-color:var(--nf-delta-line)}.nf.g1-figure .nf-node.is-delta .nf-kind{color:var(--nf-delta-text)}.nf.g1-figure .nf-node.is-live{background:var(--nf-live-bg);border-color:var(--nf-live-line)}.nf.g1-figure .nf-node.is-live .nf-kind{color:var(--nf-live)}.nf.g1-figure .nf-node.is-removed{background:var(--nf-removed-bg);border-color:var(--nf-removed-line)}.nf.g1-figure .nf-node.is-removed .nf-kind{color:var(--nf-removed)}.nf.g1-figure .nf-node.is-removed .nf-title{text-decoration:line-through;text-decoration-color:var(--nf-removed)}.nf.g1-figure .nf-node.is-muted{background:0 0;border-style:dashed}.nf.g1-figure .nf-node.is-muted :is(.nf.g1-figure .nf-title,.nf.g1-figure .nf-sub){color:var(--nf-dim)}.nf.g1-figure .nf-node.is-code{background:#101010}.nf.g1-figure .nf-group{border:1px dashed var(--nf-line-2);border-radius:10px;min-width:0;padding:30px 12px 12px;position:relative}.nf.g1-figure .nf-group-label{font-family:var(--mono);letter-spacing:.01em;color:var(--nf-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;line-height:1.3;position:absolute;top:9px;left:12px;right:12px;overflow:hidden}.nf.g1-figure .nf-group-body{flex-direction:column;gap:8px;min-width:0;display:flex}.nf.g1-figure .nf-group-row>.nf-group-body{flex-flow:wrap}.nf.g1-figure .nf-group-row>.nf-group-body>*{flex:140px}.nf.g1-figure .nf-group.is-delta{border-color:var(--nf-delta-line);background:#8e96ff08}.nf.g1-figure .nf-group.is-delta>.nf-group-label{color:var(--nf-delta-text)}.nf.g1-figure .nf-group.is-live{border-color:var(--nf-live-line)}.nf.g1-figure .nf-group.is-live>.nf-group-label{color:var(--nf-live)}.nf.g1-figure .nf-group.is-removed{border-color:var(--nf-removed-line)}.nf.g1-figure .nf-group.is-removed>.nf-group-label{color:var(--nf-removed)}.nf.g1-figure .nf-chip{background:var(--nf-node-2);border:1px solid var(--nf-line);max-width:100%;font-family:var(--sans);color:var(--nf-text);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:.875rem;line-height:1.5;display:inline-flex}.nf.g1-figure .nf-chip.is-mono{font-family:var(--mono);letter-spacing:.01em}.nf.g1-figure .nf-chip.is-delta{background:var(--nf-delta-bg);border-color:var(--nf-delta-line);color:var(--nf-delta-text)}.nf.g1-figure .nf-chip.is-live{background:var(--nf-live-bg);border-color:var(--nf-live-line);color:var(--nf-live)}.nf.g1-figure .nf-chip.is-removed{background:var(--nf-removed-bg);border-color:var(--nf-removed-line);color:var(--nf-removed)}.nf.g1-figure .nf-chip.is-removed.is-struck{text-decoration:line-through}.nf.g1-figure .nf-chip.is-muted{color:var(--nf-dim);background:0 0;border-style:dashed}.nf.g1-figure .nf-chips{flex-wrap:wrap;gap:6px;display:flex}.nf.g1-figure .nf-bars{gap:10px;display:grid}.nf.g1-figure .nf-bar{grid-template-columns:minmax(0,9.5rem) minmax(0,1fr) 4.5rem;align-items:center;gap:12px;display:grid}.nf.g1-figure .nf-bar-label{font-family:var(--sans);color:var(--nf-muted);overflow-wrap:anywhere;font-size:.875rem}.nf.g1-figure .nf-bar-track{background:#ffffff0d;border-radius:3px;height:10px;overflow:hidden}.nf.g1-figure .nf-bar-fill{background:#4a4a52;border-radius:3px;height:100%;display:block}.nf.g1-figure .nf-bar-value{font-family:var(--mono);color:var(--nf-text);text-align:right;font-variant-numeric:tabular-nums;font-size:.875rem}.nf.g1-figure .nf-bar.is-delta .nf-bar-fill{background:var(--nf-delta)}.nf.g1-figure .nf-bar.is-delta .nf-bar-label{color:var(--nf-text)}.nf.g1-figure .nf-bar.is-live .nf-bar-fill{background:var(--nf-live)}.nf.g1-figure .nf-bar.is-removed .nf-bar-fill{background:var(--nf-removed)}.nf.g1-figure .nf-bar.is-muted .nf-bar-fill{background:#2e2e33}@container (width<=480px){.nf.g1-figure .nf-bar{grid-template-columns:minmax(0,1fr) 4.5rem;row-gap:4px}.nf.g1-figure .nf-bar-label{grid-column:1/-1}}.nf.g1-figure .nf-legend{font-family:var(--sans);color:var(--nf-dim);flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:.875rem;display:flex}.nf.g1-figure .nf-legend-item{align-items:center;gap:7px;display:inline-flex}.nf.g1-figure .nf-legend-item i{border:1px solid var(--nf-line-2);background:var(--nf-node);border-radius:3px;width:10px;height:10px}.nf.g1-figure .nf-legend-item.is-delta i{background:var(--nf-delta-bg);border-color:var(--nf-delta)}.nf.g1-figure .nf-legend-item.is-live i{background:var(--nf-live-bg);border-color:var(--nf-live)}.nf.g1-figure .nf-legend-item.is-removed i{background:var(--nf-removed-bg);border-color:var(--nf-removed)}.nf.g1-figure .nf-legend-item.is-muted i{background:0 0;border-style:dashed}.nf.g1-figure .nf-svg{width:100%;height:auto;display:block;overflow:visible}.nf.g1-figure .nf-svg text{font-family:var(--sans);fill:var(--nf-text);letter-spacing:-.005em;font-size:13px}.nf.g1-figure .nf-svg .mono{font-family:var(--mono);letter-spacing:.01em;font-size:12px}.nf.g1-figure .nf-svg .sm{font-size:12px}.nf.g1-figure .nf-svg .lg{font-size:15px;font-weight:500}.nf.g1-figure .nf-svg .muted{fill:var(--nf-muted)}.nf.g1-figure .nf-svg .dim{fill:var(--nf-dim)}.nf.g1-figure .nf-svg .t-delta{fill:var(--nf-delta-text)}.nf.g1-figure .nf-svg .t-live{fill:var(--nf-live)}.nf.g1-figure .nf-svg .t-removed{fill:var(--nf-removed)}.nf.g1-figure .nf-svg .box{fill:var(--nf-node);stroke:var(--nf-line);stroke-width:1px}.nf.g1-figure .nf-svg .box.delta{fill:var(--nf-delta-bg);stroke:var(--nf-delta-line)}.nf.g1-figure .nf-svg .box.live{fill:var(--nf-live-bg);stroke:var(--nf-live-line)}.nf.g1-figure .nf-svg .box.removed{fill:var(--nf-removed-bg);stroke:var(--nf-removed-line)}.nf.g1-figure .nf-svg .box.muted{fill:none;stroke-dasharray:4 3}.nf.g1-figure .nf-svg .region{fill:none;stroke:var(--nf-line-2);stroke-width:1px;stroke-dasharray:4 4}.nf.g1-figure .nf-svg .region.delta{stroke:var(--nf-delta-line)}.nf.g1-figure .nf-svg .edge{fill:none;stroke:var(--nf-edge);stroke-width:1.25px}.nf.g1-figure .nf-svg .edge.delta{stroke:var(--nf-delta)}.nf.g1-figure .nf-svg .edge.live{stroke:var(--nf-live)}.nf.g1-figure .nf-svg .edge.removed{stroke:var(--nf-removed)}.nf.g1-figure .nf-svg .edge.dash{stroke-dasharray:4 4}.nf.g1-figure .nf-svg .head{fill:var(--nf-edge)}.nf.g1-figure .nf-svg .head.delta{fill:var(--nf-delta)}.nf.g1-figure .nf-svg .head.live{fill:var(--nf-live)}.nf.g1-figure .nf-svg .head.removed{fill:var(--nf-removed)}.nf.g1-figure .nf-svg .dot{fill:var(--nf-edge)}.nf.g1-figure .nf-svg .dot.delta{fill:var(--nf-delta)}.nf.g1-figure .nf-svg .dot.live{fill:var(--nf-live)}.nf.g1-figure .nf-svg .dot.removed{fill:var(--nf-removed)}.nf.g1-figure .nf-svg .rule{stroke:var(--nf-line);stroke-width:1px}.nf.g1-figure .nf-grid{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:var(--gap,12px);min-width:0;display:grid}@container (width<=560px){.nf.g1-figure .nf-grid{grid-template-columns:minmax(0,1fr)}.nf.g1-figure .nf-grid.keep-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.nf.g1-figure .nf-col{flex-direction:column;gap:8px;min-width:0;display:flex}.nf.g1-figure .nf-label{font-family:var(--mono);letter-spacing:.01em;color:var(--nf-dim);margin:0;font-size:.875rem;line-height:1.3}.nf.g1-figure .nf-note{font-family:var(--sans);color:var(--nf-muted);margin:0;font-size:.875rem;line-height:1.45}.nf.g1-figure .nf-eq{font-family:var(--mono);letter-spacing:-.01em;color:var(--nf-text);text-align:center;margin:0 0 18px;font-size:clamp(1rem,4.2cqi,1.5rem)}.nf.g1-figure .nf-eq .is-delta{color:var(--nf-delta)}.nf.g1-figure .nf-eq .dim{color:var(--nf-dim)}.nf.g1-figure .nf-rows{border-top:1px solid var(--nf-line-2);grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);display:grid}.nf.g1-figure .nf-rows>*{border-bottom:1px solid var(--nf-line);min-width:0;padding:12px 12px 12px 0}.nf.g1-figure .nf-rows>.h{font-family:var(--mono);letter-spacing:.01em;color:var(--nf-dim);padding-block:8px;font-size:.875rem}.nf.g1-figure .nf-rows>.h.is-delta{color:var(--nf-delta-text)}@container (width<=560px){.nf.g1-figure .nf-rows{grid-template-columns:minmax(0,1fr)}.nf.g1-figure .nf-rows>.h{display:none}.nf.g1-figure .nf-rows>.nf-row-k{border-bottom:0;padding-bottom:4px}.nf.g1-figure .nf-rows>:not(.nf.g1-figure .nf-row-k){padding-block:4px 10px}}.nf.g1-figure .nf-table{border-collapse:collapse;width:100%;font-family:var(--mono);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:.875rem}.nf.g1-figure .nf-table th{text-align:left;color:var(--nf-dim);border-bottom:1px solid var(--nf-line);padding:6px 10px 6px 0;font-weight:400}.nf.g1-figure .nf-table td{color:var(--nf-muted);border-bottom:1px solid var(--nf-line);padding:6px 10px 6px 0}.nf.g1-figure .nf-code{border:1px solid var(--nf-line);font-family:var(--mono);color:var(--code-fg,#ededed);white-space:pre;background:#101010;border-radius:8px;margin:0;padding:12px 14px;font-size:.875rem;line-height:1.7;overflow-x:auto}.nf.g1-figure .nf-code .k{color:var(--code-keyword)}.nf.g1-figure .nf-code .f{color:var(--code-function)}.nf.g1-figure .nf-code .s{color:var(--code-string)}.nf.g1-figure .nf-code .n{color:var(--code-number)}.nf.g1-figure .nf-code .t{color:var(--code-type)}.nf.g1-figure .nf-code .d{color:var(--code-decorator)}.nf.g1-figure .nf-code .c{color:var(--code-comment)}.nf.g1-figure .nf-code .is-delta{color:var(--nf-text);background:var(--nf-delta-bg);box-shadow:inset 2px 0 0 var(--nf-delta);width:100%;display:inline-block}.nf.g1-figure p,.nf.g1-figure ul,.nf.g1-figure ol{max-width:none;margin:0;padding:0}.nf.g1-figure li{margin:0}.nf.g1-figure ul,.nf.g1-figure ol{list-style:none}.nf.g1-figure hr{margin:0}.nf.g1-figure .nf-sep{background:var(--nf-line);border:0;height:1px;margin:16px 0}.nf.g1-figure table{width:100%;max-width:none;font-size:inherit;border:0;margin:0;display:table}.nf.g1-figure thead,.nf.g1-figure tbody tr:nth-child(2n){background:0 0}.nf.g1-figure .nf-table th,.nf.g1-figure .nf-table tbody th{font-family:var(--mono);letter-spacing:.01em;text-transform:none;white-space:normal;color:var(--nf-dim);border-bottom:1px solid var(--nf-line);background:0 0;padding:6px 10px 6px 0;font-size:.875rem;font-weight:400}.nf.g1-figure .nf-table td{font-family:var(--mono);letter-spacing:.01em;border-bottom:1px solid var(--nf-line);color:var(--nf-muted);padding:6px 10px 6px 0;font-size:.875rem}.nf.g1-figure .nf-table tr.is-delta td{color:var(--nf-text);background:var(--nf-delta-bg)}.nf.g1-figure .nf-table tr.is-delta td.d{color:var(--nf-delta)}.nf.g1-figure .nf-table tr.is-live td{color:var(--nf-text);background:var(--nf-live-bg)}.nf.g1-figure .nf-table tr.is-removed td{color:var(--nf-removed);text-decoration:line-through}.nf.g1-figure .nf-label{font-family:var(--mono);letter-spacing:.01em;color:var(--nf-dim);max-width:none;margin:0;font-size:.875rem;line-height:1.3}.nf.g1-figure .nf-label.is-delta{color:var(--nf-delta-text)}.nf.g1-figure .nf-label.is-live{color:var(--nf-live)}.nf.g1-figure .nf-label.is-removed{color:var(--nf-removed)}.nf.g1-figure .nf-note{font-family:var(--sans);color:var(--nf-muted);max-width:none;margin:0;font-size:.875rem;line-height:1.45}.nf.g1-figure .nf-eq{max-width:none;margin:0 0 18px}.nf.g1-figure pre.nf.g1-figure .nf-code{margin:0}.nf.g1-figure .nf-flow>.nf-group[style*=flex-grow]{flex-basis:0}.nf.g1-figure{--nf-panel:#0a0a0a;--nf-node:#141414;--nf-dim:#a1a1a1;--nf-delta:#a3aaff;width:100%;max-width:none;container-type:inline-size}.nf.g1-figure .nf-panel{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.nf.g1-figure .nf-body{padding:20px 0}.nf.g1-figure .nf-head{font-family:var(--sans);color:var(--nf-text);flex-wrap:wrap;padding:0 0 14px;font-size:16px}.nf.g1-figure .nf-kind,.nf.g1-figure .nf-sub,.nf.g1-figure .nf-group-label,.nf.g1-figure .nf-note,.nf.g1-figure .nf-label{font-family:var(--sans);font-size:14px;line-height:1.5}.nf.g1-figure .nf-node{box-shadow:none;padding:14px 16px}.nf.g1-figure .nf-title,.nf.g1-figure .nf-title.is-mono{font-size:15px;line-height:1.5}.nf.g1-figure .nf-group{padding:14px}.nf.g1-figure .nf-group-label{white-space:normal;margin-bottom:12px;display:block;position:static;overflow:visible}.nf.g1-figure .nf-group-body{gap:12px}.nf.g1-figure .nf-node.is-removed .nf-title{text-decoration:none}.nf.g1-figure .nf-table{table-layout:fixed}.nf.g1-figure .nf-table :is(th,td){overflow-wrap:anywhere}.nf.g1-figure .nf-scroll{scrollbar-color:#454545 #141414;overflow-x:auto}.nf.g1-figure :is(p,li,span,dt,dd,b,strong,code){overflow-wrap:anywhere}.nf.g1-figure :focus-visible{outline-offset:4px;outline:2px solid #ededed}@container (width<=850px){.nf.g1-figure .nf-flow-row{flex-direction:column;align-items:stretch}.nf.g1-figure .nf-flow-row>*{flex-basis:auto;width:auto}.nf.g1-figure .nf-flow-row>*+:before{left:50%;top:calc(-1 * var(--nf-gap) + 5px);height:calc(var(--nf-gap) - 11px);width:1px}.nf.g1-figure .nf-flow-row>*+:after{border:4px solid #0000;border-top:5px solid var(--nf-edge);border-bottom:0;top:-7px;left:calc(50% - 4px)}}.nf.g1-figure .nf-scroll>svg{min-width:760px}