<turbo-stream action="update" target="icon-sheet"><template><div data-controller="ruby-ui--sheet"><div data-action="click->ruby-ui--sheet#open" data-controller="click"></div><template data-ruby-ui--sheet-target="content"><div data-controller="ruby-ui--sheet-content"><div data-state="open" data-action="click->ruby-ui--sheet-content#close" class="fixed pointer-events-auto inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"></div><div data-state="open" class="fixed pointer-events-auto z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 inset-y-0 right-0 h-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right w-[300px] overflow-scroll"><div class="flex flex-col space-y-1.5 sm:text-left text-left"><h3 class="text-lg font-semibold leading-none tracking-tight">Pt</h3><p class="text-sm text-muted-foreground gap-y-2">PhlexIcons::Flag</p><a href="https://github.com/AliOsm/phlex-icons/blob/main/lib/phlex-icons/flag/pt.rb" type="button" class="whitespace-nowrap justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-3 py-1.5 h-8 text-xs flex items-center gap-1" target="-blank">Source code<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div><div class="py-4 space-y-4"><div class="space-y-2"><div><p class="text-sm font-normal">Icon (Variant: <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">:rectangle</code>) ↓</p><svg class="size-10" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 480" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="red" d="M256 0h384v480H256z"></path><path fill="#060" d="M0 0h256v480H0z"></path><g fill="#ff0" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".6"><path d="M339.5 306.2c-32.3-1-180-93.2-181-108l8.1-13.5c14.7 21.3 165.7 111 180.6 107.8z"></path><path d="M164.9 182.8c-2.9 7.8 38.6 33.4 88.4 63.8s92.9 49 96 46.4l1.5-2.8q-.9 1.6-4.3.6c-13.5-3.9-48.6-20-92.1-46.4-43.6-26.4-81.4-50.7-87.3-61a6 6 0 0 1-.6-3.1h-.2l-1.2 2.2zm175.3 123.8q-.7 1.3-3.5.8c-12-1.3-48.6-19.1-91.9-45-50.4-30.2-92-57.6-87.4-64.8l1.2-2.2.2.1c-4 12.2 82.1 61.4 87.2 64.6 49.8 30.8 91.8 48.9 95.5 44.2z"></path><path d="M256.2 207.2c32.2-.3 72-4.4 95-13.6l-5-8c-13.5 7.5-53.5 12.5-90.3 13.2-43.4-.4-74.1-4.5-89.5-14.8l-4.6 8.6c28.2 12 57.2 14.5 94.4 14.6"></path><path d="M352.5 193.8c-.8 1.3-15.8 6.4-37.8 10.2a381 381 0 0 1-58.6 4.3 416 416 0 0 1-56.2-3.6c-23.1-3.6-35-8.6-39.5-10.4l1.1-2.2c12.7 5 24.7 8 38.7 10.2A412 412 0 0 0 256 206a392 392 0 0 0 58.3-4.3c22.5-3.7 34.8-8.4 36.6-10.5zm-4.4-8.1c-2.4 2-14.6 6.3-36 9.7a388 388 0 0 1-55.8 4c-22 0-40.1-1.6-53.8-3.6-21.8-2.8-33.4-8-37.6-9.4l1.3-2.2c3.3 1.7 14.4 6.2 36.5 9.3a385 385 0 0 0 53.6 3.4 384 384 0 0 0 55.4-4c21.5-3 33.1-8.4 34.9-9.8zM150.3 246c19.8 10.7 63.9 16 105.6 16.4 38 .1 87.4-5.8 105.9-15.6l-.5-10.7c-5.8 9-58.8 17.7-105.8 17.4s-90.7-7.6-105.3-17v9.5"></path><path d="M362.8 244.5v2.5c-2.8 3.4-20.2 8.4-42 12a434 434 0 0 1-65.4 4.4 400 400 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-2.9c9.7 6.4 35.9 11.2 44.7 12.6 15.8 2.4 36.1 4.2 61.7 4.2 26.9 0 48.4-1.9 65-4.4 15.7-2.3 38-8.2 42.4-12.1m0-9v2.5c-2.8 3.3-20.2 8.3-42 11.9a434 434 0 0 1-65.4 4.5 414 414 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-3c9.7 6.5 36 11.2 44.7 12.6a408 408 0 0 0 61.7 4.3c26.9 0 48.5-2 65-4.5 15.7-2.2 38-8.1 42.4-12m-107 68.8c-45.6-.2-84.7-12.4-93-14.4l6 9.4a250 250 0 0 0 87.4 14.3c34.7-1 65-3.7 86.3-14.1l6.2-9.8c-14.5 6.9-64 14.6-93 14.6"></path><path d="m344.9 297.3-2.8 4c-10 3.6-26 7.4-32.6 8.4a296 296 0 0 1-53.7 5c-40.4-.6-73.5-8.5-89-15.3l-1.3-2.1.2-.4 2.1.9a287 287 0 0 0 88.2 14.5c18.8 0 37.5-2.1 52.6-4.8 23.2-4.7 32.6-8.2 35.5-9.8l.7-.4zm5.3-8.8-2 3.5c-5.4 2-20 6.2-41.3 9.2-14 1.9-22.7 3.8-50.6 4.3a347 347 0 0 1-94.2-14L161 289a390 390 0 0 0 95.4 14c25.5-.5 36.4-2.4 50.3-4.3 24.8-3.8 37.3-8 41-9.1v-.2l2.6-1z"></path><path d="M350.8 237.6c.1 30-15.3 57-27.6 68.8a99 99 0 0 1-67.8 28.2c-30.3.5-58.8-19.2-66.5-27.9a101 101 0 0 1-27.5-67.4c1.8-32.8 14.7-55.6 33.3-71.3a100 100 0 0 1 64.2-22.7 98 98 0 0 1 71 35.6c12.5 15.2 18 31.7 20.9 56.7M255.6 135a106 106 0 0 1 106 105.2 105.6 105.6 0 1 1-211.4 0c-.1-58 47.3-105.2 105.4-105.2"></path><path d="M255.9 134.5c58.2 0 105.6 47.4 105.6 105.6S314.1 345.7 256 345.7s-105.6-47.4-105.6-105.6S197.8 134.5 256 134.5zM152.6 240c0 56.8 46.7 103.3 103.3 103.3S359.2 296.8 359.2 240s-46.7-103.3-103.3-103.3S152.6 183.2 152.6 240"></path><path d="M256 143.3a97 97 0 0 1 96.7 96.7 97 97 0 0 1-96.7 96.8c-53 0-96.7-43.6-96.7-96.8a97 97 0 0 1 96.7-96.7M161.6 240c0 52 42.6 94.4 94.4 94.4s94.4-42.5 94.4-94.4-42.6-94.4-94.4-94.4a95 95 0 0 0-94.4 94.4"></path><path d="M260.3 134h-9.1v212.3h9z"></path><path d="M259.3 132.8h2.3v214.7h-2.2V132.8zm-9 0h2.4v214.7h-2.3z"></path><path d="M361.6 244.2v-7.8l-6.4-6-36.3-9.6-52.2-5.3-63 3.2-44.8 10.6-9 6.7v7.9l22.9-10.3 54.4-8.5h52.3l38.4 4.2 26.6 6.4z"></path><path d="M256 223.8c24.9 0 49 2.3 68.3 6 19.8 4 33.7 9 38.5 14.5v2.8c-5.8-7-24.5-12-39-15-19-3.6-43-6-67.9-6-26.1 0-50.5 2.6-69.3 6.2-15 3-35.1 9-37.6 14.8v-2.9c1.3-4 16.3-10 37.3-14.3 18.9-3.7 43.3-6.1 69.6-6.1zm0-9.1a383 383 0 0 1 68.3 6c19.8 4 33.7 9 38.5 14.6v2.7c-5.8-6.9-24.5-12-39-14.9-19-3.7-43-6-67.9-6a376 376 0 0 0-69.2 6.2c-14.5 2.7-35.4 8.9-37.7 14.7v-2.8c1.4-4 16.6-10.3 37.3-14.3 19-3.7 43.3-6.2 69.7-6.2m-.6-46.2c39.3-.2 73.6 5.5 89.3 13.5l5.7 10c-13.6-7.4-50.6-15-94.9-14-36.1.3-74.7 4-94 14.4l6.8-11.4c15.9-8.3 53.3-12.5 87.1-12.5"></path><path d="M256 176.7a354 354 0 0 1 61.3 4.3c16 3 31.3 7.4 33.5 9.8l1.7 3c-5.3-3.4-18.6-7.3-35.6-10.5s-38.7-4.3-61-4.2c-25.3-.1-45 1.2-61.8 4.2a109 109 0 0 0-33.3 10.3l1.7-3.1c6-3 15.3-6.7 31.1-9.6 17.5-3.2 37.4-4.1 62.4-4.2m0-9c21.4-.2 42.6 1 59.1 4a96 96 0 0 1 30.6 10l2.5 4c-4.2-4.7-20-9.2-34.1-11.6-16.4-2.9-36.7-4-58.1-4.2a361 361 0 0 0-59.5 4.4 97 97 0 0 0-29.6 9.1l2.2-3.3c5.8-3 15.2-5.8 27-8.1a357 357 0 0 1 59.9-4.4zM308.4 284a276 276 0 0 0-52.5-4c-65.5.8-86.6 13.5-89.2 17.3l-5-8c16.8-12 52.4-18.8 94.6-18.2q32.9.5 56.6 5l-4.5 8"></path><path d="M255.6 278.9c18.2.3 36 1 53.3 4.2l-1.2 2.2c-16-3-33.2-4-52-4-24.3-.2-48.7 2.1-70 8.2-6.7 1.9-17.8 6.2-19 9.8l-1.2-2c.4-2.2 7-6.6 19.6-10 24.4-7 47.2-8.3 70.5-8.4m.8-9.2a327 327 0 0 1 57.3 5l-1.3 2.3a299 299 0 0 0-56-4.9c-24.2 0-49.9 1.8-73.3 8.6-7.5 2.2-20.6 7-21 10.7l-1.2-2.2c.2-3.4 11.5-7.9 21.7-10.8 23.5-6.9 49.3-8.6 73.8-8.7"></path><path d="m349.4 290.5-7.8 12.3-22.7-20.1-58.6-39.5-66.2-36.3-34.3-11.7 7.3-13.6 2.5-1.3 21.3 5.3 70.4 36.3 40.6 25.6L336 272l13.9 16z"></path><path d="M158.6 195.5c6-4 50.2 15.6 96.6 43.6 46.1 28 90.3 59.6 86.3 65.5l-1.3 2.1-.6.5c.1-.1.8-1 0-3.1-2-6.5-33.4-31.5-85.3-62.9-50.7-30.1-92.9-48.3-97-43.1zM351 290.4c3.8-7.6-37.2-38.5-88.1-68.6-52-29.5-89.6-46.9-96.5-41.7L165 183l.4-.5c1.2-1 3.3-1 4.2-1 11.8.2 45.5 15.7 92.8 42.8 20.8 12 87.6 55 87.3 67 0 1 .1 1.2-.3 1.8l1.7-2.6z"></path></g><g transform="translate(0 26.7)scale(1.06667)"><path fill="#fff" stroke="#000" stroke-width=".7" d="M180.6 211a59 59 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59 59 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2z"></path><path fill="red" stroke="#000" stroke-width=".5" d="M183 211.1a56 56 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 57 57 0 0 0 40.2-16.6 56 56 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33 33 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54z"></path><g id="pt-e"><g id="pt-d" fill="#ff0" stroke="#000" stroke-width=".5"><path stroke="none" d="M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9z"></path><path d="m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4zm-1 6.4h17q.5 0 .6.7 0 .8-.6.8h-17q-.5 0-.6-.8 0-.7.7-.7z"></path><path d="M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3q.5.1.6.8 0 .5-.6.6h-16.3q-.5 0-.6-.7 0-.5.6-.6zm.4 1.5H202q.5 0 .6.7t-.6.7h-15.5q-.6 0-.6-.7t.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2q0 .6-.5.6h-4.4q-.5 0-.6-.5zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7"></path><path id="pt-a" d="M191 141.6v3.4h-4v-3.4z"></path><use xlink:href="#pt-a" width="100%" height="100%" x="10.6"></use><path id="pt-b" d="M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2q0 .6-.5.6h-4.3l-.6-.6z"></path><use xlink:href="#pt-b" width="100%" height="100%" x="10.6"></use><path fill="#000001" stroke="none" d="M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9z"></path><path id="pt-c" fill="#000001" stroke="none" d="M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8z"></path><use xlink:href="#pt-c" width="100%" height="100%" x="10.6"></use></g><use xlink:href="#pt-d" width="100%" height="100%" y="46.3"></use><use xlink:href="#pt-d" width="100%" height="100%" transform="rotate(-45.2 312.8 180)"></use></g><use xlink:href="#pt-d" width="100%" height="100%" x="45.7"></use><use xlink:href="#pt-e" width="100%" height="100%" transform="matrix(-1 0 0 1 479.8 0)"></use><g id="pt-f" fill="#fff"><path fill="#039" d="M232.6 202.4a8 8 0 0 0 2.2 5.7 7 7 0 0 0 5.3 2.4q3.2-.2 5.3-2.4a8 8 0 0 0 2.2-5.7v-10.8h-15z"></path><circle cx="236.1" cy="195.7" r="1.5"></circle><circle cx="244.4" cy="195.7" r="1.5"></circle><circle cx="240.2" cy="199.7" r="1.5"></circle><circle cx="236.1" cy="203.9" r="1.5"></circle><circle cx="244.4" cy="203.9" r="1.5"></circle></g><use xlink:href="#pt-f" width="100%" height="100%" y="-26"></use><use xlink:href="#pt-f" width="100%" height="100%" x="-20.8"></use><use xlink:href="#pt-f" width="100%" height="100%" x="20.8"></use><use xlink:href="#pt-f" width="100%" height="100%" y="25.8"></use></g></svg></div><div><p class="text-sm font-normal">With <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="no">Flag</span><span class="o">::</span><span class="no">Pt</span><span class="p">(</span><span class="ss">variant: :rectangle</span><span class="p">)</span></pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Without <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> (e.g. ERB) ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="n">render</span> <span class="no">PhlexIcons</span><span class="o">::</span><span class="no">Flag</span><span class="o">::</span><span class="no">Pt</span><span class="p">.</span><span class="nf">new</span><span class="p">(</span><span class="ss">variant: :rectangle</span><span class="p">)</span></pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain Phlex ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="k">def</span> <span class="nf">view_template</span>
	<span class="n">svg</span><span class="p">(</span>
		<span class="o">**</span><span class="n">attrs</span><span class="p">,</span> <span class="ss">xmlns: </span><span class="sx">%(http://www.w3.org/2000/svg)</span><span class="p">,</span> <span class="ss">viewbox: </span><span class="sx">%(0 0 640 480)</span><span class="p">,</span> <span class="s1">'xmlns:xlink'</span><span class="p">:</span> <span class="sx">%(http://www.w3.org/1999/xlink)</span>
	<span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">s</span><span class="o">|</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(red)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M256 0h384v480H256z)</span><span class="p">)</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#060)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M0 0h256v480H0z)</span><span class="p">)</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#ff0)</span><span class="p">,</span> <span class="ss">fill_rule: </span><span class="sx">%(evenodd)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_linecap: </span><span class="sx">%(round)</span><span class="p">,</span> <span class="ss">stroke_linejoin: </span><span class="sx">%(round)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.6)</span><span class="p">)</span> <span class="k">do</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M339.5 306.2c-32.3-1-180-93.2-181-108l8.1-13.5c14.7 21.3 165.7 111 180.6 107.8z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M164.9 182.8c-2.9 7.8 38.6 33.4 88.4 63.8s92.9 49 96 46.4l1.5-2.8q-.9 1.6-4.3.6c-13.5-3.9-48.6-20-92.1-46.4-43.6-26.4-81.4-50.7-87.3-61a6 6 0 0 1-.6-3.1h-.2l-1.2 2.2zm175.3 123.8q-.7 1.3-3.5.8c-12-1.3-48.6-19.1-91.9-45-50.4-30.2-92-57.6-87.4-64.8l1.2-2.2.2.1c-4 12.2 82.1 61.4 87.2 64.6 49.8 30.8 91.8 48.9 95.5 44.2z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M256.2 207.2c32.2-.3 72-4.4 95-13.6l-5-8c-13.5 7.5-53.5 12.5-90.3 13.2-43.4-.4-74.1-4.5-89.5-14.8l-4.6 8.6c28.2 12 57.2 14.5 94.4 14.6)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M352.5 193.8c-.8 1.3-15.8 6.4-37.8 10.2a381 381 0 0 1-58.6 4.3 416 416 0 0 1-56.2-3.6c-23.1-3.6-35-8.6-39.5-10.4l1.1-2.2c12.7 5 24.7 8 38.7 10.2A412 412 0 0 0 256 206a392 392 0 0 0 58.3-4.3c22.5-3.7 34.8-8.4 36.6-10.5zm-4.4-8.1c-2.4 2-14.6 6.3-36 9.7a388 388 0 0 1-55.8 4c-22 0-40.1-1.6-53.8-3.6-21.8-2.8-33.4-8-37.6-9.4l1.3-2.2c3.3 1.7 14.4 6.2 36.5 9.3a385 385 0 0 0 53.6 3.4 384 384 0 0 0 55.4-4c21.5-3 33.1-8.4 34.9-9.8zM150.3 246c19.8 10.7 63.9 16 105.6 16.4 38 .1 87.4-5.8 105.9-15.6l-.5-10.7c-5.8 9-58.8 17.7-105.8 17.4s-90.7-7.6-105.3-17v9.5)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M362.8 244.5v2.5c-2.8 3.4-20.2 8.4-42 12a434 434 0 0 1-65.4 4.4 400 400 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-2.9c9.7 6.4 35.9 11.2 44.7 12.6 15.8 2.4 36.1 4.2 61.7 4.2 26.9 0 48.4-1.9 65-4.4 15.7-2.3 38-8.2 42.4-12.1m0-9v2.5c-2.8 3.3-20.2 8.3-42 11.9a434 434 0 0 1-65.4 4.5 414 414 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-3c9.7 6.5 36 11.2 44.7 12.6a408 408 0 0 0 61.7 4.3c26.9 0 48.5-2 65-4.5 15.7-2.2 38-8.1 42.4-12m-107 68.8c-45.6-.2-84.7-12.4-93-14.4l6 9.4a250 250 0 0 0 87.4 14.3c34.7-1 65-3.7 86.3-14.1l6.2-9.8c-14.5 6.9-64 14.6-93 14.6)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(m344.9 297.3-2.8 4c-10 3.6-26 7.4-32.6 8.4a296 296 0 0 1-53.7 5c-40.4-.6-73.5-8.5-89-15.3l-1.3-2.1.2-.4 2.1.9a287 287 0 0 0 88.2 14.5c18.8 0 37.5-2.1 52.6-4.8 23.2-4.7 32.6-8.2 35.5-9.8l.7-.4zm5.3-8.8-2 3.5c-5.4 2-20 6.2-41.3 9.2-14 1.9-22.7 3.8-50.6 4.3a347 347 0 0 1-94.2-14L161 289a390 390 0 0 0 95.4 14c25.5-.5 36.4-2.4 50.3-4.3 24.8-3.8 37.3-8 41-9.1v-.2l2.6-1z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M350.8 237.6c.1 30-15.3 57-27.6 68.8a99 99 0 0 1-67.8 28.2c-30.3.5-58.8-19.2-66.5-27.9a101 101 0 0 1-27.5-67.4c1.8-32.8 14.7-55.6 33.3-71.3a100 100 0 0 1 64.2-22.7 98 98 0 0 1 71 35.6c12.5 15.2 18 31.7 20.9 56.7M255.6 135a106 106 0 0 1 106 105.2 105.6 105.6 0 1 1-211.4 0c-.1-58 47.3-105.2 105.4-105.2)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M255.9 134.5c58.2 0 105.6 47.4 105.6 105.6S314.1 345.7 256 345.7s-105.6-47.4-105.6-105.6S197.8 134.5 256 134.5zM152.6 240c0 56.8 46.7 103.3 103.3 103.3S359.2 296.8 359.2 240s-46.7-103.3-103.3-103.3S152.6 183.2 152.6 240)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M256 143.3a97 97 0 0 1 96.7 96.7 97 97 0 0 1-96.7 96.8c-53 0-96.7-43.6-96.7-96.8a97 97 0 0 1 96.7-96.7M161.6 240c0 52 42.6 94.4 94.4 94.4s94.4-42.5 94.4-94.4-42.6-94.4-94.4-94.4a95 95 0 0 0-94.4 94.4)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M260.3 134h-9.1v212.3h9z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M259.3 132.8h2.3v214.7h-2.2V132.8zm-9 0h2.4v214.7h-2.3z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M361.6 244.2v-7.8l-6.4-6-36.3-9.6-52.2-5.3-63 3.2-44.8 10.6-9 6.7v7.9l22.9-10.3 54.4-8.5h52.3l38.4 4.2 26.6 6.4z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M256 223.8c24.9 0 49 2.3 68.3 6 19.8 4 33.7 9 38.5 14.5v2.8c-5.8-7-24.5-12-39-15-19-3.6-43-6-67.9-6-26.1 0-50.5 2.6-69.3 6.2-15 3-35.1 9-37.6 14.8v-2.9c1.3-4 16.3-10 37.3-14.3 18.9-3.7 43.3-6.1 69.6-6.1zm0-9.1a383 383 0 0 1 68.3 6c19.8 4 33.7 9 38.5 14.6v2.7c-5.8-6.9-24.5-12-39-14.9-19-3.7-43-6-67.9-6a376 376 0 0 0-69.2 6.2c-14.5 2.7-35.4 8.9-37.7 14.7v-2.8c1.4-4 16.6-10.3 37.3-14.3 19-3.7 43.3-6.2 69.7-6.2m-.6-46.2c39.3-.2 73.6 5.5 89.3 13.5l5.7 10c-13.6-7.4-50.6-15-94.9-14-36.1.3-74.7 4-94 14.4l6.8-11.4c15.9-8.3 53.3-12.5 87.1-12.5)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M256 176.7a354 354 0 0 1 61.3 4.3c16 3 31.3 7.4 33.5 9.8l1.7 3c-5.3-3.4-18.6-7.3-35.6-10.5s-38.7-4.3-61-4.2c-25.3-.1-45 1.2-61.8 4.2a109 109 0 0 0-33.3 10.3l1.7-3.1c6-3 15.3-6.7 31.1-9.6 17.5-3.2 37.4-4.1 62.4-4.2m0-9c21.4-.2 42.6 1 59.1 4a96 96 0 0 1 30.6 10l2.5 4c-4.2-4.7-20-9.2-34.1-11.6-16.4-2.9-36.7-4-58.1-4.2a361 361 0 0 0-59.5 4.4 97 97 0 0 0-29.6 9.1l2.2-3.3c5.8-3 15.2-5.8 27-8.1a357 357 0 0 1 59.9-4.4zM308.4 284a276 276 0 0 0-52.5-4c-65.5.8-86.6 13.5-89.2 17.3l-5-8c16.8-12 52.4-18.8 94.6-18.2q32.9.5 56.6 5l-4.5 8)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M255.6 278.9c18.2.3 36 1 53.3 4.2l-1.2 2.2c-16-3-33.2-4-52-4-24.3-.2-48.7 2.1-70 8.2-6.7 1.9-17.8 6.2-19 9.8l-1.2-2c.4-2.2 7-6.6 19.6-10 24.4-7 47.2-8.3 70.5-8.4m.8-9.2a327 327 0 0 1 57.3 5l-1.3 2.3a299 299 0 0 0-56-4.9c-24.2 0-49.9 1.8-73.3 8.6-7.5 2.2-20.6 7-21 10.7l-1.2-2.2c.2-3.4 11.5-7.9 21.7-10.8 23.5-6.9 49.3-8.6 73.8-8.7)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(m349.4 290.5-7.8 12.3-22.7-20.1-58.6-39.5-66.2-36.3-34.3-11.7 7.3-13.6 2.5-1.3 21.3 5.3 70.4 36.3 40.6 25.6L336 272l13.9 16z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M158.6 195.5c6-4 50.2 15.6 96.6 43.6 46.1 28 90.3 59.6 86.3 65.5l-1.3 2.1-.6.5c.1-.1.8-1 0-3.1-2-6.5-33.4-31.5-85.3-62.9-50.7-30.1-92.9-48.3-97-43.1zM351 290.4c3.8-7.6-37.2-38.5-88.1-68.6-52-29.5-89.6-46.9-96.5-41.7L165 183l.4-.5c1.2-1 3.3-1 4.2-1 11.8.2 45.5 15.7 92.8 42.8 20.8 12 87.6 55 87.3 67 0 1 .1 1.2-.3 1.8l1.7-2.6z)</span><span class="p">)</span>
		<span class="k">end</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">transform: </span><span class="sx">%(translate(0 26.7)scale(1.06667))</span><span class="p">)</span> <span class="k">do</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#fff)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M180.6 211a59 59 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59 59 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(red)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.5)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M183 211.1a56 56 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 57 57 0 0 0 40.2-16.6 56 56 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33 33 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-e)</span><span class="p">)</span> <span class="k">do</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-d)</span><span class="p">,</span> <span class="ss">fill: </span><span class="sx">%(#ff0)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.5)</span><span class="p">)</span> <span class="k">do</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke: </span><span class="sx">%(none)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4zm-1 6.4h17q.5 0 .6.7 0 .8-.6.8h-17q-.5 0-.6-.8 0-.7.7-.7z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3q.5.1.6.8 0 .5-.6.6h-16.3q-.5 0-.6-.7 0-.5.6-.6zm.4 1.5H202q.5 0 .6.7t-.6.7h-15.5q-.6 0-.6-.7t.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2q0 .6-.5.6h-4.4q-.5 0-.6-.5zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-a)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M191 141.6v3.4h-4v-3.4z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-a)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(10.6)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-b)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2q0 .6-.5.6h-4.3l-.6-.6z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-b)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(10.6)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#000001)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(none)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-c)</span><span class="p">,</span> <span class="ss">fill: </span><span class="sx">%(#000001)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(none)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-c)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(10.6)</span><span class="p">)</span>
				<span class="k">end</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-d)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">y: </span><span class="sx">%(46.3)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-d)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">transform: </span><span class="sx">%(rotate(-45.2 312.8 180))</span><span class="p">)</span>
			<span class="k">end</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-d)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(45.7)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-e)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">transform: </span><span class="sx">%(matrix(-1 0 0 1 479.8 0))</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-f)</span><span class="p">,</span> <span class="ss">fill: </span><span class="sx">%(#fff)</span><span class="p">)</span> <span class="k">do</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#039)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M232.6 202.4a8 8 0 0 0 2.2 5.7 7 7 0 0 0 5.3 2.4q3.2-.2 5.3-2.4a8 8 0 0 0 2.2-5.7v-10.8h-15z)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(236.1)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(195.7)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(244.4)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(195.7)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(240.2)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(199.7)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(236.1)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(203.9)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(244.4)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(203.9)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
			<span class="k">end</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">y: </span><span class="sx">%(-26)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(-20.8)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(20.8)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">y: </span><span class="sx">%(25.8)</span><span class="p">)</span>
		<span class="k">end</span>
	<span class="k">end</span>
