.ref-figure{margin:var(--cf-space-500) 0;padding:var(--cf-space-500) var(--cf-space-400) var(--cf-space-400);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-250);background:var(--cf-color-illo-bg)}.ref-figure svg{display:block;width:100%;max-width:600px;height:auto;margin:0 auto;font-size:var(--cf-font-size-350);stroke-linecap:round;stroke-linejoin:round}.ref-figure figcaption{margin-top:var(--cf-space-400);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-150);text-align:center}.ref-figure text{fill:var(--cf-color-illo-ink);font-family:var(--cf-font-sans);font-size:1.1em}.ref-figure .ref-label{fill:var(--cf-color-illo-ink-soft);font-size:1em}.ref-figure .ref-call{font-family:var(--cf-font-mono);font-size:1.15em;font-weight:var(--cf-font-weight-semibold)}.ref-figure .ref-bad,.ref-figure .ref-good{font-family:var(--cf-font-mono);font-size:1.15em;font-weight:var(--cf-font-weight-bold)}.ref-figure .ref-good{fill:var(--cf-color-illo-good)}.ref-figure .ref-bad{fill:var(--cf-color-illo-bad)}.ref-figure .ref-card rect{fill:var(--cf-color-illo-paper);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.ref-figure .ref-card text{font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-bold)}.ref-figure .ref-card.is-fn rect{fill:var(--cf-color-illo-tag)}.ref-figure .ref-cart-basket{fill:var(--cf-color-illo-metal);stroke:var(--cf-color-illo-metal-ink);stroke-width:4}.ref-figure .ref-cart-bars{fill:none;stroke:var(--cf-color-illo-metal-ink);stroke-width:2.5;opacity:.45}.ref-figure .ref-cart-handle{fill:none;stroke:var(--cf-color-illo-metal-ink);stroke-width:5}.ref-figure .ref-cart-wheel{fill:var(--cf-color-illo-ink)}.ref-figure .ref-cart-label{fill:var(--cf-color-illo-metal-ink);font-family:var(--cf-font-mono);font-size:1.25em;font-weight:var(--cf-font-weight-bold)}.ref-figure .ref-box-flap{fill:var(--cf-color-illo-cardboard-shade);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.ref-figure .ref-box-inside{fill:var(--cf-color-illo-cardboard-inside)}.ref-figure .ref-box-front{fill:var(--cf-color-illo-cardboard);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.ref-figure .ref-box-label{fill:var(--cf-color-illo-ink);font-family:var(--cf-font-mono);font-size:1.25em;font-weight:var(--cf-font-weight-bold)}.ref-figure .ref-tag path{fill:var(--cf-color-illo-tag);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.ref-figure .ref-tag-hole{fill:var(--cf-color-illo-bg);stroke:var(--cf-color-illo-ink);stroke-width:2}.ref-figure .ref-tag text{font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-bold)}.ref-figure .ref-arrow{fill:none;stroke:var(--cf-color-illo-arrow);stroke-width:8}.ref-figure .ref-arrowhead{fill:var(--cf-color-illo-arrow)}.ref-figure .ref-divider{stroke:var(--cf-color-illo-ink-soft);stroke-width:1.5;stroke-dasharray:4 6}