.illo-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)}.illo-figure svg{display:block;width:100%;max-width:600px;height:auto;margin:0 auto;font-size:var(--cf-font-size-350);font-feature-settings:none;font-variant-ligatures:none;stroke-linecap:round;stroke-linejoin:round}.illo-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}.illo-figure text{fill:var(--cf-color-illo-ink);font-family:var(--cf-font-sans);font-size:1.1em}.illo-figure .illo-label.is-soft{fill:var(--cf-color-illo-ink-soft);font-size:1em}.illo-figure .illo-label.is-bad,.illo-figure .illo-label.is-code,.illo-figure .illo-label.is-good{font-family:var(--cf-font-mono);font-size:1.15em;font-weight:var(--cf-font-weight-semibold)}.illo-figure .illo-label.is-good{fill:var(--cf-color-illo-good);font-weight:var(--cf-font-weight-bold)}.illo-figure .illo-label.is-bad{fill:var(--cf-color-illo-bad);font-weight:var(--cf-font-weight-bold)}.illo-figure .illo-card rect{fill:var(--cf-color-illo-paper);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-card text{font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-bold)}.illo-figure .illo-card.is-fn rect{fill:var(--cf-color-illo-tag)}.illo-figure .illo-card.is-big text{font-size:1.4em}.illo-figure .illo-cart-basket{fill:var(--cf-color-illo-metal);stroke:var(--cf-color-illo-metal-ink);stroke-width:4}.illo-figure .illo-cart-bars{fill:none;stroke:var(--cf-color-illo-metal-ink);stroke-width:2.5;opacity:.45}.illo-figure .illo-cart-handle{fill:none;stroke:var(--cf-color-illo-metal-ink);stroke-width:5}.illo-figure .illo-cart-wheel{fill:var(--cf-color-illo-ink)}.illo-figure .illo-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)}.illo-figure .illo-box-flap{fill:var(--cf-color-illo-cardboard-shade);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-box-inside{fill:var(--cf-color-illo-cardboard-inside)}.illo-figure .illo-box-front{fill:var(--cf-color-illo-cardboard);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-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)}.illo-figure .illo-gift-body{fill:var(--cf-color-illo-paper);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-gift-lid{fill:var(--cf-color-illo-tag);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-gift-bow,.illo-figure .illo-gift-ribbon{fill:var(--cf-color-illo-good);stroke:var(--cf-color-illo-ink);stroke-width:2}.illo-figure .illo-gift text{font-family:var(--cf-font-mono);font-size:1.25em;font-weight:var(--cf-font-weight-bold)}.illo-figure .illo-crate-flap{fill:var(--cf-color-illo-cardboard-shade);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-crate-inside{fill:var(--cf-color-illo-cardboard-inside);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-crate.is-odd>g>.illo-crate-inside{fill:var(--cf-color-illo-cardboard-shade)}.illo-figure .illo-crate-lip{fill:var(--cf-color-illo-cardboard);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-crate-label{font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-bold)}.illo-figure .illo-tag path{fill:var(--cf-color-illo-tag);stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-tag-hole{fill:var(--cf-color-illo-bg);stroke:var(--cf-color-illo-ink);stroke-width:2}.illo-figure .illo-tag text{font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-bold)}.illo-figure .illo-arrow path{fill:none;stroke:var(--cf-color-illo-arrow);stroke-width:8}.illo-figure .illo-arrow polygon{fill:var(--cf-color-illo-arrow);stroke:var(--cf-color-illo-arrow);stroke-width:2}.illo-figure .illo-divider{stroke:var(--cf-color-illo-ink-soft);stroke-width:1.5;stroke-dasharray:4 6}.illo-figure .illo-window-frame{fill:var(--cf-color-illo-paper)}.illo-figure .illo-window-frame,.illo-figure .illo-window-rule{stroke:var(--cf-color-illo-ink);stroke-width:2.5}.illo-figure .illo-window-dot{fill:var(--cf-color-illo-cardboard);stroke:var(--cf-color-illo-ink);stroke-width:1.5}.illo-figure .illo-window-title{fill:var(--cf-color-illo-ink-soft);font-family:var(--cf-font-mono);font-size:.95em}.illo-figure .illo-mover{transition:transform var(--cf-duration-slower) var(--cf-ease-emphasized),opacity var(--cf-duration-normal) var(--cf-ease-standard)}.illo-figure .illo-mover.is-hidden{opacity:0}.illo-figure .illo-highlight .illo-box-front,.illo-figure .illo-highlight path,.illo-figure .illo-highlight polygon,.illo-figure .illo-highlight rect{transition:stroke var(--cf-duration-normal) var(--cf-ease-standard),fill var(--cf-duration-normal) var(--cf-ease-standard)}.illo-figure .illo-highlight.is-on .illo-box-front,.illo-figure .illo-highlight.is-on .illo-card rect,.illo-figure .illo-highlight.is-on .illo-window-frame{stroke:var(--cf-color-illo-good);stroke-width:5}.illo-figure .illo-highlight.is-on .illo-arrow path{stroke:var(--cf-color-illo-good)}.illo-figure .illo-highlight.is-on .illo-arrow polygon{fill:var(--cf-color-illo-good);stroke:var(--cf-color-illo-good)}@media(prefers-reduced-motion:reduce){.illo-figure .illo-highlight .illo-box-front,.illo-figure .illo-highlight path,.illo-figure .illo-highlight polygon,.illo-figure .illo-highlight rect,.illo-figure .illo-mover{transition:none}}