---
title: "@@TITLE@@"
description: "@@DESCRIPTION@@"
layout: plain
scripts:
  - /system/graphics/library.js
---
<!-- GENERATED by system/build/build-galleries.py from system/graphics/@@SET@@/elements.json and system/graphics/gallery-shell.html. Edit those, not this page. -->
<style>@@CSS@@</style>
<div class="sg" data-sg="@@SET@@" data-ground="@@GROUND@@" data-render="@@RENDER@@">
<div class="sg-in">
<header class="sg-head">
<nav class="sg-crumbs sg-label" aria-label="Breadcrumb"><a href="/graphics">Graphics</a> · @@FAMILY@@</nav>
<h1>@@TITLE@@</h1>
<p class="sg-lede">@@LEDE@@</p>
<dl class="sg-facts">@@FACTS@@</dl>
@@NOTES@@
</header>
<div class="sg-bar" role="toolbar" aria-label="View" hidden>
<div class="sg-grp" role="group" aria-label="Ground"><span class="sg-label">Ground</span>@@GROUNDS@@</div>
@@INKS@@
<div class="sg-grp"><label class="sg-label" for="sg-find">Find</label><input class="sg-find" id="sg-find" type="search" placeholder="@@FIND@@" autocomplete="off"></div>
<span class="sg-count" aria-live="polite"></span>
</div>
@@SPRITE@@
<div class="sg-grid">@@CARDS@@</div>
<p class="sg-none" hidden>Nothing matches that search.</p>
<nav class="sg-sets" aria-label="All graphics">@@SETS@@</nav>
<p class="sg-foot">Files: <code>@@DIR@@</code>, with a README on sources and how they were made. Rules for every set: <a href="/graphics#rules">graphics</a>.</p>
</div>
</div>