<span class="k">end</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain SVG ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">xmlns:xlink=</span><span class="s">"http://www.w3.org/1999/xlink"</span> <span class="na">class=</span><span class="s">""</span> <span class="na">viewbox=</span><span class="s">"0 0 640 480"</span><span class="nt">&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"red"</span> <span class="na">d=</span><span class="s">"M256 0h384v480H256z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#060"</span> <span class="na">d=</span><span class="s">"M0 0h256v480H0z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;g</span> <span class="na">fill=</span><span class="s">"#ff0"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">stroke-width=</span><span class="s">".6"</span><span class="nt">&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M339.5 306.2c-32.3-1-180-93.2-181-108l8.1-13.5c14.7 21.3 165.7 111 180.6 107.8z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M164.9 182.8c-2.9 7.8 38.6 33.4 88.4 63.8s92.9 49 96 46.4l1.5-2.8q-.9 1.6-4.3.6c-13.5-3.9-48.6-20-92.1-46.4-43.6-26.4-81.4-50.7-87.3-61a6 6 0 0 1-.6-3.1h-.2l-1.2 2.2zm175.3 123.8q-.7 1.3-3.5.8c-12-1.3-48.6-19.1-91.9-45-50.4-30.2-92-57.6-87.4-64.8l1.2-2.2.2.1c-4 12.2 82.1 61.4 87.2 64.6 49.8 30.8 91.8 48.9 95.5 44.2z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M256.2 207.2c32.2-.3 72-4.4 95-13.6l-5-8c-13.5 7.5-53.5 12.5-90.3 13.2-43.4-.4-74.1-4.5-89.5-14.8l-4.6 8.6c28.2 12 57.2 14.5 94.4 14.6"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M352.5 193.8c-.8 1.3-15.8 6.4-37.8 10.2a381 381 0 0 1-58.6 4.3 416 416 0 0 1-56.2-3.6c-23.1-3.6-35-8.6-39.5-10.4l1.1-2.2c12.7 5 24.7 8 38.7 10.2A412 412 0 0 0 256 206a392 392 0 0 0 58.3-4.3c22.5-3.7 34.8-8.4 36.6-10.5zm-4.4-8.1c-2.4 2-14.6 6.3-36 9.7a388 388 0 0 1-55.8 4c-22 0-40.1-1.6-53.8-3.6-21.8-2.8-33.4-8-37.6-9.4l1.3-2.2c3.3 1.7 14.4 6.2 36.5 9.3a385 385 0 0 0 53.6 3.4 384 384 0 0 0 55.4-4c21.5-3 33.1-8.4 34.9-9.8zM150.3 246c19.8 10.7 63.9 16 105.6 16.4 38 .1 87.4-5.8 105.9-15.6l-.5-10.7c-5.8 9-58.8 17.7-105.8 17.4s-90.7-7.6-105.3-17v9.5"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M362.8 244.5v2.5c-2.8 3.4-20.2 8.4-42 12a434 434 0 0 1-65.4 4.4 400 400 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-2.9c9.7 6.4 35.9 11.2 44.7 12.6 15.8 2.4 36.1 4.2 61.7 4.2 26.9 0 48.4-1.9 65-4.4 15.7-2.3 38-8.2 42.4-12.1m0-9v2.5c-2.8 3.3-20.2 8.3-42 11.9a434 434 0 0 1-65.4 4.5 414 414 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-3c9.7 6.5 36 11.2 44.7 12.6a408 408 0 0 0 61.7 4.3c26.9 0 48.5-2 65-4.5 15.7-2.2 38-8.1 42.4-12m-107 68.8c-45.6-.2-84.7-12.4-93-14.4l6 9.4a250 250 0 0 0 87.4 14.3c34.7-1 65-3.7 86.3-14.1l6.2-9.8c-14.5 6.9-64 14.6-93 14.6"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"m344.9 297.3-2.8 4c-10 3.6-26 7.4-32.6 8.4a296 296 0 0 1-53.7 5c-40.4-.6-73.5-8.5-89-15.3l-1.3-2.1.2-.4 2.1.9a287 287 0 0 0 88.2 14.5c18.8 0 37.5-2.1 52.6-4.8 23.2-4.7 32.6-8.2 35.5-9.8l.7-.4zm5.3-8.8-2 3.5c-5.4 2-20 6.2-41.3 9.2-14 1.9-22.7 3.8-50.6 4.3a347 347 0 0 1-94.2-14L161 289a390 390 0 0 0 95.4 14c25.5-.5 36.4-2.4 50.3-4.3 24.8-3.8 37.3-8 41-9.1v-.2l2.6-1z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M350.8 237.6c.1 30-15.3 57-27.6 68.8a99 99 0 0 1-67.8 28.2c-30.3.5-58.8-19.2-66.5-27.9a101 101 0 0 1-27.5-67.4c1.8-32.8 14.7-55.6 33.3-71.3a100 100 0 0 1 64.2-22.7 98 98 0 0 1 71 35.6c12.5 15.2 18 31.7 20.9 56.7M255.6 135a106 106 0 0 1 106 105.2 105.6 105.6 0 1 1-211.4 0c-.1-58 47.3-105.2 105.4-105.2"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M255.9 134.5c58.2 0 105.6 47.4 105.6 105.6S314.1 345.7 256 345.7s-105.6-47.4-105.6-105.6S197.8 134.5 256 134.5zM152.6 240c0 56.8 46.7 103.3 103.3 103.3S359.2 296.8 359.2 240s-46.7-103.3-103.3-103.3S152.6 183.2 152.6 240"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M256 143.3a97 97 0 0 1 96.7 96.7 97 97 0 0 1-96.7 96.8c-53 0-96.7-43.6-96.7-96.8a97 97 0 0 1 96.7-96.7M161.6 240c0 52 42.6 94.4 94.4 94.4s94.4-42.5 94.4-94.4-42.6-94.4-94.4-94.4a95 95 0 0 0-94.4 94.4"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M260.3 134h-9.1v212.3h9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M259.3 132.8h2.3v214.7h-2.2V132.8zm-9 0h2.4v214.7h-2.3z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M361.6 244.2v-7.8l-6.4-6-36.3-9.6-52.2-5.3-63 3.2-44.8 10.6-9 6.7v7.9l22.9-10.3 54.4-8.5h52.3l38.4 4.2 26.6 6.4z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M256 223.8c24.9 0 49 2.3 68.3 6 19.8 4 33.7 9 38.5 14.5v2.8c-5.8-7-24.5-12-39-15-19-3.6-43-6-67.9-6-26.1 0-50.5 2.6-69.3 6.2-15 3-35.1 9-37.6 14.8v-2.9c1.3-4 16.3-10 37.3-14.3 18.9-3.7 43.3-6.1 69.6-6.1zm0-9.1a383 383 0 0 1 68.3 6c19.8 4 33.7 9 38.5 14.6v2.7c-5.8-6.9-24.5-12-39-14.9-19-3.7-43-6-67.9-6a376 376 0 0 0-69.2 6.2c-14.5 2.7-35.4 8.9-37.7 14.7v-2.8c1.4-4 16.6-10.3 37.3-14.3 19-3.7 43.3-6.2 69.7-6.2m-.6-46.2c39.3-.2 73.6 5.5 89.3 13.5l5.7 10c-13.6-7.4-50.6-15-94.9-14-36.1.3-74.7 4-94 14.4l6.8-11.4c15.9-8.3 53.3-12.5 87.1-12.5"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M256 176.7a354 354 0 0 1 61.3 4.3c16 3 31.3 7.4 33.5 9.8l1.7 3c-5.3-3.4-18.6-7.3-35.6-10.5s-38.7-4.3-61-4.2c-25.3-.1-45 1.2-61.8 4.2a109 109 0 0 0-33.3 10.3l1.7-3.1c6-3 15.3-6.7 31.1-9.6 17.5-3.2 37.4-4.1 62.4-4.2m0-9c21.4-.2 42.6 1 59.1 4a96 96 0 0 1 30.6 10l2.5 4c-4.2-4.7-20-9.2-34.1-11.6-16.4-2.9-36.7-4-58.1-4.2a361 361 0 0 0-59.5 4.4 97 97 0 0 0-29.6 9.1l2.2-3.3c5.8-3 15.2-5.8 27-8.1a357 357 0 0 1 59.9-4.4zM308.4 284a276 276 0 0 0-52.5-4c-65.5.8-86.6 13.5-89.2 17.3l-5-8c16.8-12 52.4-18.8 94.6-18.2q32.9.5 56.6 5l-4.5 8"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M255.6 278.9c18.2.3 36 1 53.3 4.2l-1.2 2.2c-16-3-33.2-4-52-4-24.3-.2-48.7 2.1-70 8.2-6.7 1.9-17.8 6.2-19 9.8l-1.2-2c.4-2.2 7-6.6 19.6-10 24.4-7 47.2-8.3 70.5-8.4m.8-9.2a327 327 0 0 1 57.3 5l-1.3 2.3a299 299 0 0 0-56-4.9c-24.2 0-49.9 1.8-73.3 8.6-7.5 2.2-20.6 7-21 10.7l-1.2-2.2c.2-3.4 11.5-7.9 21.7-10.8 23.5-6.9 49.3-8.6 73.8-8.7"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"m349.4 290.5-7.8 12.3-22.7-20.1-58.6-39.5-66.2-36.3-34.3-11.7 7.3-13.6 2.5-1.3 21.3 5.3 70.4 36.3 40.6 25.6L336 272l13.9 16z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M158.6 195.5c6-4 50.2 15.6 96.6 43.6 46.1 28 90.3 59.6 86.3 65.5l-1.3 2.1-.6.5c.1-.1.8-1 0-3.1-2-6.5-33.4-31.5-85.3-62.9-50.7-30.1-92.9-48.3-97-43.1zM351 290.4c3.8-7.6-37.2-38.5-88.1-68.6-52-29.5-89.6-46.9-96.5-41.7L165 183l.4-.5c1.2-1 3.3-1 4.2-1 11.8.2 45.5 15.7 92.8 42.8 20.8 12 87.6 55 87.3 67 0 1 .1 1.2-.3 1.8l1.7-2.6z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;/g&gt;</span>
	<span class="nt">&lt;g</span> <span class="na">transform=</span><span class="s">"translate(0 26.7)scale(1.06667)"</span><span class="nt">&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#fff"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M180.6 211a59 59 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59 59 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"red"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-width=</span><span class="s">".5"</span> <span class="na">d=</span><span class="s">"M183 211.1a56 56 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 57 57 0 0 0 40.2-16.6 56 56 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33 33 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;g</span> <span class="na">id=</span><span class="s">"pt-e"</span><span class="nt">&gt;</span>
			<span class="nt">&lt;g</span> <span class="na">id=</span><span class="s">"pt-d"</span> <span class="na">fill=</span><span class="s">"#ff0"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-width=</span><span class="s">".5"</span><span class="nt">&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4zm-1 6.4h17q.5 0 .6.7 0 .8-.6.8h-17q-.5 0-.6-.8 0-.7.7-.7z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3q.5.1.6.8 0 .5-.6.6h-16.3q-.5 0-.6-.7 0-.5.6-.6zm.4 1.5H202q.5 0 .6.7t-.6.7h-15.5q-.6 0-.6-.7t.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2q0 .6-.5.6h-4.4q-.5 0-.6-.5zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">id=</span><span class="s">"pt-a"</span> <span class="na">d=</span><span class="s">"M191 141.6v3.4h-4v-3.4z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-a"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"10.6"</span><span class="nt">&gt;&lt;/use&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">id=</span><span class="s">"pt-b"</span> <span class="na">d=</span><span class="s">"M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2q0 .6-.5.6h-4.3l-.6-.6z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-b"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"10.6"</span><span class="nt">&gt;&lt;/use&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#000001"</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">id=</span><span class="s">"pt-c"</span> <span class="na">fill=</span><span class="s">"#000001"</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-c"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"10.6"</span><span class="nt">&gt;&lt;/use&gt;</span>
			<span class="nt">&lt;/g&gt;</span>
			<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-d"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">y=</span><span class="s">"46.3"</span><span class="nt">&gt;&lt;/use&gt;</span>
			<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-d"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">transform=</span><span class="s">"rotate(-45.2 312.8 180)"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;/g&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-d"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"45.7"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-e"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">transform=</span><span class="s">"matrix(-1 0 0 1 479.8 0)"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;g</span> <span class="na">id=</span><span class="s">"pt-f"</span> <span class="na">fill=</span><span class="s">"#fff"</span><span class="nt">&gt;</span>
			<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#039"</span> <span class="na">d=</span><span class="s">"M232.6 202.4a8 8 0 0 0 2.2 5.7 7 7 0 0 0 5.3 2.4q3.2-.2 5.3-2.4a8 8 0 0 0 2.2-5.7v-10.8h-15z"</span><span class="nt">&gt;&lt;/path&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"236.1"</span> <span class="na">cy=</span><span class="s">"195.7"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"244.4"</span> <span class="na">cy=</span><span class="s">"195.7"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"240.2"</span> <span class="na">cy=</span><span class="s">"199.7"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"236.1"</span> <span class="na">cy=</span><span class="s">"203.9"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"244.4"</span> <span class="na">cy=</span><span class="s">"203.9"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
		<span class="nt">&lt;/g&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">y=</span><span class="s">"-26"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"-20.8"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"20.8"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">y=</span><span class="s">"25.8"</span><span class="nt">&gt;&lt;/use&gt;</span>
	<span class="nt">&lt;/g&gt;</span>
