<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">RssLocked</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/rss_locked.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.9915 22C13.7121 22 13.9925 21.9956 13.9925 21.9956C17.4088 21.971 19.2922 21.8099 20.5342 20.7552C22 19.5104 22 17.5069 22 13.5M11.9906 5C7.27213 5 4.91289 5 3.44705 6.2448C2.32426 7.19827 2.0615 8.59687 2 11" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.0803 10.8573L15.7761 11.5428L15.7761 11.5428L16.0803 10.8573ZM15.1332 9.84253L14.4337 10.113H14.4337L15.1332 9.84253ZM21.8668 9.84253L22.5663 10.113L22.5663 10.113L21.8668 9.84253ZM20.9197 10.8573L21.2239 11.5428L21.2239 11.5428L20.9197 10.8573ZM20.9197 5.51773L21.2239 4.8322L20.9197 5.51773ZM21.8668 6.53247L22.5663 6.26203L22.5663 6.26203L21.8668 6.53247ZM16.0803 5.51773L15.7761 4.8322L16.0803 5.51773ZM15.1332 6.53247L14.4337 6.26203L15.1332 6.53247ZM16 5.375C16 5.78921 16.3358 6.125 16.75 6.125C17.1642 6.125 17.5 5.78921 17.5 5.375H16ZM19.5 5.375C19.5 5.78921 19.8358 6.125 20.25 6.125C20.6642 6.125 21 5.78921 21 5.375L19.5 5.375ZM17.625 6.125L19.375 6.125V4.625H17.625V6.125ZM19.375 10.25H17.625V11.75H19.375V10.25ZM17.625 10.25C17.2063 10.25 16.9325 10.2495 16.7222 10.2342C16.5196 10.2193 16.4338 10.1936 16.3845 10.1718L15.7761 11.5428C16.0484 11.6637 16.3272 11.7093 16.6128 11.7302C16.8905 11.7505 17.2283 11.75 17.625 11.75V10.25ZM14.25 8.1875C14.25 8.61474 14.2496 8.97023 14.2682 9.26108C14.2871 9.55774 14.3278 9.83905 14.4337 10.113L15.8328 9.57209C15.8054 9.50144 15.7795 9.39206 15.7651 9.16575C15.7504 8.93364 15.75 8.6339 15.75 8.1875H14.25ZM16.3845 10.1718C16.1471 10.0664 15.9427 9.85657 15.8328 9.57209L14.4337 10.113C14.6789 10.7474 15.1559 11.2676 15.7761 11.5428L16.3845 10.1718ZM21.25 8.1875C21.25 8.6339 21.2496 8.93364 21.2349 9.16575C21.2205 9.39206 21.1946 9.50144 21.1672 9.57209L22.5663 10.113C22.6722 9.83905 22.7129 9.55774 22.7318 9.26108C22.7504 8.97023 22.75 8.61474 22.75 8.1875H21.25ZM19.375 11.75C19.7717 11.75 20.1095 11.7505 20.3872 11.7302C20.6728 11.7093 20.9516 11.6637 21.2239 11.5428L20.6155 10.1718C20.5662 10.1936 20.4804 10.2193 20.2778 10.2342C20.0675 10.2495 19.7937 10.25 19.375 10.25V11.75ZM21.1672 9.57209C21.0573 9.85657 20.8529 10.0664 20.6155 10.1718L21.2239 11.5428C21.8441 11.2676 22.3211 10.7474 22.5663 10.113L21.1672 9.57209ZM19.375 6.125C19.7937 6.125 20.0675 6.12547 20.2778 6.14084C20.4804 6.15565 20.5662 6.18138 20.6155 6.20325L21.2239 4.8322C20.9516 4.71134 20.6728 4.66571 20.3872 4.64484C20.1095 4.62453 19.7717 4.625 19.375 4.625V6.125ZM22.75 8.1875C22.75 7.76026 22.7504 7.40477 22.7318 7.11392C22.7129 6.81726 22.6722 6.53595 22.5663 6.26203L21.1672 6.80291C21.1946 6.87356 21.2205 6.98294 21.2349 7.20925C21.2496 7.44136 21.25 7.7411 21.25 8.1875H22.75ZM20.6155 6.20325C20.8529 6.30862 21.0573 6.51843 21.1672 6.80291L22.5663 6.26203C22.3211 5.62765 21.8441 5.10744 21.2239 4.8322L20.6155 6.20325ZM17.625 4.625C17.2283 4.625 16.8905 4.62453 16.6128 4.64484C16.3272 4.66571 16.0484 4.71134 15.7761 4.8322L16.3845 6.20325C16.4338 6.18138 16.5196 6.15565 16.7222 6.14084C16.9325 6.12547 17.2063 6.125 17.625 6.125V4.625ZM15.75 8.1875C15.75 7.7411 15.7504 7.44136 15.7651 7.20925C15.7795 6.98294 15.8054 6.87356 15.8328 6.80291L14.4337 6.26203C14.3278 6.53595 14.2871 6.81726 14.2682 7.11392C14.2496 7.40477 14.25 7.76026 14.25 8.1875H15.75ZM15.7761 4.8322C15.1559 5.10744 14.6789 5.62765 14.4337 6.26203L15.8328 6.80291C15.9427 6.51843 16.1471 6.30862 16.3845 6.20325L15.7761 4.8322ZM17.5 5.375V3.6875H16V5.375H17.5ZM19.5 3.6875V5.375L21 5.375V3.6875L19.5 3.6875ZM18.5 2.75C19.0782 2.75 19.5 3.19521 19.5 3.6875L21 3.6875C21 2.31583 19.8548 1.25 18.5 1.25V2.75ZM17.5 3.6875C17.5 3.19521 17.9218 2.75 18.5 2.75V1.25C17.1452 1.25 16 2.31583 16 3.6875H17.5Z" fill="#141B34"></path><path d="M2.98242 21H2.9914" stroke="#141B34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 17.2349C4.49328 17.2349 6.77053 19.5 6.77053 21.9996M10 21.9996C10 17.5 5.99511 14 2.04522 14" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></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">RssLocked</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">RssLocked</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.9915 22C13.7121 22 13.9925 21.9956 13.9925 21.9956C17.4088 21.971 19.2922 21.8099 20.5342 20.7552C22 19.5104 22 17.5069 22 13.5M11.9906 5C7.27213 5 4.91289 5 3.44705 6.2448C2.32426 7.19827 2.0615 8.59687 2 11'</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">'M16.0803 10.8573L15.7761 11.5428L15.7761 11.5428L16.0803 10.8573ZM15.1332 9.84253L14.4337 10.113H14.4337L15.1332 9.84253ZM21.8668 9.84253L22.5663 10.113L22.5663 10.113L21.8668 9.84253ZM20.9197 10.8573L21.2239 11.5428L21.2239 11.5428L20.9197 10.8573ZM20.9197 5.51773L21.2239 4.8322L20.9197 5.51773ZM21.8668 6.53247L22.5663 6.26203L22.5663 6.26203L21.8668 6.53247ZM16.0803 5.51773L15.7761 4.8322L16.0803 5.51773ZM15.1332 6.53247L14.4337 6.26203L15.1332 6.53247ZM16 5.375C16 5.78921 16.3358 6.125 16.75 6.125C17.1642 6.125 17.5 5.78921 17.5 5.375H16ZM19.5 5.375C19.5 5.78921 19.8358 6.125 20.25 6.125C20.6642 6.125 21 5.78921 21 5.375L19.5 5.375ZM17.625 6.125L19.375 6.125V4.625H17.625V6.125ZM19.375 10.25H17.625V11.75H19.375V10.25ZM17.625 10.25C17.2063 10.25 16.9325 10.2495 16.7222 10.2342C16.5196 10.2193 16.4338 10.1936 16.3845 10.1718L15.7761 11.5428C16.0484 11.6637 16.3272 11.7093 16.6128 11.7302C16.8905 11.7505 17.2283 11.75 17.625 11.75V10.25ZM14.25 8.1875C14.25 8.61474 14.2496 8.97023 14.2682 9.26108C14.2871 9.55774 14.3278 9.83905 14.4337 10.113L15.8328 9.57209C15.8054 9.50144 15.7795 9.39206 15.7651 9.16575C15.7504 8.93364 15.75 8.6339 15.75 8.1875H14.25ZM16.3845 10.1718C16.1471 10.0664 15.9427 9.85657 15.8328 9.57209L14.4337 10.113C14.6789 10.7474 15.1559 11.2676 15.7761 11.5428L16.3845 10.1718ZM21.25 8.1875C21.25 8.6339 21.2496 8.93364 21.2349 9.16575C21.2205 9.39206 21.1946 9.50144 21.1672 9.57209L22.5663 10.113C22.6722 9.83905 22.7129 9.55774 22.7318 9.26108C22.7504 8.97023 22.75 8.61474 22.75 8.1875H21.25ZM19.375 11.75C19.7717 11.75 20.1095 11.7505 20.3872 11.7302C20.6728 11.7093 20.9516 11.6637 21.2239 11.5428L20.6155 10.1718C20.5662 10.1936 20.4804 10.2193 20.2778 10.2342C20.0675 10.2495 19.7937 10.25 19.375 10.25V11.75ZM21.1672 9.57209C21.0573 9.85657 20.8529 10.0664 20.6155 10.1718L21.2239 11.5428C21.8441 11.2676 22.3211 10.7474 22.5663 10.113L21.1672 9.57209ZM19.375 6.125C19.7937 6.125 20.0675 6.12547 20.2778 6.14084C20.4804 6.15565 20.5662 6.18138 20.6155 6.20325L21.2239 4.8322C20.9516 4.71134 20.6728 4.66571 20.3872 4.64484C20.1095 4.62453 19.7717 4.625 19.375 4.625V6.125ZM22.75 8.1875C22.75 7.76026 22.7504 7.40477 22.7318 7.11392C22.7129 6.81726 22.6722 6.53595 22.5663 6.26203L21.1672 6.80291C21.1946 6.87356 21.2205 6.98294 21.2349 7.20925C21.2496 7.44136 21.25 7.7411 21.25 8.1875H22.75ZM20.6155 6.20325C20.8529 6.30862 21.0573 6.51843 21.1672 6.80291L22.5663 6.26203C22.3211 5.62765 21.8441 5.10744 21.2239 4.8322L20.6155 6.20325ZM17.625 4.625C17.2283 4.625 16.8905 4.62453 16.6128 4.64484C16.3272 4.66571 16.0484 4.71134 15.7761 4.8322L16.3845 6.20325C16.4338 6.18138 16.5196 6.15565 16.7222 6.14084C16.9325 6.12547 17.2063 6.125 17.625 6.125V4.625ZM15.75 8.1875C15.75 7.7411 15.7504 7.44136 15.7651 7.20925C15.7795 6.98294 15.8054 6.87356 15.8328 6.80291L14.4337 6.26203C14.3278 6.53595 14.2871 6.81726 14.2682 7.11392C14.2496 7.40477 14.25 7.76026 14.25 8.1875H15.75ZM15.7761 4.8322C15.1559 5.10744 14.6789 5.62765 14.4337 6.26203L15.8328 6.80291C15.9427 6.51843 16.1471 6.30862 16.3845 6.20325L15.7761 4.8322ZM17.5 5.375V3.6875H16V5.375H17.5ZM19.5 3.6875V5.375L21 5.375V3.6875L19.5 3.6875ZM18.5 2.75C19.0782 2.75 19.5 3.19521 19.5 3.6875L21 3.6875C21 2.31583 19.8548 1.25 18.5 1.25V2.75ZM17.5 3.6875C17.5 3.19521 17.9218 2.75 18.5 2.75V1.25C17.1452 1.25 16 2.31583 16 3.6875H17.5Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'#141B34'</span>
		<span class="p">)</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span>
			<span class="ss">d: </span><span class="s1">'M2.98242 21H2.9914'</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">'2'</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">'M2 17.2349C4.49328 17.2349 6.77053 19.5 6.77053 21.9996M10 21.9996C10 17.5 5.99511 14 2.04522 14'</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="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.9915 22C13.7121 22 13.9925 21.9956 13.9925 21.9956C17.4088 21.971 19.2922 21.8099 20.5342 20.7552C22 19.5104 22 17.5069 22 13.5M11.9906 5C7.27213 5 4.91289 5 3.44705 6.2448C2.32426 7.19827 2.0615 8.59687 2 11"</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">"M16.0803 10.8573L15.7761 11.5428L15.7761 11.5428L16.0803 10.8573ZM15.1332 9.84253L14.4337 10.113H14.4337L15.1332 9.84253ZM21.8668 9.84253L22.5663 10.113L22.5663 10.113L21.8668 9.84253ZM20.9197 10.8573L21.2239 11.5428L21.2239 11.5428L20.9197 10.8573ZM20.9197 5.51773L21.2239 4.8322L20.9197 5.51773ZM21.8668 6.53247L22.5663 6.26203L22.5663 6.26203L21.8668 6.53247ZM16.0803 5.51773L15.7761 4.8322L16.0803 5.51773ZM15.1332 6.53247L14.4337 6.26203L15.1332 6.53247ZM16 5.375C16 5.78921 16.3358 6.125 16.75 6.125C17.1642 6.125 17.5 5.78921 17.5 5.375H16ZM19.5 5.375C19.5 5.78921 19.8358 6.125 20.25 6.125C20.6642 6.125 21 5.78921 21 5.375L19.5 5.375ZM17.625 6.125L19.375 6.125V4.625H17.625V6.125ZM19.375 10.25H17.625V11.75H19.375V10.25ZM17.625 10.25C17.2063 10.25 16.9325 10.2495 16.7222 10.2342C16.5196 10.2193 16.4338 10.1936 16.3845 10.1718L15.7761 11.5428C16.0484 11.6637 16.3272 11.7093 16.6128 11.7302C16.8905 11.7505 17.2283 11.75 17.625 11.75V10.25ZM14.25 8.1875C14.25 8.61474 14.2496 8.97023 14.2682 9.26108C14.2871 9.55774 14.3278 9.83905 14.4337 10.113L15.8328 9.57209C15.8054 9.50144 15.7795 9.39206 15.7651 9.16575C15.7504 8.93364 15.75 8.6339 15.75 8.1875H14.25ZM16.3845 10.1718C16.1471 10.0664 15.9427 9.85657 15.8328 9.57209L14.4337 10.113C14.6789 10.7474 15.1559 11.2676 15.7761 11.5428L16.3845 10.1718ZM21.25 8.1875C21.25 8.6339 21.2496 8.93364 21.2349 9.16575C21.2205 9.39206 21.1946 9.50144 21.1672 9.57209L22.5663 10.113C22.6722 9.83905 22.7129 9.55774 22.7318 9.26108C22.7504 8.97023 22.75 8.61474 22.75 8.1875H21.25ZM19.375 11.75C19.7717 11.75 20.1095 11.7505 20.3872 11.7302C20.6728 11.7093 20.9516 11.6637 21.2239 11.5428L20.6155 10.1718C20.5662 10.1936 20.4804 10.2193 20.2778 10.2342C20.0675 10.2495 19.7937 10.25 19.375 10.25V11.75ZM21.1672 9.57209C21.0573 9.85657 20.8529 10.0664 20.6155 10.1718L21.2239 11.5428C21.8441 11.2676 22.3211 10.7474 22.5663 10.113L21.1672 9.57209ZM19.375 6.125C19.7937 6.125 20.0675 6.12547 20.2778 6.14084C20.4804 6.15565 20.5662 6.18138 20.6155 6.20325L21.2239 4.8322C20.9516 4.71134 20.6728 4.66571 20.3872 4.64484C20.1095 4.62453 19.7717 4.625 19.375 4.625V6.125ZM22.75 8.1875C22.75 7.76026 22.7504 7.40477 22.7318 7.11392C22.7129 6.81726 22.6722 6.53595 22.5663 6.26203L21.1672 6.80291C21.1946 6.87356 21.2205 6.98294 21.2349 7.20925C21.2496 7.44136 21.25 7.7411 21.25 8.1875H22.75ZM20.6155 6.20325C20.8529 6.30862 21.0573 6.51843 21.1672 6.80291L22.5663 6.26203C22.3211 5.62765 21.8441 5.10744 21.2239 4.8322L20.6155 6.20325ZM17.625 4.625C17.2283 4.625 16.8905 4.62453 16.6128 4.64484C16.3272 4.66571 16.0484 4.71134 15.7761 4.8322L16.3845 6.20325C16.4338 6.18138 16.5196 6.15565 16.7222 6.14084C16.9325 6.12547 17.2063 6.125 17.625 6.125V4.625ZM15.75 8.1875C15.75 7.7411 15.7504 7.44136 15.7651 7.20925C15.7795 6.98294 15.8054 6.87356 15.8328 6.80291L14.4337 6.26203C14.3278 6.53595 14.2871 6.81726 14.2682 7.11392C14.2496 7.40477 14.25 7.76026 14.25 8.1875H15.75ZM15.7761 4.8322C15.1559 5.10744 14.6789 5.62765 14.4337 6.26203L15.8328 6.80291C15.9427 6.51843 16.1471 6.30862 16.3845 6.20325L15.7761 4.8322ZM17.5 5.375V3.6875H16V5.375H17.5ZM19.5 3.6875V5.375L21 5.375V3.6875L19.5 3.6875ZM18.5 2.75C19.0782 2.75 19.5 3.19521 19.5 3.6875L21 3.6875C21 2.31583 19.8548 1.25 18.5 1.25V2.75ZM17.5 3.6875C17.5 3.19521 17.9218 2.75 18.5 2.75V1.25C17.1452 1.25 16 2.31583 16 3.6875H17.5Z"</span> <span class="na">fill=</span><span class="s">"#141B34"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M2.98242 21H2.9914"</span> <span class="na">stroke=</span><span class="s">"#141B34"</span> <span class="na">stroke-width=</span><span class="s">"2"</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">"M2 17.2349C4.49328 17.2349 6.77053 19.5 6.77053 21.9996M10 21.9996C10 17.5 5.99511 14 2.04522 14"</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;/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>