<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">AiLearning</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/ai_learning.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="M12 15.5L12 20.5" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path><path d="M5.98056 3.28544C4.2879 2.96315 3.44157 2.80201 2.72078 3.41964C2 4.03727 2 5.04022 2 7.04612V14.255C2 16.0891 2 17.0061 2.4626 17.5787C2.9252 18.1512 3.94365 18.3451 5.98056 18.733C7.79633 19.0787 9.21344 19.6295 10.2392 20.1831C11.2484 20.7277 11.753 21 12 21C12.247 21 12.7516 20.7277 13.7608 20.1831C14.7866 19.6295 16.2037 19.0787 18.0194 18.733C20.0564 18.3451 21.0748 18.1512 21.5374 17.5787C22 17.0061 22 16.0891 22 14.255V7.04612C22 5.04022 22 4.03727 21.2792 3.41964C20.5584 2.80201 19.7121 2.96315 18.0194 3.28544" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.29289 10.7071L9.82322 10.1768L9.82322 10.1768L9.29289 10.7071ZM14.7071 10.7071L14.1768 10.1768L14.1768 10.1768L14.7071 10.7071ZM14.7071 5.29289L14.1768 5.82322L14.1768 5.82322L14.7071 5.29289ZM11.25 11C11.25 10.5858 10.9142 10.25 10.5 10.25C10.0858 10.25 9.75 10.5858 9.75 11H11.25ZM9.75 13C9.75 13.4142 10.0858 13.75 10.5 13.75C10.9142 13.75 11.25 13.4142 11.25 13H9.75ZM14.25 11C14.25 10.5858 13.9142 10.25 13.5 10.25C13.0858 10.25 12.75 10.5858 12.75 11H14.25ZM12.75 13C12.75 13.4142 13.0858 13.75 13.5 13.75C13.9142 13.75 14.25 13.4142 14.25 13H12.75ZM11.25 3C11.25 2.58579 10.9142 2.25 10.5 2.25C10.0858 2.25 9.75 2.58579 9.75 3H11.25ZM9.75 5C9.75 5.41421 10.0858 5.75 10.5 5.75C10.9142 5.75 11.25 5.41421 11.25 5H9.75ZM14.25 3C14.25 2.58579 13.9142 2.25 13.5 2.25C13.0858 2.25 12.75 2.58579 12.75 3H14.25ZM12.75 5C12.75 5.41421 13.0858 5.75 13.5 5.75C13.9142 5.75 14.25 5.41421 14.25 5H12.75ZM9 7.25C9.41421 7.25 9.75 6.91421 9.75 6.5C9.75 6.08579 9.41421 5.75 9 5.75V7.25ZM7 5.75C6.58579 5.75 6.25 6.08579 6.25 6.5C6.25 6.91421 6.58579 7.25 7 7.25V5.75ZM9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5C9.75 9.08579 9.41421 8.75 9 8.75V10.25ZM7 8.75C6.58579 8.75 6.25 9.08579 6.25 9.5C6.25 9.91421 6.58579 10.25 7 10.25V8.75ZM17 7.25C17.4142 7.25 17.75 6.91421 17.75 6.5C17.75 6.08579 17.4142 5.75 17 5.75V7.25ZM15 5.75C14.5858 5.75 14.25 6.08579 14.25 6.5C14.25 6.91421 14.5858 7.25 15 7.25V5.75ZM17 10.25C17.4142 10.25 17.75 9.91421 17.75 9.5C17.75 9.08579 17.4142 8.75 17 8.75V10.25ZM15 8.75C14.5858 8.75 14.25 9.08579 14.25 9.5C14.25 9.91421 14.5858 10.25 15 10.25V8.75ZM11 5.75H13V4.25H11V5.75ZM14.25 7V9H15.75V7H14.25ZM13 10.25H11V11.75H13V10.25ZM9.75 9V7H8.25V9H9.75ZM11 10.25C10.5074 10.25 10.2134 10.2484 10.0027 10.2201C9.90611 10.2071 9.85774 10.1918 9.83596 10.1828C9.83092 10.1808 9.8276 10.1791 9.82567 10.1781C9.82376 10.1771 9.82292 10.1766 9.82283 10.1765C9.82277 10.1765 9.823 10.1766 9.82335 10.1769C9.8237 10.1772 9.82368 10.1772 9.82322 10.1768L8.76256 11.2374C9.07159 11.5465 9.44731 11.6589 9.80279 11.7067C10.1367 11.7516 10.5498 11.75 11 11.75V10.25ZM8.25 9C8.25 9.4502 8.24841 9.8633 8.2933 10.1972C8.34109 10.5527 8.45354 10.9284 8.76256 11.2374L9.82322 10.1768C9.82277 10.1763 9.82279 10.1763 9.82307 10.1766C9.82335 10.177 9.82351 10.1772 9.82347 10.1772C9.82341 10.1771 9.82286 10.1762 9.82186 10.1743C9.82085 10.1724 9.81923 10.1691 9.81716 10.164C9.8082 10.1423 9.79291 10.0939 9.77992 9.99734C9.75159 9.78661 9.75 9.49261 9.75 9H8.25ZM14.25 9C14.25 9.49261 14.2484 9.78661 14.2201 9.99734C14.2071 10.0939 14.1918 10.1423 14.1828 10.164C14.1808 10.1691 14.1791 10.1724 14.1781 10.1743C14.1771 10.1762 14.1766 10.1771 14.1765 10.1772C14.1765 10.1772 14.1766 10.177 14.1769 10.1766C14.1772 10.1763 14.1772 10.1763 14.1768 10.1768L15.2374 11.2374C15.5465 10.9284 15.6589 10.5527 15.7067 10.1972C15.7516 9.8633 15.75 9.4502 15.75 9H14.25ZM13 11.75C13.4502 11.75 13.8633 11.7516 14.1972 11.7067C14.5527 11.6589 14.9284 11.5465 15.2374 11.2374L14.1768 10.1768C14.1763 10.1772 14.1763 10.1772 14.1766 10.1769C14.177 10.1766 14.1772 10.1765 14.1772 10.1765C14.1771 10.1766 14.1762 10.1771 14.1743 10.1781C14.1724 10.1791 14.1691 10.1808 14.164 10.1828C14.1423 10.1918 14.0939 10.2071 13.9973 10.2201C13.7866 10.2484 13.4926 10.25 13 10.25V11.75ZM13 5.75C13.4926 5.75 13.7866 5.75159 13.9973 5.77992C14.0939 5.79291 14.1423 5.8082 14.164 5.81716C14.1691 5.81923 14.1724 5.82085 14.1743 5.82186C14.1762 5.82286 14.1771 5.82341 14.1772 5.82347C14.1772 5.82351 14.177 5.82335 14.1766 5.82307C14.1763 5.82279 14.1763 5.82277 14.1768 5.82322L15.2374 4.76256C14.9284 4.45354 14.5527 4.34109 14.1972 4.2933C13.8633 4.24841 13.4502 4.25 13 4.25V5.75ZM15.75 7C15.75 6.5498 15.7516 6.1367 15.7067 5.80279C15.6589 5.44731 15.5465 5.07159 15.2374 4.76256L14.1768 5.82322C14.1772 5.82368 14.1772 5.8237 14.1769 5.82335C14.1766 5.823 14.1765 5.82277 14.1765 5.82283C14.1766 5.82292 14.1771 5.82376 14.1781 5.82567C14.1791 5.8276 14.1808 5.83092 14.1828 5.83596C14.1918 5.85774 14.2071 5.90611 14.2201 6.00266C14.2484 6.21339 14.25 6.50739 14.25 7H15.75ZM11 4.25C10.5498 4.25 10.1367 4.24841 9.80279 4.2933C9.44731 4.34109 9.07159 4.45354 8.76256 4.76256L9.82322 5.82322C9.82368 5.82277 9.8237 5.82279 9.82335 5.82307C9.823 5.82335 9.82277 5.82351 9.82283 5.82347C9.82292 5.82341 9.82376 5.82286 9.82567 5.82186C9.8276 5.82085 9.83092 5.81923 9.83596 5.81716C9.85774 5.8082 9.90611 5.79291 10.0027 5.77992C10.2134 5.75159 10.5074 5.75 11 5.75V4.25ZM9.75 7C9.75 6.50739 9.75159 6.21339 9.77992 6.00266C9.79291 5.90611 9.8082 5.85774 9.81716 5.83596C9.81923 5.83092 9.82085 5.8276 9.82186 5.82567C9.82286 5.82376 9.82341 5.82292 9.82347 5.82283C9.82351 5.82277 9.82335 5.823 9.82307 5.82335C9.82279 5.8237 9.82277 5.82368 9.82322 5.82322L8.76256 4.76256C8.45354 5.07159 8.34109 5.44731 8.2933 5.80279C8.24841 6.1367 8.25 6.5498 8.25 7H9.75ZM9.75 11V13H11.25V11H9.75ZM12.75 11V13H14.25V11H12.75ZM9.75 3V5H11.25V3H9.75ZM12.75 3V5H14.25V3H12.75ZM9 5.75H7V7.25H9V5.75ZM9 8.75H7V10.25H9V8.75ZM17 5.75H15V7.25H17V5.75ZM17 8.75H15V10.25H17V8.75Z" fill="#141B34"></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">AiLearning</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">AiLearning</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">'M12 15.5L12 20.5'</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="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span>
			<span class="ss">d:
				</span><span class="s1">'M5.98056 3.28544C4.2879 2.96315 3.44157 2.80201 2.72078 3.41964C2 4.03727 2 5.04022 2 7.04612V14.255C2 16.0891 2 17.0061 2.4626 17.5787C2.9252 18.1512 3.94365 18.3451 5.98056 18.733C7.79633 19.0787 9.21344 19.6295 10.2392 20.1831C11.2484 20.7277 11.753 21 12 21C12.247 21 12.7516 20.7277 13.7608 20.1831C14.7866 19.6295 16.2037 19.0787 18.0194 18.733C20.0564 18.3451 21.0748 18.1512 21.5374 17.5787C22 17.0061 22 16.0891 22 14.255V7.04612C22 5.04022 22 4.03727 21.2792 3.41964C20.5584 2.80201 19.7121 2.96315 18.0194 3.28544'</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">'M9.29289 10.7071L9.82322 10.1768L9.82322 10.1768L9.29289 10.7071ZM14.7071 10.7071L14.1768 10.1768L14.1768 10.1768L14.7071 10.7071ZM14.7071 5.29289L14.1768 5.82322L14.1768 5.82322L14.7071 5.29289ZM11.25 11C11.25 10.5858 10.9142 10.25 10.5 10.25C10.0858 10.25 9.75 10.5858 9.75 11H11.25ZM9.75 13C9.75 13.4142 10.0858 13.75 10.5 13.75C10.9142 13.75 11.25 13.4142 11.25 13H9.75ZM14.25 11C14.25 10.5858 13.9142 10.25 13.5 10.25C13.0858 10.25 12.75 10.5858 12.75 11H14.25ZM12.75 13C12.75 13.4142 13.0858 13.75 13.5 13.75C13.9142 13.75 14.25 13.4142 14.25 13H12.75ZM11.25 3C11.25 2.58579 10.9142 2.25 10.5 2.25C10.0858 2.25 9.75 2.58579 9.75 3H11.25ZM9.75 5C9.75 5.41421 10.0858 5.75 10.5 5.75C10.9142 5.75 11.25 5.41421 11.25 5H9.75ZM14.25 3C14.25 2.58579 13.9142 2.25 13.5 2.25C13.0858 2.25 12.75 2.58579 12.75 3H14.25ZM12.75 5C12.75 5.41421 13.0858 5.75 13.5 5.75C13.9142 5.75 14.25 5.41421 14.25 5H12.75ZM9 7.25C9.41421 7.25 9.75 6.91421 9.75 6.5C9.75 6.08579 9.41421 5.75 9 5.75V7.25ZM7 5.75C6.58579 5.75 6.25 6.08579 6.25 6.5C6.25 6.91421 6.58579 7.25 7 7.25V5.75ZM9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5C9.75 9.08579 9.41421 8.75 9 8.75V10.25ZM7 8.75C6.58579 8.75 6.25 9.08579 6.25 9.5C6.25 9.91421 6.58579 10.25 7 10.25V8.75ZM17 7.25C17.4142 7.25 17.75 6.91421 17.75 6.5C17.75 6.08579 17.4142 5.75 17 5.75V7.25ZM15 5.75C14.5858 5.75 14.25 6.08579 14.25 6.5C14.25 6.91421 14.5858 7.25 15 7.25V5.75ZM17 10.25C17.4142 10.25 17.75 9.91421 17.75 9.5C17.75 9.08579 17.4142 8.75 17 8.75V10.25ZM15 8.75C14.5858 8.75 14.25 9.08579 14.25 9.5C14.25 9.91421 14.5858 10.25 15 10.25V8.75ZM11 5.75H13V4.25H11V5.75ZM14.25 7V9H15.75V7H14.25ZM13 10.25H11V11.75H13V10.25ZM9.75 9V7H8.25V9H9.75ZM11 10.25C10.5074 10.25 10.2134 10.2484 10.0027 10.2201C9.90611 10.2071 9.85774 10.1918 9.83596 10.1828C9.83092 10.1808 9.8276 10.1791 9.82567 10.1781C9.82376 10.1771 9.82292 10.1766 9.82283 10.1765C9.82277 10.1765 9.823 10.1766 9.82335 10.1769C9.8237 10.1772 9.82368 10.1772 9.82322 10.1768L8.76256 11.2374C9.07159 11.5465 9.44731 11.6589 9.80279 11.7067C10.1367 11.7516 10.5498 11.75 11 11.75V10.25ZM8.25 9C8.25 9.4502 8.24841 9.8633 8.2933 10.1972C8.34109 10.5527 8.45354 10.9284 8.76256 11.2374L9.82322 10.1768C9.82277 10.1763 9.82279 10.1763 9.82307 10.1766C9.82335 10.177 9.82351 10.1772 9.82347 10.1772C9.82341 10.1771 9.82286 10.1762 9.82186 10.1743C9.82085 10.1724 9.81923 10.1691 9.81716 10.164C9.8082 10.1423 9.79291 10.0939 9.77992 9.99734C9.75159 9.78661 9.75 9.49261 9.75 9H8.25ZM14.25 9C14.25 9.49261 14.2484 9.78661 14.2201 9.99734C14.2071 10.0939 14.1918 10.1423 14.1828 10.164C14.1808 10.1691 14.1791 10.1724 14.1781 10.1743C14.1771 10.1762 14.1766 10.1771 14.1765 10.1772C14.1765 10.1772 14.1766 10.177 14.1769 10.1766C14.1772 10.1763 14.1772 10.1763 14.1768 10.1768L15.2374 11.2374C15.5465 10.9284 15.6589 10.5527 15.7067 10.1972C15.7516 9.8633 15.75 9.4502 15.75 9H14.25ZM13 11.75C13.4502 11.75 13.8633 11.7516 14.1972 11.7067C14.5527 11.6589 14.9284 11.5465 15.2374 11.2374L14.1768 10.1768C14.1763 10.1772 14.1763 10.1772 14.1766 10.1769C14.177 10.1766 14.1772 10.1765 14.1772 10.1765C14.1771 10.1766 14.1762 10.1771 14.1743 10.1781C14.1724 10.1791 14.1691 10.1808 14.164 10.1828C14.1423 10.1918 14.0939 10.2071 13.9973 10.2201C13.7866 10.2484 13.4926 10.25 13 10.25V11.75ZM13 5.75C13.4926 5.75 13.7866 5.75159 13.9973 5.77992C14.0939 5.79291 14.1423 5.8082 14.164 5.81716C14.1691 5.81923 14.1724 5.82085 14.1743 5.82186C14.1762 5.82286 14.1771 5.82341 14.1772 5.82347C14.1772 5.82351 14.177 5.82335 14.1766 5.82307C14.1763 5.82279 14.1763 5.82277 14.1768 5.82322L15.2374 4.76256C14.9284 4.45354 14.5527 4.34109 14.1972 4.2933C13.8633 4.24841 13.4502 4.25 13 4.25V5.75ZM15.75 7C15.75 6.5498 15.7516 6.1367 15.7067 5.80279C15.6589 5.44731 15.5465 5.07159 15.2374 4.76256L14.1768 5.82322C14.1772 5.82368 14.1772 5.8237 14.1769 5.82335C14.1766 5.823 14.1765 5.82277 14.1765 5.82283C14.1766 5.82292 14.1771 5.82376 14.1781 5.82567C14.1791 5.8276 14.1808 5.83092 14.1828 5.83596C14.1918 5.85774 14.2071 5.90611 14.2201 6.00266C14.2484 6.21339 14.25 6.50739 14.25 7H15.75ZM11 4.25C10.5498 4.25 10.1367 4.24841 9.80279 4.2933C9.44731 4.34109 9.07159 4.45354 8.76256 4.76256L9.82322 5.82322C9.82368 5.82277 9.8237 5.82279 9.82335 5.82307C9.823 5.82335 9.82277 5.82351 9.82283 5.82347C9.82292 5.82341 9.82376 5.82286 9.82567 5.82186C9.8276 5.82085 9.83092 5.81923 9.83596 5.81716C9.85774 5.8082 9.90611 5.79291 10.0027 5.77992C10.2134 5.75159 10.5074 5.75 11 5.75V4.25ZM9.75 7C9.75 6.50739 9.75159 6.21339 9.77992 6.00266C9.79291 5.90611 9.8082 5.85774 9.81716 5.83596C9.81923 5.83092 9.82085 5.8276 9.82186 5.82567C9.82286 5.82376 9.82341 5.82292 9.82347 5.82283C9.82351 5.82277 9.82335 5.823 9.82307 5.82335C9.82279 5.8237 9.82277 5.82368 9.82322 5.82322L8.76256 4.76256C8.45354 5.07159 8.34109 5.44731 8.2933 5.80279C8.24841 6.1367 8.25 6.5498 8.25 7H9.75ZM9.75 11V13H11.25V11H9.75ZM12.75 11V13H14.25V11H12.75ZM9.75 3V5H11.25V3H9.75ZM12.75 3V5H14.25V3H12.75ZM9 5.75H7V7.25H9V5.75ZM9 8.75H7V10.25H9V8.75ZM17 5.75H15V7.25H17V5.75ZM17 8.75H15V10.25H17V8.75Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'#141B34'</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">"M12 15.5L12 20.5"</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="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M5.98056 3.28544C4.2879 2.96315 3.44157 2.80201 2.72078 3.41964C2 4.03727 2 5.04022 2 7.04612V14.255C2 16.0891 2 17.0061 2.4626 17.5787C2.9252 18.1512 3.94365 18.3451 5.98056 18.733C7.79633 19.0787 9.21344 19.6295 10.2392 20.1831C11.2484 20.7277 11.753 21 12 21C12.247 21 12.7516 20.7277 13.7608 20.1831C14.7866 19.6295 16.2037 19.0787 18.0194 18.733C20.0564 18.3451 21.0748 18.1512 21.5374 17.5787C22 17.0061 22 16.0891 22 14.255V7.04612C22 5.04022 22 4.03727 21.2792 3.41964C20.5584 2.80201 19.7121 2.96315 18.0194 3.28544"</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">"M9.29289 10.7071L9.82322 10.1768L9.82322 10.1768L9.29289 10.7071ZM14.7071 10.7071L14.1768 10.1768L14.1768 10.1768L14.7071 10.7071ZM14.7071 5.29289L14.1768 5.82322L14.1768 5.82322L14.7071 5.29289ZM11.25 11C11.25 10.5858 10.9142 10.25 10.5 10.25C10.0858 10.25 9.75 10.5858 9.75 11H11.25ZM9.75 13C9.75 13.4142 10.0858 13.75 10.5 13.75C10.9142 13.75 11.25 13.4142 11.25 13H9.75ZM14.25 11C14.25 10.5858 13.9142 10.25 13.5 10.25C13.0858 10.25 12.75 10.5858 12.75 11H14.25ZM12.75 13C12.75 13.4142 13.0858 13.75 13.5 13.75C13.9142 13.75 14.25 13.4142 14.25 13H12.75ZM11.25 3C11.25 2.58579 10.9142 2.25 10.5 2.25C10.0858 2.25 9.75 2.58579 9.75 3H11.25ZM9.75 5C9.75 5.41421 10.0858 5.75 10.5 5.75C10.9142 5.75 11.25 5.41421 11.25 5H9.75ZM14.25 3C14.25 2.58579 13.9142 2.25 13.5 2.25C13.0858 2.25 12.75 2.58579 12.75 3H14.25ZM12.75 5C12.75 5.41421 13.0858 5.75 13.5 5.75C13.9142 5.75 14.25 5.41421 14.25 5H12.75ZM9 7.25C9.41421 7.25 9.75 6.91421 9.75 6.5C9.75 6.08579 9.41421 5.75 9 5.75V7.25ZM7 5.75C6.58579 5.75 6.25 6.08579 6.25 6.5C6.25 6.91421 6.58579 7.25 7 7.25V5.75ZM9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5C9.75 9.08579 9.41421 8.75 9 8.75V10.25ZM7 8.75C6.58579 8.75 6.25 9.08579 6.25 9.5C6.25 9.91421 6.58579 10.25 7 10.25V8.75ZM17 7.25C17.4142 7.25 17.75 6.91421 17.75 6.5C17.75 6.08579 17.4142 5.75 17 5.75V7.25ZM15 5.75C14.5858 5.75 14.25 6.08579 14.25 6.5C14.25 6.91421 14.5858 7.25 15 7.25V5.75ZM17 10.25C17.4142 10.25 17.75 9.91421 17.75 9.5C17.75 9.08579 17.4142 8.75 17 8.75V10.25ZM15 8.75C14.5858 8.75 14.25 9.08579 14.25 9.5C14.25 9.91421 14.5858 10.25 15 10.25V8.75ZM11 5.75H13V4.25H11V5.75ZM14.25 7V9H15.75V7H14.25ZM13 10.25H11V11.75H13V10.25ZM9.75 9V7H8.25V9H9.75ZM11 10.25C10.5074 10.25 10.2134 10.2484 10.0027 10.2201C9.90611 10.2071 9.85774 10.1918 9.83596 10.1828C9.83092 10.1808 9.8276 10.1791 9.82567 10.1781C9.82376 10.1771 9.82292 10.1766 9.82283 10.1765C9.82277 10.1765 9.823 10.1766 9.82335 10.1769C9.8237 10.1772 9.82368 10.1772 9.82322 10.1768L8.76256 11.2374C9.07159 11.5465 9.44731 11.6589 9.80279 11.7067C10.1367 11.7516 10.5498 11.75 11 11.75V10.25ZM8.25 9C8.25 9.4502 8.24841 9.8633 8.2933 10.1972C8.34109 10.5527 8.45354 10.9284 8.76256 11.2374L9.82322 10.1768C9.82277 10.1763 9.82279 10.1763 9.82307 10.1766C9.82335 10.177 9.82351 10.1772 9.82347 10.1772C9.82341 10.1771 9.82286 10.1762 9.82186 10.1743C9.82085 10.1724 9.81923 10.1691 9.81716 10.164C9.8082 10.1423 9.79291 10.0939 9.77992 9.99734C9.75159 9.78661 9.75 9.49261 9.75 9H8.25ZM14.25 9C14.25 9.49261 14.2484 9.78661 14.2201 9.99734C14.2071 10.0939 14.1918 10.1423 14.1828 10.164C14.1808 10.1691 14.1791 10.1724 14.1781 10.1743C14.1771 10.1762 14.1766 10.1771 14.1765 10.1772C14.1765 10.1772 14.1766 10.177 14.1769 10.1766C14.1772 10.1763 14.1772 10.1763 14.1768 10.1768L15.2374 11.2374C15.5465 10.9284 15.6589 10.5527 15.7067 10.1972C15.7516 9.8633 15.75 9.4502 15.75 9H14.25ZM13 11.75C13.4502 11.75 13.8633 11.7516 14.1972 11.7067C14.5527 11.6589 14.9284 11.5465 15.2374 11.2374L14.1768 10.1768C14.1763 10.1772 14.1763 10.1772 14.1766 10.1769C14.177 10.1766 14.1772 10.1765 14.1772 10.1765C14.1771 10.1766 14.1762 10.1771 14.1743 10.1781C14.1724 10.1791 14.1691 10.1808 14.164 10.1828C14.1423 10.1918 14.0939 10.2071 13.9973 10.2201C13.7866 10.2484 13.4926 10.25 13 10.25V11.75ZM13 5.75C13.4926 5.75 13.7866 5.75159 13.9973 5.77992C14.0939 5.79291 14.1423 5.8082 14.164 5.81716C14.1691 5.81923 14.1724 5.82085 14.1743 5.82186C14.1762 5.82286 14.1771 5.82341 14.1772 5.82347C14.1772 5.82351 14.177 5.82335 14.1766 5.82307C14.1763 5.82279 14.1763 5.82277 14.1768 5.82322L15.2374 4.76256C14.9284 4.45354 14.5527 4.34109 14.1972 4.2933C13.8633 4.24841 13.4502 4.25 13 4.25V5.75ZM15.75 7C15.75 6.5498 15.7516 6.1367 15.7067 5.80279C15.6589 5.44731 15.5465 5.07159 15.2374 4.76256L14.1768 5.82322C14.1772 5.82368 14.1772 5.8237 14.1769 5.82335C14.1766 5.823 14.1765 5.82277 14.1765 5.82283C14.1766 5.82292 14.1771 5.82376 14.1781 5.82567C14.1791 5.8276 14.1808 5.83092 14.1828 5.83596C14.1918 5.85774 14.2071 5.90611 14.2201 6.00266C14.2484 6.21339 14.25 6.50739 14.25 7H15.75ZM11 4.25C10.5498 4.25 10.1367 4.24841 9.80279 4.2933C9.44731 4.34109 9.07159 4.45354 8.76256 4.76256L9.82322 5.82322C9.82368 5.82277 9.8237 5.82279 9.82335 5.82307C9.823 5.82335 9.82277 5.82351 9.82283 5.82347C9.82292 5.82341 9.82376 5.82286 9.82567 5.82186C9.8276 5.82085 9.83092 5.81923 9.83596 5.81716C9.85774 5.8082 9.90611 5.79291 10.0027 5.77992C10.2134 5.75159 10.5074 5.75 11 5.75V4.25ZM9.75 7C9.75 6.50739 9.75159 6.21339 9.77992 6.00266C9.79291 5.90611 9.8082 5.85774 9.81716 5.83596C9.81923 5.83092 9.82085 5.8276 9.82186 5.82567C9.82286 5.82376 9.82341 5.82292 9.82347 5.82283C9.82351 5.82277 9.82335 5.823 9.82307 5.82335C9.82279 5.8237 9.82277 5.82368 9.82322 5.82322L8.76256 4.76256C8.45354 5.07159 8.34109 5.44731 8.2933 5.80279C8.24841 6.1367 8.25 6.5498 8.25 7H9.75ZM9.75 11V13H11.25V11H9.75ZM12.75 11V13H14.25V11H12.75ZM9.75 3V5H11.25V3H9.75ZM12.75 3V5H14.25V3H12.75ZM9 5.75H7V7.25H9V5.75ZM9 8.75H7V10.25H9V8.75ZM17 5.75H15V7.25H17V5.75ZM17 8.75H15V10.25H17V8.75Z"</span> <span class="na">fill=</span><span class="s">"#141B34"</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>