<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">RootCircle</h3><p class="text-sm text-muted-foreground gap-y-2">PhlexIcons::Huge</p><a href="https://github.com/AliOsm/phlex-icons/blob/main/lib/phlex-icons/huge/root_circle.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">:stroke</code>) ↓</p><svg class="size-10" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99745 13.3874L7.32422 13.7179L7.32422 13.7179L7.99745 13.3874ZM8.28527 13.9736L7.61204 14.3042L8.28527 13.9736ZM10.2001 13.8208L9.47291 13.6374V13.6374L10.2001 13.8208ZM11.3697 9.18197L12.097 9.36533L12.097 9.36533L11.3697 9.18197ZM12.3553 8.5V9.25V8.5ZM17.5 9.25C17.9142 9.25 18.25 8.91421 18.25 8.5C18.25 8.08579 17.9142 7.75 17.5 7.75V9.25ZM9.41651 15.4988L9.35685 14.7512H9.35684L9.41651 15.4988ZM7.4471 12.6573L7.24969 13.3809L7.2497 13.3809L7.4471 12.6573ZM6.09429 12.3692C5.74591 12.5933 5.64514 13.0573 5.86921 13.4057C6.09327 13.7541 6.55733 13.8549 6.90571 13.6308L6.09429 12.3692ZM12.8034 13.75C12.3892 13.75 12.0534 14.0858 12.0534 14.5C12.0534 14.9142 12.3892 15.25 12.8034 15.25V13.75ZM16.3326 12.25C16.7468 12.25 17.0826 11.9142 17.0826 11.5C17.0826 11.0858 16.7468 10.75 16.3326 10.75V12.25ZM14.2453 12.2539L13.5569 12.5516L14.2453 12.2539ZM14.8907 13.7461L15.5791 13.4484L14.8907 13.7461ZM15.2022 14.2983L15.6993 13.7368L15.6993 13.7368L15.2022 14.2983ZM16.125 15.25C16.5392 15.25 16.875 14.9142 16.875 14.5C16.875 14.0858 16.5392 13.75 16.125 13.75V15.25ZM15.4336 14.4397L15.7108 13.7428L15.7108 13.7428L15.4336 14.4397ZM13.011 10.75C12.5968 10.75 12.261 11.0858 12.261 11.5C12.261 11.9142 12.5968 12.25 13.011 12.25V10.75ZM13.7024 11.5603L13.4253 12.2572L13.7024 11.5603ZM13.9338 11.7017L14.431 11.1401L13.9338 11.7017ZM7.32422 13.7179L7.61204 14.3042L8.9585 13.6431L8.67068 13.0568L7.32422 13.7179ZM10.9274 14.0042L12.097 9.36533L10.6425 8.99861L9.47291 13.6374L10.9274 14.0042ZM12.3553 9.25H17.5V7.75H12.3553V9.25ZM7.61204 14.3042C7.85541 14.7998 8.073 15.2471 8.28298 15.5568C8.47319 15.8373 8.84844 16.2965 9.47617 16.2464L9.35684 14.7512C9.61661 14.7305 9.68067 14.9453 9.52446 14.7149C9.38803 14.5137 9.22398 14.1838 8.9585 13.6431L7.61204 14.3042ZM9.47291 13.6374C9.3279 14.2126 9.23854 14.5588 9.14943 14.7741C9.10648 14.8778 9.08833 14.8866 9.11103 14.8627C9.15257 14.8189 9.24133 14.7604 9.35685 14.7512L9.47617 16.2464C10.1218 16.1949 10.4061 15.6601 10.5354 15.3478C10.6768 15.0062 10.7953 14.5281 10.9274 14.0042L9.47291 13.6374ZM8.67068 13.0568C8.57153 12.8549 8.4618 12.6269 8.33982 12.4507C8.20035 12.2493 7.9871 12.0272 7.64451 11.9338L7.2497 13.3809C7.20066 13.3675 7.15603 13.3432 7.12316 13.3165C7.09581 13.2943 7.09091 13.282 7.10653 13.3045C7.1227 13.3279 7.14766 13.3691 7.18649 13.4429C7.22512 13.5162 7.26805 13.6035 7.32422 13.7179L8.67068 13.0568ZM12.097 9.36533C12.1283 9.24091 12.1514 9.19152 12.1582 9.17909C12.159 9.17778 12.1372 9.21434 12.0866 9.24621C12.0436 9.27328 12.0223 9.26947 12.0697 9.26249C12.1221 9.25479 12.206 9.25 12.3553 9.25V7.75C12.0754 7.75 11.6472 7.75038 11.2876 7.9767C10.8794 8.23358 10.729 8.65546 10.6425 8.99861L12.097 9.36533ZM6.90571 13.6308C6.94169 13.6077 6.98028 13.5821 7.01226 13.5611C7.04631 13.5388 7.07745 13.5185 7.10819 13.4992C7.17067 13.4599 7.22072 13.4316 7.26295 13.4118C7.36174 13.3655 7.3355 13.4043 7.24969 13.3809L7.64452 11.9338C7.22521 11.8194 6.85359 11.9471 6.62628 12.0536C6.4036 12.158 6.18355 12.3118 6.09429 12.3692L6.90571 13.6308ZM12.8034 15.25C13.4407 15.25 13.9286 14.9062 14.2748 14.5669C14.6195 14.2291 14.925 13.7937 15.1801 13.4335L13.956 12.5665C13.6799 12.9563 13.4542 13.2709 13.2249 13.4956C12.9972 13.7188 12.8684 13.75 12.8034 13.75V15.25ZM15.1801 13.4335C15.4561 13.0437 15.6818 12.7291 15.9111 12.5044C16.1388 12.2812 16.2677 12.25 16.3326 12.25V10.75C15.6953 10.75 15.2074 11.0938 14.8612 11.4331C14.5166 11.7709 14.2111 12.2063 13.956 12.5665L15.1801 13.4335ZM13.5569 12.5516L13.8796 13.2977L15.2564 12.7023L14.9337 11.9561L13.5569 12.5516ZM13.8796 13.2977L14.2023 14.0439L15.5791 13.4484L15.2564 12.7023L13.8796 13.2977ZM14.2023 14.0439C14.3037 14.2783 14.4331 14.6191 14.7051 14.8599L15.6993 13.7368C15.7295 13.7635 15.7339 13.7821 15.7118 13.7408C15.6996 13.7182 15.6836 13.6854 15.6607 13.6347C15.6377 13.5839 15.6121 13.5247 15.5791 13.4484L14.2023 14.0439ZM16.125 13.75C15.9349 13.75 15.8301 13.7496 15.7531 13.7443C15.6851 13.7395 15.6871 13.7334 15.7108 13.7428L15.1565 15.1366C15.4741 15.2629 15.8306 15.25 16.125 15.25V13.75ZM14.7051 14.8599C14.8393 14.9788 14.9929 15.0715 15.1565 15.1366L15.7108 13.7428C15.7021 13.7393 15.6988 13.7363 15.6993 13.7368L14.7051 14.8599ZM13.011 12.25C13.2011 12.25 13.3059 12.2504 13.383 12.2557C13.4509 12.2605 13.4489 12.2666 13.4253 12.2572L13.9795 10.8634C13.6619 10.7371 13.3054 10.75 13.011 10.75V12.25ZM14.9337 11.9561C14.8323 11.7217 14.7029 11.3809 14.431 11.1401L13.4367 12.2632C13.4066 12.2365 13.4021 12.2179 13.4243 12.2592C13.4364 12.2818 13.4524 12.3146 13.4753 12.3653C13.4983 12.4161 13.5239 12.4753 13.5569 12.5516L14.9337 11.9561ZM13.4253 12.2572C13.4339 12.2607 13.4372 12.2637 13.4367 12.2632L14.431 11.1401C14.2967 11.0212 14.1432 10.9285 13.9795 10.8634L13.4253 12.2572Z" fill="#141B34"></path><circle cx="12" cy="12" r="10" stroke="#141B34" stroke-width="1.5"></circle></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">Huge</span><span class="o">::</span><span class="no">RootCircle</span><span class="p">(</span><span class="ss">variant: :stroke</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">Huge</span><span class="o">::</span><span class="no">RootCircle</span><span class="p">.</span><span class="nf">new</span><span class="p">(</span><span class="ss">variant: :stroke</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">viewbox: </span><span class="s1">'0 0 24 24'</span><span class="p">,</span>
		<span class="ss">fill: </span><span class="s1">'none'</span><span class="p">,</span>
		<span class="ss">xmlns: </span><span class="s1">'http://www.w3.org/2000/svg'</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">d:
				</span><span class="s1">'M7.99745 13.3874L7.32422 13.7179L7.32422 13.7179L7.99745 13.3874ZM8.28527 13.9736L7.61204 14.3042L8.28527 13.9736ZM10.2001 13.8208L9.47291 13.6374V13.6374L10.2001 13.8208ZM11.3697 9.18197L12.097 9.36533L12.097 9.36533L11.3697 9.18197ZM12.3553 8.5V9.25V8.5ZM17.5 9.25C17.9142 9.25 18.25 8.91421 18.25 8.5C18.25 8.08579 17.9142 7.75 17.5 7.75V9.25ZM9.41651 15.4988L9.35685 14.7512H9.35684L9.41651 15.4988ZM7.4471 12.6573L7.24969 13.3809L7.2497 13.3809L7.4471 12.6573ZM6.09429 12.3692C5.74591 12.5933 5.64514 13.0573 5.86921 13.4057C6.09327 13.7541 6.55733 13.8549 6.90571 13.6308L6.09429 12.3692ZM12.8034 13.75C12.3892 13.75 12.0534 14.0858 12.0534 14.5C12.0534 14.9142 12.3892 15.25 12.8034 15.25V13.75ZM16.3326 12.25C16.7468 12.25 17.0826 11.9142 17.0826 11.5C17.0826 11.0858 16.7468 10.75 16.3326 10.75V12.25ZM14.2453 12.2539L13.5569 12.5516L14.2453 12.2539ZM14.8907 13.7461L15.5791 13.4484L14.8907 13.7461ZM15.2022 14.2983L15.6993 13.7368L15.6993 13.7368L15.2022 14.2983ZM16.125 15.25C16.5392 15.25 16.875 14.9142 16.875 14.5C16.875 14.0858 16.5392 13.75 16.125 13.75V15.25ZM15.4336 14.4397L15.7108 13.7428L15.7108 13.7428L15.4336 14.4397ZM13.011 10.75C12.5968 10.75 12.261 11.0858 12.261 11.5C12.261 11.9142 12.5968 12.25 13.011 12.25V10.75ZM13.7024 11.5603L13.4253 12.2572L13.7024 11.5603ZM13.9338 11.7017L14.431 11.1401L13.9338 11.7017ZM7.32422 13.7179L7.61204 14.3042L8.9585 13.6431L8.67068 13.0568L7.32422 13.7179ZM10.9274 14.0042L12.097 9.36533L10.6425 8.99861L9.47291 13.6374L10.9274 14.0042ZM12.3553 9.25H17.5V7.75H12.3553V9.25ZM7.61204 14.3042C7.85541 14.7998 8.073 15.2471 8.28298 15.5568C8.47319 15.8373 8.84844 16.2965 9.47617 16.2464L9.35684 14.7512C9.61661 14.7305 9.68067 14.9453 9.52446 14.7149C9.38803 14.5137 9.22398 14.1838 8.9585 13.6431L7.61204 14.3042ZM9.47291 13.6374C9.3279 14.2126 9.23854 14.5588 9.14943 14.7741C9.10648 14.8778 9.08833 14.8866 9.11103 14.8627C9.15257 14.8189 9.24133 14.7604 9.35685 14.7512L9.47617 16.2464C10.1218 16.1949 10.4061 15.6601 10.5354 15.3478C10.6768 15.0062 10.7953 14.5281 10.9274 14.0042L9.47291 13.6374ZM8.67068 13.0568C8.57153 12.8549 8.4618 12.6269 8.33982 12.4507C8.20035 12.2493 7.9871 12.0272 7.64451 11.9338L7.2497 13.3809C7.20066 13.3675 7.15603 13.3432 7.12316 13.3165C7.09581 13.2943 7.09091 13.282 7.10653 13.3045C7.1227 13.3279 7.14766 13.3691 7.18649 13.4429C7.22512 13.5162 7.26805 13.6035 7.32422 13.7179L8.67068 13.0568ZM12.097 9.36533C12.1283 9.24091 12.1514 9.19152 12.1582 9.17909C12.159 9.17778 12.1372 9.21434 12.0866 9.24621C12.0436 9.27328 12.0223 9.26947 12.0697 9.26249C12.1221 9.25479 12.206 9.25 12.3553 9.25V7.75C12.0754 7.75 11.6472 7.75038 11.2876 7.9767C10.8794 8.23358 10.729 8.65546 10.6425 8.99861L12.097 9.36533ZM6.90571 13.6308C6.94169 13.6077 6.98028 13.5821 7.01226 13.5611C7.04631 13.5388 7.07745 13.5185 7.10819 13.4992C7.17067 13.4599 7.22072 13.4316 7.26295 13.4118C7.36174 13.3655 7.3355 13.4043 7.24969 13.3809L7.64452 11.9338C7.22521 11.8194 6.85359 11.9471 6.62628 12.0536C6.4036 12.158 6.18355 12.3118 6.09429 12.3692L6.90571 13.6308ZM12.8034 15.25C13.4407 15.25 13.9286 14.9062 14.2748 14.5669C14.6195 14.2291 14.925 13.7937 15.1801 13.4335L13.956 12.5665C13.6799 12.9563 13.4542 13.2709 13.2249 13.4956C12.9972 13.7188 12.8684 13.75 12.8034 13.75V15.25ZM15.1801 13.4335C15.4561 13.0437 15.6818 12.7291 15.9111 12.5044C16.1388 12.2812 16.2677 12.25 16.3326 12.25V10.75C15.6953 10.75 15.2074 11.0938 14.8612 11.4331C14.5166 11.7709 14.2111 12.2063 13.956 12.5665L15.1801 13.4335ZM13.5569 12.5516L13.8796 13.2977L15.2564 12.7023L14.9337 11.9561L13.5569 12.5516ZM13.8796 13.2977L14.2023 14.0439L15.5791 13.4484L15.2564 12.7023L13.8796 13.2977ZM14.2023 14.0439C14.3037 14.2783 14.4331 14.6191 14.7051 14.8599L15.6993 13.7368C15.7295 13.7635 15.7339 13.7821 15.7118 13.7408C15.6996 13.7182 15.6836 13.6854 15.6607 13.6347C15.6377 13.5839 15.6121 13.5247 15.5791 13.4484L14.2023 14.0439ZM16.125 13.75C15.9349 13.75 15.8301 13.7496 15.7531 13.7443C15.6851 13.7395 15.6871 13.7334 15.7108 13.7428L15.1565 15.1366C15.4741 15.2629 15.8306 15.25 16.125 15.25V13.75ZM14.7051 14.8599C14.8393 14.9788 14.9929 15.0715 15.1565 15.1366L15.7108 13.7428C15.7021 13.7393 15.6988 13.7363 15.6993 13.7368L14.7051 14.8599ZM13.011 12.25C13.2011 12.25 13.3059 12.2504 13.383 12.2557C13.4509 12.2605 13.4489 12.2666 13.4253 12.2572L13.9795 10.8634C13.6619 10.7371 13.3054 10.75 13.011 10.75V12.25ZM14.9337 11.9561C14.8323 11.7217 14.7029 11.3809 14.431 11.1401L13.4367 12.2632C13.4066 12.2365 13.4021 12.2179 13.4243 12.2592C13.4364 12.2818 13.4524 12.3146 13.4753 12.3653C13.4983 12.4161 13.5239 12.4753 13.5569 12.5516L14.9337 11.9561ZM13.4253 12.2572C13.4339 12.2607 13.4372 12.2637 13.4367 12.2632L14.431 11.1401C14.2967 11.0212 14.1432 10.9285 13.9795 10.8634L13.4253 12.2572Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'#141B34'</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="s1">'12'</span><span class="p">,</span> <span class="ss">cy: </span><span class="s1">'12'</span><span class="p">,</span> <span class="ss">r: </span><span class="s1">'10'</span><span class="p">,</span> <span class="ss">stroke: </span><span class="s1">'#141B34'</span><span class="p">,</span> <span class="ss">stroke_width: </span><span class="s1">'1.5'</span><span class="p">)</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">class=</span><span class="s">""</span> <span class="na">viewbox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M7.99745 13.3874L7.32422 13.7179L7.32422 13.7179L7.99745 13.3874ZM8.28527 13.9736L7.61204 14.3042L8.28527 13.9736ZM10.2001 13.8208L9.47291 13.6374V13.6374L10.2001 13.8208ZM11.3697 9.18197L12.097 9.36533L12.097 9.36533L11.3697 9.18197ZM12.3553 8.5V9.25V8.5ZM17.5 9.25C17.9142 9.25 18.25 8.91421 18.25 8.5C18.25 8.08579 17.9142 7.75 17.5 7.75V9.25ZM9.41651 15.4988L9.35685 14.7512H9.35684L9.41651 15.4988ZM7.4471 12.6573L7.24969 13.3809L7.2497 13.3809L7.4471 12.6573ZM6.09429 12.3692C5.74591 12.5933 5.64514 13.0573 5.86921 13.4057C6.09327 13.7541 6.55733 13.8549 6.90571 13.6308L6.09429 12.3692ZM12.8034 13.75C12.3892 13.75 12.0534 14.0858 12.0534 14.5C12.0534 14.9142 12.3892 15.25 12.8034 15.25V13.75ZM16.3326 12.25C16.7468 12.25 17.0826 11.9142 17.0826 11.5C17.0826 11.0858 16.7468 10.75 16.3326 10.75V12.25ZM14.2453 12.2539L13.5569 12.5516L14.2453 12.2539ZM14.8907 13.7461L15.5791 13.4484L14.8907 13.7461ZM15.2022 14.2983L15.6993 13.7368L15.6993 13.7368L15.2022 14.2983ZM16.125 15.25C16.5392 15.25 16.875 14.9142 16.875 14.5C16.875 14.0858 16.5392 13.75 16.125 13.75V15.25ZM15.4336 14.4397L15.7108 13.7428L15.7108 13.7428L15.4336 14.4397ZM13.011 10.75C12.5968 10.75 12.261 11.0858 12.261 11.5C12.261 11.9142 12.5968 12.25 13.011 12.25V10.75ZM13.7024 11.5603L13.4253 12.2572L13.7024 11.5603ZM13.9338 11.7017L14.431 11.1401L13.9338 11.7017ZM7.32422 13.7179L7.61204 14.3042L8.9585 13.6431L8.67068 13.0568L7.32422 13.7179ZM10.9274 14.0042L12.097 9.36533L10.6425 8.99861L9.47291 13.6374L10.9274 14.0042ZM12.3553 9.25H17.5V7.75H12.3553V9.25ZM7.61204 14.3042C7.85541 14.7998 8.073 15.2471 8.28298 15.5568C8.47319 15.8373 8.84844 16.2965 9.47617 16.2464L9.35684 14.7512C9.61661 14.7305 9.68067 14.9453 9.52446 14.7149C9.38803 14.5137 9.22398 14.1838 8.9585 13.6431L7.61204 14.3042ZM9.47291 13.6374C9.3279 14.2126 9.23854 14.5588 9.14943 14.7741C9.10648 14.8778 9.08833 14.8866 9.11103 14.8627C9.15257 14.8189 9.24133 14.7604 9.35685 14.7512L9.47617 16.2464C10.1218 16.1949 10.4061 15.6601 10.5354 15.3478C10.6768 15.0062 10.7953 14.5281 10.9274 14.0042L9.47291 13.6374ZM8.67068 13.0568C8.57153 12.8549 8.4618 12.6269 8.33982 12.4507C8.20035 12.2493 7.9871 12.0272 7.64451 11.9338L7.2497 13.3809C7.20066 13.3675 7.15603 13.3432 7.12316 13.3165C7.09581 13.2943 7.09091 13.282 7.10653 13.3045C7.1227 13.3279 7.14766 13.3691 7.18649 13.4429C7.22512 13.5162 7.26805 13.6035 7.32422 13.7179L8.67068 13.0568ZM12.097 9.36533C12.1283 9.24091 12.1514 9.19152 12.1582 9.17909C12.159 9.17778 12.1372 9.21434 12.0866 9.24621C12.0436 9.27328 12.0223 9.26947 12.0697 9.26249C12.1221 9.25479 12.206 9.25 12.3553 9.25V7.75C12.0754 7.75 11.6472 7.75038 11.2876 7.9767C10.8794 8.23358 10.729 8.65546 10.6425 8.99861L12.097 9.36533ZM6.90571 13.6308C6.94169 13.6077 6.98028 13.5821 7.01226 13.5611C7.04631 13.5388 7.07745 13.5185 7.10819 13.4992C7.17067 13.4599 7.22072 13.4316 7.26295 13.4118C7.36174 13.3655 7.3355 13.4043 7.24969 13.3809L7.64452 11.9338C7.22521 11.8194 6.85359 11.9471 6.62628 12.0536C6.4036 12.158 6.18355 12.3118 6.09429 12.3692L6.90571 13.6308ZM12.8034 15.25C13.4407 15.25 13.9286 14.9062 14.2748 14.5669C14.6195 14.2291 14.925 13.7937 15.1801 13.4335L13.956 12.5665C13.6799 12.9563 13.4542 13.2709 13.2249 13.4956C12.9972 13.7188 12.8684 13.75 12.8034 13.75V15.25ZM15.1801 13.4335C15.4561 13.0437 15.6818 12.7291 15.9111 12.5044C16.1388 12.2812 16.2677 12.25 16.3326 12.25V10.75C15.6953 10.75 15.2074 11.0938 14.8612 11.4331C14.5166 11.7709 14.2111 12.2063 13.956 12.5665L15.1801 13.4335ZM13.5569 12.5516L13.8796 13.2977L15.2564 12.7023L14.9337 11.9561L13.5569 12.5516ZM13.8796 13.2977L14.2023 14.0439L15.5791 13.4484L15.2564 12.7023L13.8796 13.2977ZM14.2023 14.0439C14.3037 14.2783 14.4331 14.6191 14.7051 14.8599L15.6993 13.7368C15.7295 13.7635 15.7339 13.7821 15.7118 13.7408C15.6996 13.7182 15.6836 13.6854 15.6607 13.6347C15.6377 13.5839 15.6121 13.5247 15.5791 13.4484L14.2023 14.0439ZM16.125 13.75C15.9349 13.75 15.8301 13.7496 15.7531 13.7443C15.6851 13.7395 15.6871 13.7334 15.7108 13.7428L15.1565 15.1366C15.4741 15.2629 15.8306 15.25 16.125 15.25V13.75ZM14.7051 14.8599C14.8393 14.9788 14.9929 15.0715 15.1565 15.1366L15.7108 13.7428C15.7021 13.7393 15.6988 13.7363 15.6993 13.7368L14.7051 14.8599ZM13.011 12.25C13.2011 12.25 13.3059 12.2504 13.383 12.2557C13.4509 12.2605 13.4489 12.2666 13.4253 12.2572L13.9795 10.8634C13.6619 10.7371 13.3054 10.75 13.011 10.75V12.25ZM14.9337 11.9561C14.8323 11.7217 14.7029 11.3809 14.431 11.1401L13.4367 12.2632C13.4066 12.2365 13.4021 12.2179 13.4243 12.2592C13.4364 12.2818 13.4524 12.3146 13.4753 12.3653C13.4983 12.4161 13.5239 12.4753 13.5569 12.5516L14.9337 11.9561ZM13.4253 12.2572C13.4339 12.2607 13.4372 12.2637 13.4367 12.2632L14.431 11.1401C14.2967 11.0212 14.1432 10.9285 13.9795 10.8634L13.4253 12.2572Z"</span> <span class="na">fill=</span><span class="s">"#141B34"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"10"</span> <span class="na">stroke=</span><span class="s">"#141B34"</span> <span class="na">stroke-width=</span><span class="s">"1.5"</span><span class="nt">&gt;&lt;/circle&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>