figcaption{padding:13px 7px 3px}.figure-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.figure-grid figure{margin:8px 0}.demo{margin:28px 0;padding:25px;border-radius:23px;background:#f5f5f7}.demo-controls{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.demo button{border:1px solid #ccd3dc;border-radius:99px;background:#fff;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer}.demo button.active{background:#315f9b;color:#fff;border-color:#315f9b}.demo-out{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.unit{min-height:78px;border-radius:15px;background:#fff;display:grid;place-items:center;text-align:center;padding:10px;font-size:13px;border:1px solid #e0e3e7}.unit.target{background:#e9f1fb;border-color:#a9c2e2}.unit.hidden{display:none}