<span class="nt">&lt;/svg&gt;</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div></div><div class="space-y-2"><div><p class="text-sm font-normal">Icon (Variant: <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">:square</code>) ↓</p><svg class="size-10" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="red" d="M204.8 0H512v512H204.7z"></path><path fill="#060" d="M0 0h204.8v512H-.1z"></path><g fill="#ff0" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".6"><path stroke-width=".7" d="M293.8 326.6c-34.4-1-192-99.4-193-115.1l8.6-14.5C125 219.7 286.2 315.4 302 312z"></path><path stroke-width=".7" d="M107.6 195c-3.1 8.3 41.1 35.6 94.3 68 53.2 32.3 99 52.3 102.5 49.5l1.5-2.9q-1 1.6-4.6.6c-14.4-4.2-51.9-21.4-98.3-49.5s-86.8-54.1-93-65.1a7 7 0 0 1-.7-3.3h-.2l-1.3 2.3zm187 132c-.6 1.1-1.7 1.1-3.7 1-12.9-1.5-52-20.5-98-48.1-53.8-32.2-98.2-61.5-93.3-69.1l1.3-2.4.2.1c-4.3 13 87.6 65.5 93 68.9 53.1 33 98 52.2 102 47.2z"></path><path stroke-width=".7" d="M205 221c34.3-.3 76.8-4.7 101.2-14.4L301 198c-14.5 8-57.1 13.3-96.3 14-46.4-.4-79.1-4.7-95.5-15.7l-5 9.1c30.2 12.7 61 15.5 100.8 15.6"></path><path stroke-width=".7" d="M307.7 206.8c-.9 1.3-16.8 6.8-40.3 10.8a416 416 0 0 1-62.6 4.6 444 444 0 0 1-60-3.8c-24.5-3.9-37.3-9.3-42-11.2l1.2-2.3a186 186 0 0 0 41.3 11 439 439 0 0 0 59.5 3.7 418 418 0 0 0 62.1-4.6c24-3.9 37.2-8.9 39-11.2zM303 198c-2.6 2-15.6 6.7-38.4 10.3a414 414 0 0 1-59.5 4.2 400 400 0 0 1-57.4-3.7c-23.3-3-35.6-8.5-40-10.1l1.3-2.3c3.4 1.8 15.4 6.6 39 10a423 423 0 0 0 57.1 3.5 409 409 0 0 0 59-4.2c23-3.2 35.4-9 37.3-10.5zM92 262.4c21.2 11.4 68.1 17.2 112.6 17.6 40.5 0 93.3-6.3 113-16.8l-.6-11.4c-6.1 9.7-62.6 19-112.8 18.6s-96.8-8.2-112.3-18.2v10.2"></path><path stroke-width=".7" d="M318.7 260.8v2.7c-3 3.6-21.6 9-44.9 12.7a463 463 0 0 1-69.7 4.8c-27.4 0-49.2-2-66.2-4.6a165 165 0 0 1-47.3-12.7v-3.2c10.4 6.9 38.3 11.9 47.7 13.4 16.8 2.6 38.5 4.5 65.8 4.5 28.7 0 51.7-2 69.3-4.7 16.8-2.4 40.6-8.7 45.3-12.9m0-9.7v2.8c-3 3.5-21.6 8.9-44.9 12.6a463 463 0 0 1-69.7 4.8c-27.4 0-49.2-2-66.1-4.5A165 165 0 0 1 90.6 254v-3.2c10.4 6.9 38.3 12 47.7 13.4 16.9 2.6 38.6 4.6 65.8 4.6 28.7 0 51.7-2 69.3-4.8 16.8-2.4 40.6-8.7 45.3-12.9m-114.2 73.5c-48.6-.3-90.3-13.2-99.1-15.4l6.4 10c15.5 6.6 56.2 16.4 93.2 15.3s69.3-4 92-15l6.6-10.5c-15.5 7.3-68.3 15.6-99 15.6"></path><path d="m299.5 317.1-3 4.4a259 259 0 0 1-34.7 8.9 315 315 0 0 1-57.2 5.2c-43.1-.6-78.4-9-95-16.2l-1.4-2.3.3-.4 2.2.9a306 306 0 0 0 94.1 15.5c20 .1 40-2.3 56.1-5.1 24.8-5 34.8-8.7 37.9-10.4zm5.7-9.4h.1l-2.2 3.8c-5.7 2-21.3 6.6-44 9.8-15 2-24.3 4-54 4.6a371 371 0 0 1-100.5-15l-1.2-2.5a424 424 0 0 0 101.7 15c27.2-.6 38.8-2.6 53.6-4.7 26.5-4 39.8-8.4 43.8-9.7l-.1-.2z"></path><path stroke-width=".7" d="M305.8 253.4c.2 32-16.2 60.8-29.4 73.5a106 106 0 0 1-72.3 30c-32.3.6-62.7-20.5-70.9-29.7-16-18.1-29-41-29.4-72 2-35 15.7-59.3 35.6-76a106 106 0 0 1 68.4-24.2c25.4.7 55.2 13.2 75.7 38 13.4 16.2 19.3 33.8 22.3 60.5zM204.4 143.8c62 0 113 50.5 113 112.3a113 113 0 0 1-113 112.3c-62 0-112.6-50.4-112.6-112.3s50.6-112.3 112.6-112.3"></path><path stroke-width=".7" d="M204.7 143.4c62 0 112.6 50.7 112.6 112.7s-50.6 112.7-112.6 112.7A113 113 0 0 1 92 256a113 113 0 0 1 112.7-112.7zM94.5 256.1c0 60.6 49.8 110.2 110.2 110.2s110.1-49.6 110.1-110.2S265.1 146 204.7 146A110.6 110.6 0 0 0 94.5 256.1"></path><path stroke-width=".7" d="M204.8 152.8c56.5 0 103.1 46.5 103.1 103.2s-46.6 103.2-103.1 103.2A103.6 103.6 0 0 1 101.5 256c0-56.7 46.6-103.2 103.2-103.2zM104 256c0 55.4 45.5 100.7 100.8 100.7S305.5 311.4 305.5 256 260 155.3 204.7 155.3 104 200.6 104 256"></path><path stroke-width=".7" d="M209.3 143h-9.7v226.4h9.7z"></path><path stroke-width=".7" d="M208.3 141.7h2.5v229h-2.5zm-9.6 0h2.5v229h-2.5z"></path><path stroke-width=".7" d="M317.4 260.5V252l-6.8-6.3-38.7-10.3-55.8-5.7-67 3.4-47.9 11.4-9.6 7.2v8.3l24.4-11 58-9h55.8l41 4.5 28.4 6.9z"></path><path stroke-width=".7" d="M204.7 238.7a394 394 0 0 1 72.9 6.5c21.1 4.2 36 9.5 41 15.4v3c-6-7.4-26-12.8-41.5-16-20.3-3.9-46-6.4-72.4-6.4-28 0-54 2.7-74 6.6-16 3.2-37.4 9.5-40.1 15.8v-3c1.5-4.4 17.4-10.9 39.8-15.4a405 405 0 0 1 74.3-6.5m0-9.7a396 396 0 0 1 73 6.5c21 4.2 36 9.5 41 15.5v2.9c-6.1-7.4-26.2-12.8-41.6-15.9-20.3-4-46-6.5-72.4-6.5a402 402 0 0 0-73.8 6.6c-15.5 3-37.8 9.6-40.3 15.8v-3c1.5-4.3 17.8-11 39.8-15.3a405 405 0 0 1 74.3-6.6m-.5-49.3c41.9-.2 78.5 5.9 95.2 14.5l6.1 10.5c-14.5-7.8-54-16-101.3-14.7-38.5.2-79.6 4.2-100.3 15.2l7.3-12.2c17-8.8 57-13.2 93-13.3"></path><path stroke-width=".7" d="M204.7 188.4c24 0 47 1.3 65.4 4.6 17.1 3.2 33.5 8 35.8 10.6l1.8 3.2c-5.7-3.7-19.8-7.9-38-11.3a367 367 0 0 0-65-4.5c-27 0-48 1.3-66 4.5-19 3.5-32.2 8.6-35.5 11l1.8-3.3c6.3-3.3 16.4-7.2 33.3-10.2 18.6-3.4 39.7-4.4 66.4-4.6m0-9.6a371 371 0 0 1 63.1 4.4c13.9 2.7 27.6 6.9 32.7 10.6l2.6 4.2c-4.5-5-21.4-9.7-36.4-12.3-17.4-3-39.1-4.2-62-4.4-24 0-46.2 1.5-63.4 4.6-16.4 3.2-27 6.9-31.5 9.8l2.3-3.6c6.2-3.2 16.2-6.2 28.8-8.7 17.3-3.1 39.7-4.6 63.8-4.6m56 124.1a293 293 0 0 0-56-4.2c-69.9.8-92.4 14.3-95.2 18.4l-5.2-8.5C122 295.7 160 288.5 205 289.2q35 .5 60.4 5.2l-4.8 8.5"></path><path d="M204.3 297.5c19.4.3 38.5 1 57 4.5l-1.4 2.4a298 298 0 0 0-55.5-4.3c-25.8-.2-52 2.2-74.6 8.7-7.2 2-19 6.6-20.3 10.4l-1.3-2.2c.4-2.2 7.6-6.9 21-10.6 26-7.5 50.3-8.7 75-9zm.9-9.8a351 351 0 0 1 61.1 5.3l-1.4 2.5a319 319 0 0 0-59.6-5.2c-25.9 0-53.3 1.9-78.3 9.1-8 2.4-22 7.4-22.4 11.4l-1.3-2.3c.3-3.6 12.3-8.4 23.2-11.6a285 285 0 0 1 78.7-9.2"></path><path stroke-width=".7" d="m304.4 309.9-8.4 13-24.1-21.4-62.6-42-70.5-38.8-36.7-12.5 7.8-14.5 2.7-1.4 22.8 5.7 75 38.7 43.3 27.3 36.3 26 14.8 17.1z"></path><path stroke-width=".7" d="M100.8 208.5c6.5-4.3 53.7 16.7 103 46.5s96.4 63.6 92.2 70l-1.4 2.1-.7.5c.2 0 .9-1 0-3.3-2.2-6.9-35.5-33.5-91-67-54-32.2-99-51.6-103.5-46zm205.3 101.2c4-8-39.7-41-94-73.1-55.5-31.5-95.6-50-102.9-44.5l-1.6 3 .4-.5c1.3-1.1 3.5-1 4.5-1 12.6.1 48.6 16.6 99 45.6 22.1 12.8 93.4 58.6 93.1 71.4 0 1.1.1 1.3-.3 1.9z"></path></g><g transform="translate(-68.3 28.4)scale(1.13778)"><path fill="#fff" stroke="#000" stroke-width=".7" d="M180.6 211a59 59 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59 59 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2z"></path><path fill="red" stroke="#000" stroke-width=".5" d="M183 211.1a56 56 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 57 57 0 0 0 40.2-16.6 56 56 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33 33 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54z"></path><g id="pt-e"><g id="pt-d" fill="#ff0" stroke="#000" stroke-width=".5"><path stroke="none" d="M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9z"></path><path d="m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4zm-1 6.4h17q.5 0 .6.7 0 .8-.6.8h-17q-.5 0-.6-.8 0-.7.7-.7z"></path><path d="M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3q.5.1.6.8 0 .5-.6.6h-16.3q-.5 0-.6-.7 0-.5.6-.6zm.4 1.5H202q.5 0 .6.7t-.6.7h-15.5q-.6 0-.6-.7t.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2q0 .6-.5.6h-4.4q-.5 0-.6-.5zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7"></path><path id="pt-a" d="M191 141.6v3.4h-4v-3.4z"></path><use xlink:href="#pt-a" width="100%" height="100%" x="10.6"></use><path id="pt-b" d="M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2q0 .6-.5.6h-4.3l-.6-.6z"></path><use xlink:href="#pt-b" width="100%" height="100%" x="10.6"></use><path fill="#000001" stroke="none" d="M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9z"></path><path id="pt-c" fill="#000001" stroke="none" d="M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8z"></path><use xlink:href="#pt-c" width="100%" height="100%" x="10.6"></use></g><use xlink:href="#pt-d" width="100%" height="100%" y="46.3"></use><use xlink:href="#pt-d" width="100%" height="100%" transform="rotate(-45.2 312.8 180)"></use></g><use xlink:href="#pt-d" width="100%" height="100%" x="45.7"></use><use xlink:href="#pt-e" width="100%" height="100%" transform="matrix(-1 0 0 1 479.8 0)"></use><g id="pt-f" fill="#fff"><path fill="#039" d="M232.6 202.4a8 8 0 0 0 2.2 5.7 7 7 0 0 0 5.3 2.4q3.2-.2 5.3-2.4a8 8 0 0 0 2.2-5.7v-10.8h-15z"></path><circle cx="236.1" cy="195.7" r="1.5"></circle><circle cx="244.4" cy="195.7" r="1.5"></circle><circle cx="240.2" cy="199.7" r="1.5"></circle><circle cx="236.1" cy="203.9" r="1.5"></circle><circle cx="244.4" cy="203.9" r="1.5"></circle></g><use xlink:href="#pt-f" width="100%" height="100%" y="-26"></use><use xlink:href="#pt-f" width="100%" height="100%" x="-20.8"></use><use xlink:href="#pt-f" width="100%" height="100%" x="20.8"></use><use xlink:href="#pt-f" width="100%" height="100%" y="25.8"></use></g></svg></div><div><p class="text-sm font-normal">With <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="no">Flag</span><span class="o">::</span><span class="no">Pt</span><span class="p">(</span><span class="ss">variant: :square</span><span class="p">)</span></pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Without <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> (e.g. ERB) ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="n">render</span> <span class="no">PhlexIcons</span><span class="o">::</span><span class="no">Flag</span><span class="o">::</span><span class="no">Pt</span><span class="p">.</span><span class="nf">new</span><span class="p">(</span><span class="ss">variant: :square</span><span class="p">)</span></pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain Phlex ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="k">def</span> <span class="nf">view_template</span>
	<span class="n">svg</span><span class="p">(</span>
		<span class="o">**</span><span class="n">attrs</span><span class="p">,</span> <span class="ss">xmlns: </span><span class="sx">%(http://www.w3.org/2000/svg)</span><span class="p">,</span> <span class="ss">viewbox: </span><span class="sx">%(0 0 512 512)</span><span class="p">,</span> <span class="s1">'xmlns:xlink'</span><span class="p">:</span> <span class="sx">%(http://www.w3.org/1999/xlink)</span>
	<span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">s</span><span class="o">|</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(red)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M204.8 0H512v512H204.7z)</span><span class="p">)</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#060)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M0 0h204.8v512H-.1z)</span><span class="p">)</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#ff0)</span><span class="p">,</span> <span class="ss">fill_rule: </span><span class="sx">%(evenodd)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_linecap: </span><span class="sx">%(round)</span><span class="p">,</span> <span class="ss">stroke_linejoin: </span><span class="sx">%(round)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.6)</span><span class="p">)</span> <span class="k">do</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M293.8 326.6c-34.4-1-192-99.4-193-115.1l8.6-14.5C125 219.7 286.2 315.4 302 312z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M107.6 195c-3.1 8.3 41.1 35.6 94.3 68 53.2 32.3 99 52.3 102.5 49.5l1.5-2.9q-1 1.6-4.6.6c-14.4-4.2-51.9-21.4-98.3-49.5s-86.8-54.1-93-65.1a7 7 0 0 1-.7-3.3h-.2l-1.3 2.3zm187 132c-.6 1.1-1.7 1.1-3.7 1-12.9-1.5-52-20.5-98-48.1-53.8-32.2-98.2-61.5-93.3-69.1l1.3-2.4.2.1c-4.3 13 87.6 65.5 93 68.9 53.1 33 98 52.2 102 47.2z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M205 221c34.3-.3 76.8-4.7 101.2-14.4L301 198c-14.5 8-57.1 13.3-96.3 14-46.4-.4-79.1-4.7-95.5-15.7l-5 9.1c30.2 12.7 61 15.5 100.8 15.6)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M307.7 206.8c-.9 1.3-16.8 6.8-40.3 10.8a416 416 0 0 1-62.6 4.6 444 444 0 0 1-60-3.8c-24.5-3.9-37.3-9.3-42-11.2l1.2-2.3a186 186 0 0 0 41.3 11 439 439 0 0 0 59.5 3.7 418 418 0 0 0 62.1-4.6c24-3.9 37.2-8.9 39-11.2zM303 198c-2.6 2-15.6 6.7-38.4 10.3a414 414 0 0 1-59.5 4.2 400 400 0 0 1-57.4-3.7c-23.3-3-35.6-8.5-40-10.1l1.3-2.3c3.4 1.8 15.4 6.6 39 10a423 423 0 0 0 57.1 3.5 409 409 0 0 0 59-4.2c23-3.2 35.4-9 37.3-10.5zM92 262.4c21.2 11.4 68.1 17.2 112.6 17.6 40.5 0 93.3-6.3 113-16.8l-.6-11.4c-6.1 9.7-62.6 19-112.8 18.6s-96.8-8.2-112.3-18.2v10.2)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M318.7 260.8v2.7c-3 3.6-21.6 9-44.9 12.7a463 463 0 0 1-69.7 4.8c-27.4 0-49.2-2-66.2-4.6a165 165 0 0 1-47.3-12.7v-3.2c10.4 6.9 38.3 11.9 47.7 13.4 16.8 2.6 38.5 4.5 65.8 4.5 28.7 0 51.7-2 69.3-4.7 16.8-2.4 40.6-8.7 45.3-12.9m0-9.7v2.8c-3 3.5-21.6 8.9-44.9 12.6a463 463 0 0 1-69.7 4.8c-27.4 0-49.2-2-66.1-4.5A165 165 0 0 1 90.6 254v-3.2c10.4 6.9 38.3 12 47.7 13.4 16.9 2.6 38.6 4.6 65.8 4.6 28.7 0 51.7-2 69.3-4.8 16.8-2.4 40.6-8.7 45.3-12.9m-114.2 73.5c-48.6-.3-90.3-13.2-99.1-15.4l6.4 10c15.5 6.6 56.2 16.4 93.2 15.3s69.3-4 92-15l6.6-10.5c-15.5 7.3-68.3 15.6-99 15.6)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(m299.5 317.1-3 4.4a259 259 0 0 1-34.7 8.9 315 315 0 0 1-57.2 5.2c-43.1-.6-78.4-9-95-16.2l-1.4-2.3.3-.4 2.2.9a306 306 0 0 0 94.1 15.5c20 .1 40-2.3 56.1-5.1 24.8-5 34.8-8.7 37.9-10.4zm5.7-9.4h.1l-2.2 3.8c-5.7 2-21.3 6.6-44 9.8-15 2-24.3 4-54 4.6a371 371 0 0 1-100.5-15l-1.2-2.5a424 424 0 0 0 101.7 15c27.2-.6 38.8-2.6 53.6-4.7 26.5-4 39.8-8.4 43.8-9.7l-.1-.2z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M305.8 253.4c.2 32-16.2 60.8-29.4 73.5a106 106 0 0 1-72.3 30c-32.3.6-62.7-20.5-70.9-29.7-16-18.1-29-41-29.4-72 2-35 15.7-59.3 35.6-76a106 106 0 0 1 68.4-24.2c25.4.7 55.2 13.2 75.7 38 13.4 16.2 19.3 33.8 22.3 60.5zM204.4 143.8c62 0 113 50.5 113 112.3a113 113 0 0 1-113 112.3c-62 0-112.6-50.4-112.6-112.3s50.6-112.3 112.6-112.3)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M204.7 143.4c62 0 112.6 50.7 112.6 112.7s-50.6 112.7-112.6 112.7A113 113 0 0 1 92 256a113 113 0 0 1 112.7-112.7zM94.5 256.1c0 60.6 49.8 110.2 110.2 110.2s110.1-49.6 110.1-110.2S265.1 146 204.7 146A110.6 110.6 0 0 0 94.5 256.1)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M204.8 152.8c56.5 0 103.1 46.5 103.1 103.2s-46.6 103.2-103.1 103.2A103.6 103.6 0 0 1 101.5 256c0-56.7 46.6-103.2 103.2-103.2zM104 256c0 55.4 45.5 100.7 100.8 100.7S305.5 311.4 305.5 256 260 155.3 204.7 155.3 104 200.6 104 256)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M209.3 143h-9.7v226.4h9.7z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M208.3 141.7h2.5v229h-2.5zm-9.6 0h2.5v229h-2.5z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M317.4 260.5V252l-6.8-6.3-38.7-10.3-55.8-5.7-67 3.4-47.9 11.4-9.6 7.2v8.3l24.4-11 58-9h55.8l41 4.5 28.4 6.9z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M204.7 238.7a394 394 0 0 1 72.9 6.5c21.1 4.2 36 9.5 41 15.4v3c-6-7.4-26-12.8-41.5-16-20.3-3.9-46-6.4-72.4-6.4-28 0-54 2.7-74 6.6-16 3.2-37.4 9.5-40.1 15.8v-3c1.5-4.4 17.4-10.9 39.8-15.4a405 405 0 0 1 74.3-6.5m0-9.7a396 396 0 0 1 73 6.5c21 4.2 36 9.5 41 15.5v2.9c-6.1-7.4-26.2-12.8-41.6-15.9-20.3-4-46-6.5-72.4-6.5a402 402 0 0 0-73.8 6.6c-15.5 3-37.8 9.6-40.3 15.8v-3c1.5-4.3 17.8-11 39.8-15.3a405 405 0 0 1 74.3-6.6m-.5-49.3c41.9-.2 78.5 5.9 95.2 14.5l6.1 10.5c-14.5-7.8-54-16-101.3-14.7-38.5.2-79.6 4.2-100.3 15.2l7.3-12.2c17-8.8 57-13.2 93-13.3)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M204.7 188.4c24 0 47 1.3 65.4 4.6 17.1 3.2 33.5 8 35.8 10.6l1.8 3.2c-5.7-3.7-19.8-7.9-38-11.3a367 367 0 0 0-65-4.5c-27 0-48 1.3-66 4.5-19 3.5-32.2 8.6-35.5 11l1.8-3.3c6.3-3.3 16.4-7.2 33.3-10.2 18.6-3.4 39.7-4.4 66.4-4.6m0-9.6a371 371 0 0 1 63.1 4.4c13.9 2.7 27.6 6.9 32.7 10.6l2.6 4.2c-4.5-5-21.4-9.7-36.4-12.3-17.4-3-39.1-4.2-62-4.4-24 0-46.2 1.5-63.4 4.6-16.4 3.2-27 6.9-31.5 9.8l2.3-3.6c6.2-3.2 16.2-6.2 28.8-8.7 17.3-3.1 39.7-4.6 63.8-4.6m56 124.1a293 293 0 0 0-56-4.2c-69.9.8-92.4 14.3-95.2 18.4l-5.2-8.5C122 295.7 160 288.5 205 289.2q35 .5 60.4 5.2l-4.8 8.5)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M204.3 297.5c19.4.3 38.5 1 57 4.5l-1.4 2.4a298 298 0 0 0-55.5-4.3c-25.8-.2-52 2.2-74.6 8.7-7.2 2-19 6.6-20.3 10.4l-1.3-2.2c.4-2.2 7.6-6.9 21-10.6 26-7.5 50.3-8.7 75-9zm.9-9.8a351 351 0 0 1 61.1 5.3l-1.4 2.5a319 319 0 0 0-59.6-5.2c-25.9 0-53.3 1.9-78.3 9.1-8 2.4-22 7.4-22.4 11.4l-1.3-2.3c.3-3.6 12.3-8.4 23.2-11.6a285 285 0 0 1 78.7-9.2)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(m304.4 309.9-8.4 13-24.1-21.4-62.6-42-70.5-38.8-36.7-12.5 7.8-14.5 2.7-1.4 22.8 5.7 75 38.7 43.3 27.3 36.3 26 14.8 17.1z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M100.8 208.5c6.5-4.3 53.7 16.7 103 46.5s96.4 63.6 92.2 70l-1.4 2.1-.7.5c.2 0 .9-1 0-3.3-2.2-6.9-35.5-33.5-91-67-54-32.2-99-51.6-103.5-46zm205.3 101.2c4-8-39.7-41-94-73.1-55.5-31.5-95.6-50-102.9-44.5l-1.6 3 .4-.5c1.3-1.1 3.5-1 4.5-1 12.6.1 48.6 16.6 99 45.6 22.1 12.8 93.4 58.6 93.1 71.4 0 1.1.1 1.3-.3 1.9z)</span><span class="p">)</span>
		<span class="k">end</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">transform: </span><span class="sx">%(translate(-68.3 28.4)scale(1.13778))</span><span class="p">)</span> <span class="k">do</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#fff)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.7)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M180.6 211a59 59 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59 59 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(red)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.5)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M183 211.1a56 56 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 57 57 0 0 0 40.2-16.6 56 56 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33 33 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54z)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-e)</span><span class="p">)</span> <span class="k">do</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-d)</span><span class="p">,</span> <span class="ss">fill: </span><span class="sx">%(#ff0)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(#000)</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="sx">%(.5)</span><span class="p">)</span> <span class="k">do</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">stroke: </span><span class="sx">%(none)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4zm-1 6.4h17q.5 0 .6.7 0 .8-.6.8h-17q-.5 0-.6-.8 0-.7.7-.7z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">d: </span><span class="sx">%(M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3q.5.1.6.8 0 .5-.6.6h-16.3q-.5 0-.6-.7 0-.5.6-.6zm.4 1.5H202q.5 0 .6.7t-.6.7h-15.5q-.6 0-.6-.7t.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2q0 .6-.5.6h-4.4q-.5 0-.6-.5zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-a)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M191 141.6v3.4h-4v-3.4z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-a)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(10.6)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-b)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2q0 .6-.5.6h-4.3l-.6-.6z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-b)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(10.6)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#000001)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(none)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-c)</span><span class="p">,</span> <span class="ss">fill: </span><span class="sx">%(#000001)</span><span class="p">,</span> <span class="ss">stroke: </span><span class="sx">%(none)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8z)</span><span class="p">)</span>
					<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-c)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(10.6)</span><span class="p">)</span>
				<span class="k">end</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-d)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">y: </span><span class="sx">%(46.3)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-d)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">transform: </span><span class="sx">%(rotate(-45.2 312.8 180))</span><span class="p">)</span>
			<span class="k">end</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-d)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(45.7)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-e)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">transform: </span><span class="sx">%(matrix(-1 0 0 1 479.8 0))</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">g</span><span class="p">(</span><span class="ss">id: </span><span class="sx">%(pt-f)</span><span class="p">,</span> <span class="ss">fill: </span><span class="sx">%(#fff)</span><span class="p">)</span> <span class="k">do</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span><span class="ss">fill: </span><span class="sx">%(#039)</span><span class="p">,</span> <span class="ss">d: </span><span class="sx">%(M232.6 202.4a8 8 0 0 0 2.2 5.7 7 7 0 0 0 5.3 2.4q3.2-.2 5.3-2.4a8 8 0 0 0 2.2-5.7v-10.8h-15z)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(236.1)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(195.7)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(244.4)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(195.7)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(240.2)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(199.7)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(236.1)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(203.9)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
				<span class="n">s</span><span class="p">.</span><span class="nf">circle</span><span class="p">(</span><span class="ss">cx: </span><span class="sx">%(244.4)</span><span class="p">,</span> <span class="ss">cy: </span><span class="sx">%(203.9)</span><span class="p">,</span> <span class="ss">r: </span><span class="sx">%(1.5)</span><span class="p">)</span>
			<span class="k">end</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">y: </span><span class="sx">%(-26)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(-20.8)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">x: </span><span class="sx">%(20.8)</span><span class="p">)</span>
			<span class="n">s</span><span class="p">.</span><span class="nf">use</span><span class="p">(</span><span class="s1">'xlink:href'</span><span class="p">:</span> <span class="sx">%(#pt-f)</span><span class="p">,</span> <span class="ss">width: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">height: </span><span class="sx">%(100%)</span><span class="p">,</span> <span class="ss">y: </span><span class="sx">%(25.8)</span><span class="p">)</span>
		<span class="k">end</span>
	<span class="k">end</span>
<span class="k">end</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain SVG ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">xmlns:xlink=</span><span class="s">"http://www.w3.org/1999/xlink"</span> <span class="na">class=</span><span class="s">""</span> <span class="na">viewbox=</span><span class="s">"0 0 512 512"</span><span class="nt">&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"red"</span> <span class="na">d=</span><span class="s">"M204.8 0H512v512H204.7z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#060"</span> <span class="na">d=</span><span class="s">"M0 0h204.8v512H-.1z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;g</span> <span class="na">fill=</span><span class="s">"#ff0"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">stroke-width=</span><span class="s">".6"</span><span class="nt">&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M293.8 326.6c-34.4-1-192-99.4-193-115.1l8.6-14.5C125 219.7 286.2 315.4 302 312z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M107.6 195c-3.1 8.3 41.1 35.6 94.3 68 53.2 32.3 99 52.3 102.5 49.5l1.5-2.9q-1 1.6-4.6.6c-14.4-4.2-51.9-21.4-98.3-49.5s-86.8-54.1-93-65.1a7 7 0 0 1-.7-3.3h-.2l-1.3 2.3zm187 132c-.6 1.1-1.7 1.1-3.7 1-12.9-1.5-52-20.5-98-48.1-53.8-32.2-98.2-61.5-93.3-69.1l1.3-2.4.2.1c-4.3 13 87.6 65.5 93 68.9 53.1 33 98 52.2 102 47.2z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M205 221c34.3-.3 76.8-4.7 101.2-14.4L301 198c-14.5 8-57.1 13.3-96.3 14-46.4-.4-79.1-4.7-95.5-15.7l-5 9.1c30.2 12.7 61 15.5 100.8 15.6"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M307.7 206.8c-.9 1.3-16.8 6.8-40.3 10.8a416 416 0 0 1-62.6 4.6 444 444 0 0 1-60-3.8c-24.5-3.9-37.3-9.3-42-11.2l1.2-2.3a186 186 0 0 0 41.3 11 439 439 0 0 0 59.5 3.7 418 418 0 0 0 62.1-4.6c24-3.9 37.2-8.9 39-11.2zM303 198c-2.6 2-15.6 6.7-38.4 10.3a414 414 0 0 1-59.5 4.2 400 400 0 0 1-57.4-3.7c-23.3-3-35.6-8.5-40-10.1l1.3-2.3c3.4 1.8 15.4 6.6 39 10a423 423 0 0 0 57.1 3.5 409 409 0 0 0 59-4.2c23-3.2 35.4-9 37.3-10.5zM92 262.4c21.2 11.4 68.1 17.2 112.6 17.6 40.5 0 93.3-6.3 113-16.8l-.6-11.4c-6.1 9.7-62.6 19-112.8 18.6s-96.8-8.2-112.3-18.2v10.2"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M318.7 260.8v2.7c-3 3.6-21.6 9-44.9 12.7a463 463 0 0 1-69.7 4.8c-27.4 0-49.2-2-66.2-4.6a165 165 0 0 1-47.3-12.7v-3.2c10.4 6.9 38.3 11.9 47.7 13.4 16.8 2.6 38.5 4.5 65.8 4.5 28.7 0 51.7-2 69.3-4.7 16.8-2.4 40.6-8.7 45.3-12.9m0-9.7v2.8c-3 3.5-21.6 8.9-44.9 12.6a463 463 0 0 1-69.7 4.8c-27.4 0-49.2-2-66.1-4.5A165 165 0 0 1 90.6 254v-3.2c10.4 6.9 38.3 12 47.7 13.4 16.9 2.6 38.6 4.6 65.8 4.6 28.7 0 51.7-2 69.3-4.8 16.8-2.4 40.6-8.7 45.3-12.9m-114.2 73.5c-48.6-.3-90.3-13.2-99.1-15.4l6.4 10c15.5 6.6 56.2 16.4 93.2 15.3s69.3-4 92-15l6.6-10.5c-15.5 7.3-68.3 15.6-99 15.6"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"m299.5 317.1-3 4.4a259 259 0 0 1-34.7 8.9 315 315 0 0 1-57.2 5.2c-43.1-.6-78.4-9-95-16.2l-1.4-2.3.3-.4 2.2.9a306 306 0 0 0 94.1 15.5c20 .1 40-2.3 56.1-5.1 24.8-5 34.8-8.7 37.9-10.4zm5.7-9.4h.1l-2.2 3.8c-5.7 2-21.3 6.6-44 9.8-15 2-24.3 4-54 4.6a371 371 0 0 1-100.5-15l-1.2-2.5a424 424 0 0 0 101.7 15c27.2-.6 38.8-2.6 53.6-4.7 26.5-4 39.8-8.4 43.8-9.7l-.1-.2z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M305.8 253.4c.2 32-16.2 60.8-29.4 73.5a106 106 0 0 1-72.3 30c-32.3.6-62.7-20.5-70.9-29.7-16-18.1-29-41-29.4-72 2-35 15.7-59.3 35.6-76a106 106 0 0 1 68.4-24.2c25.4.7 55.2 13.2 75.7 38 13.4 16.2 19.3 33.8 22.3 60.5zM204.4 143.8c62 0 113 50.5 113 112.3a113 113 0 0 1-113 112.3c-62 0-112.6-50.4-112.6-112.3s50.6-112.3 112.6-112.3"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M204.7 143.4c62 0 112.6 50.7 112.6 112.7s-50.6 112.7-112.6 112.7A113 113 0 0 1 92 256a113 113 0 0 1 112.7-112.7zM94.5 256.1c0 60.6 49.8 110.2 110.2 110.2s110.1-49.6 110.1-110.2S265.1 146 204.7 146A110.6 110.6 0 0 0 94.5 256.1"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M204.8 152.8c56.5 0 103.1 46.5 103.1 103.2s-46.6 103.2-103.1 103.2A103.6 103.6 0 0 1 101.5 256c0-56.7 46.6-103.2 103.2-103.2zM104 256c0 55.4 45.5 100.7 100.8 100.7S305.5 311.4 305.5 256 260 155.3 204.7 155.3 104 200.6 104 256"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M209.3 143h-9.7v226.4h9.7z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M208.3 141.7h2.5v229h-2.5zm-9.6 0h2.5v229h-2.5z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M317.4 260.5V252l-6.8-6.3-38.7-10.3-55.8-5.7-67 3.4-47.9 11.4-9.6 7.2v8.3l24.4-11 58-9h55.8l41 4.5 28.4 6.9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M204.7 238.7a394 394 0 0 1 72.9 6.5c21.1 4.2 36 9.5 41 15.4v3c-6-7.4-26-12.8-41.5-16-20.3-3.9-46-6.4-72.4-6.4-28 0-54 2.7-74 6.6-16 3.2-37.4 9.5-40.1 15.8v-3c1.5-4.4 17.4-10.9 39.8-15.4a405 405 0 0 1 74.3-6.5m0-9.7a396 396 0 0 1 73 6.5c21 4.2 36 9.5 41 15.5v2.9c-6.1-7.4-26.2-12.8-41.6-15.9-20.3-4-46-6.5-72.4-6.5a402 402 0 0 0-73.8 6.6c-15.5 3-37.8 9.6-40.3 15.8v-3c1.5-4.3 17.8-11 39.8-15.3a405 405 0 0 1 74.3-6.6m-.5-49.3c41.9-.2 78.5 5.9 95.2 14.5l6.1 10.5c-14.5-7.8-54-16-101.3-14.7-38.5.2-79.6 4.2-100.3 15.2l7.3-12.2c17-8.8 57-13.2 93-13.3"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M204.7 188.4c24 0 47 1.3 65.4 4.6 17.1 3.2 33.5 8 35.8 10.6l1.8 3.2c-5.7-3.7-19.8-7.9-38-11.3a367 367 0 0 0-65-4.5c-27 0-48 1.3-66 4.5-19 3.5-32.2 8.6-35.5 11l1.8-3.3c6.3-3.3 16.4-7.2 33.3-10.2 18.6-3.4 39.7-4.4 66.4-4.6m0-9.6a371 371 0 0 1 63.1 4.4c13.9 2.7 27.6 6.9 32.7 10.6l2.6 4.2c-4.5-5-21.4-9.7-36.4-12.3-17.4-3-39.1-4.2-62-4.4-24 0-46.2 1.5-63.4 4.6-16.4 3.2-27 6.9-31.5 9.8l2.3-3.6c6.2-3.2 16.2-6.2 28.8-8.7 17.3-3.1 39.7-4.6 63.8-4.6m56 124.1a293 293 0 0 0-56-4.2c-69.9.8-92.4 14.3-95.2 18.4l-5.2-8.5C122 295.7 160 288.5 205 289.2q35 .5 60.4 5.2l-4.8 8.5"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M204.3 297.5c19.4.3 38.5 1 57 4.5l-1.4 2.4a298 298 0 0 0-55.5-4.3c-25.8-.2-52 2.2-74.6 8.7-7.2 2-19 6.6-20.3 10.4l-1.3-2.2c.4-2.2 7.6-6.9 21-10.6 26-7.5 50.3-8.7 75-9zm.9-9.8a351 351 0 0 1 61.1 5.3l-1.4 2.5a319 319 0 0 0-59.6-5.2c-25.9 0-53.3 1.9-78.3 9.1-8 2.4-22 7.4-22.4 11.4l-1.3-2.3c.3-3.6 12.3-8.4 23.2-11.6a285 285 0 0 1 78.7-9.2"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"m304.4 309.9-8.4 13-24.1-21.4-62.6-42-70.5-38.8-36.7-12.5 7.8-14.5 2.7-1.4 22.8 5.7 75 38.7 43.3 27.3 36.3 26 14.8 17.1z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M100.8 208.5c6.5-4.3 53.7 16.7 103 46.5s96.4 63.6 92.2 70l-1.4 2.1-.7.5c.2 0 .9-1 0-3.3-2.2-6.9-35.5-33.5-91-67-54-32.2-99-51.6-103.5-46zm205.3 101.2c4-8-39.7-41-94-73.1-55.5-31.5-95.6-50-102.9-44.5l-1.6 3 .4-.5c1.3-1.1 3.5-1 4.5-1 12.6.1 48.6 16.6 99 45.6 22.1 12.8 93.4 58.6 93.1 71.4 0 1.1.1 1.3-.3 1.9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;/g&gt;</span>
	<span class="nt">&lt;g</span> <span class="na">transform=</span><span class="s">"translate(-68.3 28.4)scale(1.13778)"</span><span class="nt">&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#fff"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-width=</span><span class="s">".7"</span> <span class="na">d=</span><span class="s">"M180.6 211a59 59 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59 59 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"red"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-width=</span><span class="s">".5"</span> <span class="na">d=</span><span class="s">"M183 211.1a56 56 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 57 57 0 0 0 40.2-16.6 56 56 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33 33 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54z"</span><span class="nt">&gt;&lt;/path&gt;</span>
		<span class="nt">&lt;g</span> <span class="na">id=</span><span class="s">"pt-e"</span><span class="nt">&gt;</span>
			<span class="nt">&lt;g</span> <span class="na">id=</span><span class="s">"pt-d"</span> <span class="na">fill=</span><span class="s">"#ff0"</span> <span class="na">stroke=</span><span class="s">"#000"</span> <span class="na">stroke-width=</span><span class="s">".5"</span><span class="nt">&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4zm-1 6.4h17q.5 0 .6.7 0 .8-.6.8h-17q-.5 0-.6-.8 0-.7.7-.7z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3q.5.1.6.8 0 .5-.6.6h-16.3q-.5 0-.6-.7 0-.5.6-.6zm.4 1.5H202q.5 0 .6.7t-.6.7h-15.5q-.6 0-.6-.7t.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2q0 .6-.5.6h-4.4q-.5 0-.6-.5zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">id=</span><span class="s">"pt-a"</span> <span class="na">d=</span><span class="s">"M191 141.6v3.4h-4v-3.4z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-a"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"10.6"</span><span class="nt">&gt;&lt;/use&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">id=</span><span class="s">"pt-b"</span> <span class="na">d=</span><span class="s">"M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2q0 .6-.5.6h-4.3l-.6-.6z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-b"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"10.6"</span><span class="nt">&gt;&lt;/use&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#000001"</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;path</span> <span class="na">id=</span><span class="s">"pt-c"</span> <span class="na">fill=</span><span class="s">"#000001"</span> <span class="na">stroke=</span><span class="s">"none"</span> <span class="na">d=</span><span class="s">"M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8z"</span><span class="nt">&gt;&lt;/path&gt;</span>
				<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-c"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"10.6"</span><span class="nt">&gt;&lt;/use&gt;</span>
			<span class="nt">&lt;/g&gt;</span>
			<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-d"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">y=</span><span class="s">"46.3"</span><span class="nt">&gt;&lt;/use&gt;</span>
			<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-d"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">transform=</span><span class="s">"rotate(-45.2 312.8 180)"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;/g&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-d"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"45.7"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-e"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">transform=</span><span class="s">"matrix(-1 0 0 1 479.8 0)"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;g</span> <span class="na">id=</span><span class="s">"pt-f"</span> <span class="na">fill=</span><span class="s">"#fff"</span><span class="nt">&gt;</span>
			<span class="nt">&lt;path</span> <span class="na">fill=</span><span class="s">"#039"</span> <span class="na">d=</span><span class="s">"M232.6 202.4a8 8 0 0 0 2.2 5.7 7 7 0 0 0 5.3 2.4q3.2-.2 5.3-2.4a8 8 0 0 0 2.2-5.7v-10.8h-15z"</span><span class="nt">&gt;&lt;/path&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"236.1"</span> <span class="na">cy=</span><span class="s">"195.7"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"244.4"</span> <span class="na">cy=</span><span class="s">"195.7"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"240.2"</span> <span class="na">cy=</span><span class="s">"199.7"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"236.1"</span> <span class="na">cy=</span><span class="s">"203.9"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
			<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"244.4"</span> <span class="na">cy=</span><span class="s">"203.9"</span> <span class="na">r=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&gt;</span>
		<span class="nt">&lt;/g&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">y=</span><span class="s">"-26"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"-20.8"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">x=</span><span class="s">"20.8"</span><span class="nt">&gt;&lt;/use&gt;</span>
		<span class="nt">&lt;use</span> <span class="na">xlink:href=</span><span class="s">"#pt-f"</span> <span class="na">width=</span><span class="s">"100%"</span> <span class="na">height=</span><span class="s">"100%"</span> <span class="na">y=</span><span class="s">"25.8"</span><span class="nt">&gt;&lt;/use&gt;</span>
	<span class="nt">&lt;/g&gt;</span>
<span class="nt">&lt;/svg&gt;</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div></div></div><div class="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-y-2 sm:gap-y-0"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 py-2 h-9 text-sm w-full" data-action="click->ruby-ui--sheet-content#close">Close</button></div><button type="button" class="absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" data-action="click->ruby-ui--sheet-content#close"><svg width="15" height="15" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4"><path d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><span class="sr-only">Close</span></button></div></div></template></div></template></turbo-stream>