@property --diagram-n{syntax:"<integer>";inherits:true;initial-value:0}[data-tone=dark]{--diagram-strong:var(--color-on-dark)}div.diagram[data-diagram]{--diagram-n:calc(var(--diagram-base) + var(--state));gap:var(--space-6);transition:--diagram-n var(--dur-800) var(--ease);flex-direction:column;display:flex}div.diagram[data-diagram]>.tally{color:var(--diagram-strong);font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-heading);line-height:var(--text-h3-leading);letter-spacing:var(--text-h3-tracking)}div.diagram[data-diagram]>.tally>.count:before{counter-reset:diagram-n var(--diagram-n);content:counter(diagram-n);font-variant-numeric:tabular-nums}div.diagram[data-diagram]>.announce{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}div.diagram[data-diagram] .ask{align-items:flex-start;gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-3);display:flex}div.diagram[data-diagram] .node{transition:scale var(--dur-400) var(--spring), background-color var(--dur-250) var(--ease), border-color var(--dur-250) var(--ease), color var(--dur-250) var(--ease)}div.diagram[data-diagram] .stop:has(.toggle-input:not(:checked)){--node-fill:transparent;--node-edge:var(--edge-control);--node-ink:transparent;--node-edge-style:dashed;--node-scale:.5;--node-counted:0}div.diagram[data-diagram][data-numbering=fixed] .stop:has(.toggle-input:not(:checked)){--node-ink:var(--rail-heading);--node-scale:1;--node-counted:1}@supports not selector(:has(*)){div.diagram[data-diagram] .ask,div.diagram[data-diagram]>.tally{display:none}}