<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">Globe</h3><p class="text-sm text-muted-foreground gap-y-2">PhlexIcons::Radix</p><a href="https://github.com/AliOsm/phlex-icons/blob/main/lib/phlex-icons/radix/globe.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 ↓</p><svg class="size-10" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.50049 0.900055C11.1453 0.900372 14.1001 3.85576 14.1001 7.50064C14.0998 11.1453 11.1451 14.0999 7.50049 14.1003C3.8556 14.1003 0.900219 11.1455 0.899902 7.50064C0.899902 3.85556 3.85541 0.900055 7.50049 0.900055ZM5.28369 10.7047C5.64404 11.6351 6.17083 12.4782 6.85889 13.1628C6.93847 13.1717 7.01858 13.1777 7.09912 13.1833V10.8454C6.48761 10.8314 5.87706 10.7834 5.28369 10.7047ZM9.77295 10.6989C9.16164 10.7822 8.53116 10.83 7.8999 10.8444V13.1833C7.98109 13.1776 8.06187 13.1717 8.14209 13.1628C8.85531 12.4766 9.40048 11.6314 9.77295 10.6989ZM2.35791 9.96158C3.02351 11.3493 4.23482 12.4239 5.71338 12.9118C5.18397 12.2135 4.77849 11.4213 4.49561 10.5788C3.72434 10.4334 2.99871 10.2279 2.35791 9.96158ZM12.6411 9.96158C12.0184 10.2204 11.3158 10.4226 10.5688 10.567C10.2783 11.4105 9.86035 12.2028 9.31592 12.902C10.781 12.4097 11.98 11.3401 12.6411 9.96158ZM4.7085 7.90005C4.7386 8.60278 4.84803 9.29815 5.03564 9.96255C5.69719 10.0665 6.39354 10.1284 7.09912 10.1452V7.90005H4.7085ZM7.8999 10.1452C8.6291 10.1279 9.34852 10.0631 10.0298 9.95279C10.222 9.29117 10.3348 8.59924 10.3657 7.90005H7.8999V10.1452ZM1.81494 7.90005C1.84166 8.28532 1.90683 8.65978 2.00635 9.02017C2.63373 9.36462 3.41278 9.63163 4.27686 9.81998C4.12456 9.19287 4.03416 8.54747 4.0083 7.90005H1.81494ZM11.0669 7.90005C11.0404 8.54266 10.9472 9.18283 10.7925 9.80533C11.5283 9.64052 12.2013 9.4188 12.7681 9.13931L12.9917 9.02115C13.0914 8.66036 13.1573 8.28578 13.1841 7.90005H11.0669ZM4.32666 4.97525C3.47332 5.15752 2.70151 5.41806 2.07373 5.75162C1.9355 6.18085 1.8484 6.63234 1.81592 7.09927H4.0083C4.03702 6.38157 4.14246 5.66569 4.32666 4.97525ZM7.09912 4.66177C6.4151 4.67804 5.73957 4.73639 5.09619 4.83463C4.87181 5.55952 4.74173 6.32486 4.7085 7.09927H7.09912V4.66177ZM7.8999 7.09927H10.3657C10.3315 6.32843 10.1973 5.56661 9.96729 4.84439C9.30461 4.7402 8.60679 4.67852 7.8999 4.66177V7.09927ZM10.7397 4.98892C10.9274 5.67521 11.0375 6.38592 11.0669 7.09927H13.1841C13.1516 6.63184 13.0628 6.18029 12.9243 5.75064L12.7681 5.66861C12.1877 5.38241 11.4964 5.15481 10.7397 4.98892ZM5.71338 2.08658C4.32274 2.54535 3.16814 3.52413 2.48193 4.79361C3.11198 4.54372 3.81949 4.35141 4.56787 4.21451C4.84612 3.44854 5.22711 2.7277 5.71338 2.08658ZM9.31592 2.09732C9.81554 2.73886 10.2079 3.45908 10.4937 4.22525C11.2182 4.36119 11.9031 4.55008 12.5151 4.79263C11.8338 3.53304 10.6926 2.55992 9.31592 2.09732ZM7.8999 3.96255C8.50199 3.97625 9.10328 4.02188 9.68799 4.0983C9.31948 3.24599 8.80407 2.47253 8.14307 1.83658C8.06252 1.82753 7.98143 1.82075 7.8999 1.81509V3.96255ZM7.09912 1.81509C7.01824 1.82072 6.93782 1.82761 6.85791 1.83658C6.2206 2.47064 5.72306 3.24178 5.3667 4.09146C5.9339 4.01939 6.51613 3.97585 7.09912 3.96255V1.81509Z" fill="currentColor"></path></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">Radix</span><span class="o">::</span><span class="no">Globe</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">Radix</span><span class="o">::</span><span class="no">Globe</span><span class="p">.</span><span class="nf">new</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 15 15'</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.50049 0.900055C11.1453 0.900372 14.1001 3.85576 14.1001 7.50064C14.0998 11.1453 11.1451 14.0999 7.50049 14.1003C3.8556 14.1003 0.900219 11.1455 0.899902 7.50064C0.899902 3.85556 3.85541 0.900055 7.50049 0.900055ZM5.28369 10.7047C5.64404 11.6351 6.17083 12.4782 6.85889 13.1628C6.93847 13.1717 7.01858 13.1777 7.09912 13.1833V10.8454C6.48761 10.8314 5.87706 10.7834 5.28369 10.7047ZM9.77295 10.6989C9.16164 10.7822 8.53116 10.83 7.8999 10.8444V13.1833C7.98109 13.1776 8.06187 13.1717 8.14209 13.1628C8.85531 12.4766 9.40048 11.6314 9.77295 10.6989ZM2.35791 9.96158C3.02351 11.3493 4.23482 12.4239 5.71338 12.9118C5.18397 12.2135 4.77849 11.4213 4.49561 10.5788C3.72434 10.4334 2.99871 10.2279 2.35791 9.96158ZM12.6411 9.96158C12.0184 10.2204 11.3158 10.4226 10.5688 10.567C10.2783 11.4105 9.86035 12.2028 9.31592 12.902C10.781 12.4097 11.98 11.3401 12.6411 9.96158ZM4.7085 7.90005C4.7386 8.60278 4.84803 9.29815 5.03564 9.96255C5.69719 10.0665 6.39354 10.1284 7.09912 10.1452V7.90005H4.7085ZM7.8999 10.1452C8.6291 10.1279 9.34852 10.0631 10.0298 9.95279C10.222 9.29117 10.3348 8.59924 10.3657 7.90005H7.8999V10.1452ZM1.81494 7.90005C1.84166 8.28532 1.90683 8.65978 2.00635 9.02017C2.63373 9.36462 3.41278 9.63163 4.27686 9.81998C4.12456 9.19287 4.03416 8.54747 4.0083 7.90005H1.81494ZM11.0669 7.90005C11.0404 8.54266 10.9472 9.18283 10.7925 9.80533C11.5283 9.64052 12.2013 9.4188 12.7681 9.13931L12.9917 9.02115C13.0914 8.66036 13.1573 8.28578 13.1841 7.90005H11.0669ZM4.32666 4.97525C3.47332 5.15752 2.70151 5.41806 2.07373 5.75162C1.9355 6.18085 1.8484 6.63234 1.81592 7.09927H4.0083C4.03702 6.38157 4.14246 5.66569 4.32666 4.97525ZM7.09912 4.66177C6.4151 4.67804 5.73957 4.73639 5.09619 4.83463C4.87181 5.55952 4.74173 6.32486 4.7085 7.09927H7.09912V4.66177ZM7.8999 7.09927H10.3657C10.3315 6.32843 10.1973 5.56661 9.96729 4.84439C9.30461 4.7402 8.60679 4.67852 7.8999 4.66177V7.09927ZM10.7397 4.98892C10.9274 5.67521 11.0375 6.38592 11.0669 7.09927H13.1841C13.1516 6.63184 13.0628 6.18029 12.9243 5.75064L12.7681 5.66861C12.1877 5.38241 11.4964 5.15481 10.7397 4.98892ZM5.71338 2.08658C4.32274 2.54535 3.16814 3.52413 2.48193 4.79361C3.11198 4.54372 3.81949 4.35141 4.56787 4.21451C4.84612 3.44854 5.22711 2.7277 5.71338 2.08658ZM9.31592 2.09732C9.81554 2.73886 10.2079 3.45908 10.4937 4.22525C11.2182 4.36119 11.9031 4.55008 12.5151 4.79263C11.8338 3.53304 10.6926 2.55992 9.31592 2.09732ZM7.8999 3.96255C8.50199 3.97625 9.10328 4.02188 9.68799 4.0983C9.31948 3.24599 8.80407 2.47253 8.14307 1.83658C8.06252 1.82753 7.98143 1.82075 7.8999 1.81509V3.96255ZM7.09912 1.81509C7.01824 1.82072 6.93782 1.82761 6.85791 1.83658C6.2206 2.47064 5.72306 3.24178 5.3667 4.09146C5.9339 4.01939 6.51613 3.97585 7.09912 3.96255V1.81509Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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 15 15"</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.50049 0.900055C11.1453 0.900372 14.1001 3.85576 14.1001 7.50064C14.0998 11.1453 11.1451 14.0999 7.50049 14.1003C3.8556 14.1003 0.900219 11.1455 0.899902 7.50064C0.899902 3.85556 3.85541 0.900055 7.50049 0.900055ZM5.28369 10.7047C5.64404 11.6351 6.17083 12.4782 6.85889 13.1628C6.93847 13.1717 7.01858 13.1777 7.09912 13.1833V10.8454C6.48761 10.8314 5.87706 10.7834 5.28369 10.7047ZM9.77295 10.6989C9.16164 10.7822 8.53116 10.83 7.8999 10.8444V13.1833C7.98109 13.1776 8.06187 13.1717 8.14209 13.1628C8.85531 12.4766 9.40048 11.6314 9.77295 10.6989ZM2.35791 9.96158C3.02351 11.3493 4.23482 12.4239 5.71338 12.9118C5.18397 12.2135 4.77849 11.4213 4.49561 10.5788C3.72434 10.4334 2.99871 10.2279 2.35791 9.96158ZM12.6411 9.96158C12.0184 10.2204 11.3158 10.4226 10.5688 10.567C10.2783 11.4105 9.86035 12.2028 9.31592 12.902C10.781 12.4097 11.98 11.3401 12.6411 9.96158ZM4.7085 7.90005C4.7386 8.60278 4.84803 9.29815 5.03564 9.96255C5.69719 10.0665 6.39354 10.1284 7.09912 10.1452V7.90005H4.7085ZM7.8999 10.1452C8.6291 10.1279 9.34852 10.0631 10.0298 9.95279C10.222 9.29117 10.3348 8.59924 10.3657 7.90005H7.8999V10.1452ZM1.81494 7.90005C1.84166 8.28532 1.90683 8.65978 2.00635 9.02017C2.63373 9.36462 3.41278 9.63163 4.27686 9.81998C4.12456 9.19287 4.03416 8.54747 4.0083 7.90005H1.81494ZM11.0669 7.90005C11.0404 8.54266 10.9472 9.18283 10.7925 9.80533C11.5283 9.64052 12.2013 9.4188 12.7681 9.13931L12.9917 9.02115C13.0914 8.66036 13.1573 8.28578 13.1841 7.90005H11.0669ZM4.32666 4.97525C3.47332 5.15752 2.70151 5.41806 2.07373 5.75162C1.9355 6.18085 1.8484 6.63234 1.81592 7.09927H4.0083C4.03702 6.38157 4.14246 5.66569 4.32666 4.97525ZM7.09912 4.66177C6.4151 4.67804 5.73957 4.73639 5.09619 4.83463C4.87181 5.55952 4.74173 6.32486 4.7085 7.09927H7.09912V4.66177ZM7.8999 7.09927H10.3657C10.3315 6.32843 10.1973 5.56661 9.96729 4.84439C9.30461 4.7402 8.60679 4.67852 7.8999 4.66177V7.09927ZM10.7397 4.98892C10.9274 5.67521 11.0375 6.38592 11.0669 7.09927H13.1841C13.1516 6.63184 13.0628 6.18029 12.9243 5.75064L12.7681 5.66861C12.1877 5.38241 11.4964 5.15481 10.7397 4.98892ZM5.71338 2.08658C4.32274 2.54535 3.16814 3.52413 2.48193 4.79361C3.11198 4.54372 3.81949 4.35141 4.56787 4.21451C4.84612 3.44854 5.22711 2.7277 5.71338 2.08658ZM9.31592 2.09732C9.81554 2.73886 10.2079 3.45908 10.4937 4.22525C11.2182 4.36119 11.9031 4.55008 12.5151 4.79263C11.8338 3.53304 10.6926 2.55992 9.31592 2.09732ZM7.8999 3.96255C8.50199 3.97625 9.10328 4.02188 9.68799 4.0983C9.31948 3.24599 8.80407 2.47253 8.14307 1.83658C8.06252 1.82753 7.98143 1.82075 7.8999 1.81509V3.96255ZM7.09912 1.81509C7.01824 1.82072 6.93782 1.82761 6.85791 1.83658C6.2206 2.47064 5.72306 3.24178 5.3667 4.09146C5.9339 4.01939 6.51613 3.97585 7.09912 3.96255V1.81509Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&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>