<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">Halal</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/halal.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" width="25" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0822 10.898V9M14.0822 10.898V11.9806M14.0822 10.898C14.0822 11.3554 14.0822 11.711 14.0962 12M16.234 11.5C16.2754 11.484 16.2964 11.4758 16.3152 11.4691C17.0292 11.2135 17.8037 11.5222 18.2322 12.2333C18.2435 12.252 18.2557 12.2732 18.28 12.3156L18.2994 12.3494C18.3466 12.4318 18.3703 12.473 18.3846 12.5019C18.7017 13.1431 18.3306 13.9486 17.6955 13.9978C17.6669 14 17.6243 14 17.5391 14H16.7521C15.8675 14 15.4252 14 15.0817 13.8156C14.7104 13.6164 14.4124 13.2701 14.2409 12.8387C14.1528 12.6172 14.1136 12.3604 14.0962 12M14.0822 11.9806V12C14.0822 12.4231 14.0822 12.7501 14.0699 13.0155M14.0822 11.9806L14.0962 12M11.5 15C12.3021 15 12.7031 15 13.0195 14.8478C13.4413 14.6448 13.7764 14.2554 13.9511 13.7654C14.0227 13.5647 14.0552 13.3347 14.0699 13.0155M14.0699 13.0155L11.9304 10.5M9.5 9V13C9.5 14.1046 8.60457 15 7.5 15" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.2791 3.35212C10.8428 2.74898 11.1246 2.44741 11.4257 2.27941C12.0935 1.90686 12.9065 1.90686 13.5743 2.27941C13.8754 2.44741 14.1572 2.74898 14.7209 3.35212C14.9749 3.62385 15.1019 3.75972 15.2431 3.8688C15.5532 4.10826 15.9214 4.26079 16.3099 4.31069C16.487 4.33343 16.6728 4.32715 17.0445 4.31459C17.8696 4.2867 18.2822 4.27276 18.6139 4.36689C19.3495 4.57561 19.9244 5.15054 20.1331 5.88612C20.2272 6.21784 20.2133 6.63038 20.1854 7.45546C20.1728 7.82718 20.1666 8.01305 20.1893 8.19006C20.2392 8.57861 20.3917 8.94684 20.6312 9.25688C20.7403 9.39812 20.8761 9.5251 21.1479 9.77907C21.751 10.3428 22.0526 10.6246 22.2206 10.9257C22.5931 11.5935 22.5931 12.4065 22.2206 13.0743C22.0526 13.3754 21.751 13.6572 21.1479 14.2209C20.8761 14.4749 20.7403 14.6019 20.6312 14.7431C20.3917 15.0532 20.2392 15.4214 20.1893 15.8099C20.1666 15.987 20.1728 16.1728 20.1854 16.5445C20.2133 17.3696 20.2272 17.7822 20.1331 18.1139C19.9244 18.8495 19.3495 19.4244 18.6139 19.6331C18.2822 19.7272 17.8696 19.7133 17.0445 19.6854C16.6728 19.6728 16.487 19.6666 16.3099 19.6893C15.9214 19.7392 15.5532 19.8917 15.2431 20.1312C15.1019 20.2403 14.9749 20.3761 14.7209 20.6479C14.1572 21.251 13.8754 21.5526 13.5743 21.7206C12.9065 22.0931 12.0935 22.0931 11.4257 21.7206C11.1246 21.5526 10.8428 21.251 10.2791 20.6479C10.0251 20.3761 9.89812 20.2403 9.75688 20.1312C9.44684 19.8917 9.07861 19.7392 8.69006 19.6893C8.51305 19.6666 8.32718 19.6728 7.95546 19.6854C7.13038 19.7133 6.71784 19.7272 6.38612 19.6331C5.65054 19.4244 5.07561 18.8495 4.86689 18.1139C4.77276 17.7822 4.7867 17.3696 4.81459 16.5445C4.82715 16.1728 4.83343 15.987 4.81069 15.8099C4.76079 15.4214 4.60826 15.0532 4.3688 14.7431C4.25972 14.6019 4.12385 14.4749 3.85212 14.2209C3.24898 13.6572 2.94741 13.3754 2.77941 13.0743C2.40686 12.4065 2.40686 11.5935 2.77941 10.9257C2.94741 10.6246 3.24898 10.3428 3.85212 9.77907C4.12385 9.5251 4.25972 9.39812 4.3688 9.25688C4.60826 8.94684 4.76079 8.5786 4.81069 8.19006C4.83343 8.01305 4.82715 7.82718 4.81459 7.45546C4.7867 6.63038 4.77276 6.21784 4.86689 5.88612C5.07561 5.15054 5.65054 4.57561 6.38612 4.36689C6.71784 4.27276 7.13038 4.2867 7.95546 4.31459C8.32718 4.32715 8.51305 4.33343 8.69006 4.31069C9.0786 4.26079 9.44684 4.10826 9.75688 3.8688C9.89812 3.75972 10.0251 3.62385 10.2791 3.35212Z" stroke="#141B34" stroke-width="1.5"></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">Huge</span><span class="o">::</span><span class="no">Halal</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">Halal</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">width: </span><span class="s1">'25'</span><span class="p">,</span>
		<span class="ss">viewbox: </span><span class="s1">'0 0 25 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">'M14.0822 10.898V9M14.0822 10.898V11.9806M14.0822 10.898C14.0822 11.3554 14.0822 11.711 14.0962 12M16.234 11.5C16.2754 11.484 16.2964 11.4758 16.3152 11.4691C17.0292 11.2135 17.8037 11.5222 18.2322 12.2333C18.2435 12.252 18.2557 12.2732 18.28 12.3156L18.2994 12.3494C18.3466 12.4318 18.3703 12.473 18.3846 12.5019C18.7017 13.1431 18.3306 13.9486 17.6955 13.9978C17.6669 14 17.6243 14 17.5391 14H16.7521C15.8675 14 15.4252 14 15.0817 13.8156C14.7104 13.6164 14.4124 13.2701 14.2409 12.8387C14.1528 12.6172 14.1136 12.3604 14.0962 12M14.0822 11.9806V12C14.0822 12.4231 14.0822 12.7501 14.0699 13.0155M14.0822 11.9806L14.0962 12M11.5 15C12.3021 15 12.7031 15 13.0195 14.8478C13.4413 14.6448 13.7764 14.2554 13.9511 13.7654C14.0227 13.5647 14.0552 13.3347 14.0699 13.0155M14.0699 13.0155L11.9304 10.5M9.5 9V13C9.5 14.1046 8.60457 15 7.5 15'</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="ss">stroke_linecap: </span><span class="s1">'round'</span><span class="p">,</span>
			<span class="ss">stroke_linejoin: </span><span class="s1">'round'</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="s1">'M10.2791 3.35212C10.8428 2.74898 11.1246 2.44741 11.4257 2.27941C12.0935 1.90686 12.9065 1.90686 13.5743 2.27941C13.8754 2.44741 14.1572 2.74898 14.7209 3.35212C14.9749 3.62385 15.1019 3.75972 15.2431 3.8688C15.5532 4.10826 15.9214 4.26079 16.3099 4.31069C16.487 4.33343 16.6728 4.32715 17.0445 4.31459C17.8696 4.2867 18.2822 4.27276 18.6139 4.36689C19.3495 4.57561 19.9244 5.15054 20.1331 5.88612C20.2272 6.21784 20.2133 6.63038 20.1854 7.45546C20.1728 7.82718 20.1666 8.01305 20.1893 8.19006C20.2392 8.57861 20.3917 8.94684 20.6312 9.25688C20.7403 9.39812 20.8761 9.5251 21.1479 9.77907C21.751 10.3428 22.0526 10.6246 22.2206 10.9257C22.5931 11.5935 22.5931 12.4065 22.2206 13.0743C22.0526 13.3754 21.751 13.6572 21.1479 14.2209C20.8761 14.4749 20.7403 14.6019 20.6312 14.7431C20.3917 15.0532 20.2392 15.4214 20.1893 15.8099C20.1666 15.987 20.1728 16.1728 20.1854 16.5445C20.2133 17.3696 20.2272 17.7822 20.1331 18.1139C19.9244 18.8495 19.3495 19.4244 18.6139 19.6331C18.2822 19.7272 17.8696 19.7133 17.0445 19.6854C16.6728 19.6728 16.487 19.6666 16.3099 19.6893C15.9214 19.7392 15.5532 19.8917 15.2431 20.1312C15.1019 20.2403 14.9749 20.3761 14.7209 20.6479C14.1572 21.251 13.8754 21.5526 13.5743 21.7206C12.9065 22.0931 12.0935 22.0931 11.4257 21.7206C11.1246 21.5526 10.8428 21.251 10.2791 20.6479C10.0251 20.3761 9.89812 20.2403 9.75688 20.1312C9.44684 19.8917 9.07861 19.7392 8.69006 19.6893C8.51305 19.6666 8.32718 19.6728 7.95546 19.6854C7.13038 19.7133 6.71784 19.7272 6.38612 19.6331C5.65054 19.4244 5.07561 18.8495 4.86689 18.1139C4.77276 17.7822 4.7867 17.3696 4.81459 16.5445C4.82715 16.1728 4.83343 15.987 4.81069 15.8099C4.76079 15.4214 4.60826 15.0532 4.3688 14.7431C4.25972 14.6019 4.12385 14.4749 3.85212 14.2209C3.24898 13.6572 2.94741 13.3754 2.77941 13.0743C2.40686 12.4065 2.40686 11.5935 2.77941 10.9257C2.94741 10.6246 3.24898 10.3428 3.85212 9.77907C4.12385 9.5251 4.25972 9.39812 4.3688 9.25688C4.60826 8.94684 4.76079 8.5786 4.81069 8.19006C4.83343 8.01305 4.82715 7.82718 4.81459 7.45546C4.7867 6.63038 4.77276 6.21784 4.86689 5.88612C5.07561 5.15054 5.65054 4.57561 6.38612 4.36689C6.71784 4.27276 7.13038 4.2867 7.95546 4.31459C8.32718 4.32715 8.51305 4.33343 8.69006 4.31069C9.0786 4.26079 9.44684 4.10826 9.75688 3.8688C9.89812 3.75972 10.0251 3.62385 10.2791 3.35212Z'</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">width=</span><span class="s">"25"</span> <span class="na">viewbox=</span><span class="s">"0 0 25 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">"M14.0822 10.898V9M14.0822 10.898V11.9806M14.0822 10.898C14.0822 11.3554 14.0822 11.711 14.0962 12M16.234 11.5C16.2754 11.484 16.2964 11.4758 16.3152 11.4691C17.0292 11.2135 17.8037 11.5222 18.2322 12.2333C18.2435 12.252 18.2557 12.2732 18.28 12.3156L18.2994 12.3494C18.3466 12.4318 18.3703 12.473 18.3846 12.5019C18.7017 13.1431 18.3306 13.9486 17.6955 13.9978C17.6669 14 17.6243 14 17.5391 14H16.7521C15.8675 14 15.4252 14 15.0817 13.8156C14.7104 13.6164 14.4124 13.2701 14.2409 12.8387C14.1528 12.6172 14.1136 12.3604 14.0962 12M14.0822 11.9806V12C14.0822 12.4231 14.0822 12.7501 14.0699 13.0155M14.0822 11.9806L14.0962 12M11.5 15C12.3021 15 12.7031 15 13.0195 14.8478C13.4413 14.6448 13.7764 14.2554 13.9511 13.7654C14.0227 13.5647 14.0552 13.3347 14.0699 13.0155M14.0699 13.0155L11.9304 10.5M9.5 9V13C9.5 14.1046 8.60457 15 7.5 15"</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="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M10.2791 3.35212C10.8428 2.74898 11.1246 2.44741 11.4257 2.27941C12.0935 1.90686 12.9065 1.90686 13.5743 2.27941C13.8754 2.44741 14.1572 2.74898 14.7209 3.35212C14.9749 3.62385 15.1019 3.75972 15.2431 3.8688C15.5532 4.10826 15.9214 4.26079 16.3099 4.31069C16.487 4.33343 16.6728 4.32715 17.0445 4.31459C17.8696 4.2867 18.2822 4.27276 18.6139 4.36689C19.3495 4.57561 19.9244 5.15054 20.1331 5.88612C20.2272 6.21784 20.2133 6.63038 20.1854 7.45546C20.1728 7.82718 20.1666 8.01305 20.1893 8.19006C20.2392 8.57861 20.3917 8.94684 20.6312 9.25688C20.7403 9.39812 20.8761 9.5251 21.1479 9.77907C21.751 10.3428 22.0526 10.6246 22.2206 10.9257C22.5931 11.5935 22.5931 12.4065 22.2206 13.0743C22.0526 13.3754 21.751 13.6572 21.1479 14.2209C20.8761 14.4749 20.7403 14.6019 20.6312 14.7431C20.3917 15.0532 20.2392 15.4214 20.1893 15.8099C20.1666 15.987 20.1728 16.1728 20.1854 16.5445C20.2133 17.3696 20.2272 17.7822 20.1331 18.1139C19.9244 18.8495 19.3495 19.4244 18.6139 19.6331C18.2822 19.7272 17.8696 19.7133 17.0445 19.6854C16.6728 19.6728 16.487 19.6666 16.3099 19.6893C15.9214 19.7392 15.5532 19.8917 15.2431 20.1312C15.1019 20.2403 14.9749 20.3761 14.7209 20.6479C14.1572 21.251 13.8754 21.5526 13.5743 21.7206C12.9065 22.0931 12.0935 22.0931 11.4257 21.7206C11.1246 21.5526 10.8428 21.251 10.2791 20.6479C10.0251 20.3761 9.89812 20.2403 9.75688 20.1312C9.44684 19.8917 9.07861 19.7392 8.69006 19.6893C8.51305 19.6666 8.32718 19.6728 7.95546 19.6854C7.13038 19.7133 6.71784 19.7272 6.38612 19.6331C5.65054 19.4244 5.07561 18.8495 4.86689 18.1139C4.77276 17.7822 4.7867 17.3696 4.81459 16.5445C4.82715 16.1728 4.83343 15.987 4.81069 15.8099C4.76079 15.4214 4.60826 15.0532 4.3688 14.7431C4.25972 14.6019 4.12385 14.4749 3.85212 14.2209C3.24898 13.6572 2.94741 13.3754 2.77941 13.0743C2.40686 12.4065 2.40686 11.5935 2.77941 10.9257C2.94741 10.6246 3.24898 10.3428 3.85212 9.77907C4.12385 9.5251 4.25972 9.39812 4.3688 9.25688C4.60826 8.94684 4.76079 8.5786 4.81069 8.19006C4.83343 8.01305 4.82715 7.82718 4.81459 7.45546C4.7867 6.63038 4.77276 6.21784 4.86689 5.88612C5.07561 5.15054 5.65054 4.57561 6.38612 4.36689C6.71784 4.27276 7.13038 4.2867 7.95546 4.31459C8.32718 4.32715 8.51305 4.33343 8.69006 4.31069C9.0786 4.26079 9.44684 4.10826 9.75688 3.8688C9.89812 3.75972 10.0251 3.62385 10.2791 3.35212Z"</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;/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>