<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">ShadowNone</h3><p class="text-sm text-muted-foreground gap-y-2">PhlexIcons::Radix</p><a href="https://github.com/AliOsm/phlex-icons/blob/main/lib/phlex-icons/radix/shadow_none.rb" type="button" class="whitespace-nowrap justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-3 py-1.5 h-8 text-xs flex items-center gap-1" target="-blank">Source code<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div><div class="py-4 space-y-4"><div class="space-y-2"><div><p class="text-sm font-normal">Icon ↓</p><svg class="size-10" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".05" fill-rule="evenodd" clip-rule="evenodd" d="M6.78293 13.376C8.73901 9.95282 8.73901 5.04717 6.78293 1.62403L7.21705 1.37596C9.26097 4.95282 9.26097 10.0472 7.21705 13.624L6.78293 13.376Z" fill="currentColor"></path><path opacity=".1" fill-rule="evenodd" clip-rule="evenodd" d="M7.28207 13.4775C9.23932 9.99523 9.23932 5.00475 7.28207 1.52248L7.71794 1.2775C9.7607 4.9119 9.7607 10.0881 7.71794 13.7225L7.28207 13.4775Z" fill="currentColor"></path><path opacity=".15" fill-rule="evenodd" clip-rule="evenodd" d="M7.82098 13.5064C9.72502 9.99522 9.72636 5.01409 7.82492 1.50082L8.26465 1.26283C10.2465 4.92465 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z" fill="currentColor"></path><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M8.41284 13.429C10.1952 9.92841 10.1957 5.07535 8.41435 1.574L8.85999 1.34727C10.7139 4.99111 10.7133 10.0128 8.85841 13.6558L8.41284 13.429Z" fill="currentColor"></path><path opacity=".25" fill-rule="evenodd" clip-rule="evenodd" d="M9.02438 13.2956C10.6566 9.8379 10.6585 5.17715 9.03002 1.71656L9.48242 1.50366C11.1744 5.09919 11.1725 9.91629 9.47654 13.5091L9.02438 13.2956Z" fill="currentColor"></path><path opacity=".3" fill-rule="evenodd" clip-rule="evenodd" d="M9.66809 13.0655C11.1097 9.6957 11.1107 5.31209 9.67088 1.94094L10.1307 1.74455C11.6241 5.2412 11.6231 9.76682 10.1278 13.2622L9.66809 13.0655Z" fill="currentColor"></path><path opacity=".35" fill-rule="evenodd" clip-rule="evenodd" d="M10.331 12.7456C11.5551 9.52073 11.5563 5.49103 10.3347 2.26444L10.8023 2.0874C12.0672 5.42815 12.0659 9.58394 10.7984 12.9231L10.331 12.7456Z" fill="currentColor"></path><path opacity=".4" fill-rule="evenodd" clip-rule="evenodd" d="M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z" fill="currentColor"></path><path opacity=".45" fill-rule="evenodd" clip-rule="evenodd" d="M11.7214 11.668C12.4254 9.01301 12.4262 5.9969 11.7237 3.34114L12.2071 3.21327C12.9318 5.95291 12.931 9.05726 12.2047 11.7961L11.7214 11.668Z" fill="currentColor"></path><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M12.4432 10.752C12.8524 8.63761 12.8523 6.36088 12.4429 4.24659L12.9338 4.15154C13.3553 6.32859 13.3554 8.66984 12.9341 10.847L12.4432 10.752Z" fill="currentColor"></path><path d="M7.49911 0.877045C9.14783 0.877045 10.6553 1.48093 11.8145 2.47763L12.6466 1.64658C12.8418 1.45131 13.1583 1.45131 13.3536 1.64658C13.5488 1.84185 13.5488 2.15838 13.3536 2.35361L12.5216 3.18466C13.5185 4.34363 14.122 5.85045 14.1222 7.49911C14.1222 11.1568 11.1568 14.1222 7.49911 14.1222C5.85045 14.122 4.34363 13.5185 3.18466 12.5216L2.35361 13.3536C2.15838 13.5488 1.84185 13.5488 1.64658 13.3536C1.45131 13.1583 1.45131 12.8418 1.64658 12.6466L2.47763 11.8145C1.48093 10.6553 0.877045 9.14783 0.877045 7.49911C0.877456 3.84203 3.84203 0.877456 7.49911 0.877045ZM3.85751 11.8487C4.84285 12.6747 6.11291 13.1718 7.49911 13.172C10.6321 13.172 13.172 10.6321 13.172 7.49911C13.1718 6.11291 12.6747 4.84285 11.8487 3.85751L3.85751 11.8487ZM7.49911 1.82626C4.3667 1.82667 1.82667 4.3667 1.82626 7.49911C1.82626 8.88557 2.32529 10.1553 3.15146 11.1407L11.1407 3.15146C10.1553 2.32529 8.88557 1.82626 7.49911 1.82626Z" fill="currentColor"></path></svg></div><div><p class="text-sm font-normal">With <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="no">Radix</span><span class="o">::</span><span class="no">ShadowNone</span><span class="p">()</span></pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Without <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> (e.g. ERB) ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="n">render</span> <span class="no">PhlexIcons</span><span class="o">::</span><span class="no">Radix</span><span class="o">::</span><span class="no">ShadowNone</span><span class="p">.</span><span class="nf">new</span></pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain Phlex ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="k">def</span> <span class="nf">view_template</span>
	<span class="n">svg</span><span class="p">(</span>
		<span class="o">**</span><span class="n">attrs</span><span class="p">,</span>
		<span class="ss">viewbox: </span><span class="s1">'0 0 15 15'</span><span class="p">,</span>
		<span class="ss">fill: </span><span class="s1">'none'</span><span class="p">,</span>
		<span class="ss">xmlns: </span><span class="s1">'http://www.w3.org/2000/svg'</span>
	<span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">s</span><span class="o">|</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span>
			<span class="ss">opacity: </span><span class="s1">'.05'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M6.78293 13.376C8.73901 9.95282 8.73901 5.04717 6.78293 1.62403L7.21705 1.37596C9.26097 4.95282 9.26097 10.0472 7.21705 13.624L6.78293 13.376Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.1'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M7.28207 13.4775C9.23932 9.99523 9.23932 5.00475 7.28207 1.52248L7.71794 1.2775C9.7607 4.9119 9.7607 10.0881 7.71794 13.7225L7.28207 13.4775Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.15'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M7.82098 13.5064C9.72502 9.99522 9.72636 5.01409 7.82492 1.50082L8.26465 1.26283C10.2465 4.92465 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.2'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M8.41284 13.429C10.1952 9.92841 10.1957 5.07535 8.41435 1.574L8.85999 1.34727C10.7139 4.99111 10.7133 10.0128 8.85841 13.6558L8.41284 13.429Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.25'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M9.02438 13.2956C10.6566 9.8379 10.6585 5.17715 9.03002 1.71656L9.48242 1.50366C11.1744 5.09919 11.1725 9.91629 9.47654 13.5091L9.02438 13.2956Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.3'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M9.66809 13.0655C11.1097 9.6957 11.1107 5.31209 9.67088 1.94094L10.1307 1.74455C11.6241 5.2412 11.6231 9.76682 10.1278 13.2622L9.66809 13.0655Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.35'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M10.331 12.7456C11.5551 9.52073 11.5563 5.49103 10.3347 2.26444L10.8023 2.0874C12.0672 5.42815 12.0659 9.58394 10.7984 12.9231L10.331 12.7456Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.4'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.45'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M11.7214 11.668C12.4254 9.01301 12.4262 5.9969 11.7237 3.34114L12.2071 3.21327C12.9318 5.95291 12.931 9.05726 12.2047 11.7961L11.7214 11.668Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">opacity: </span><span class="s1">'.5'</span><span class="p">,</span>
			<span class="ss">fill_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">clip_rule: </span><span class="s1">'evenodd'</span><span class="p">,</span>
			<span class="ss">d:
				</span><span class="s1">'M12.4432 10.752C12.8524 8.63761 12.8523 6.36088 12.4429 4.24659L12.9338 4.15154C13.3553 6.32859 13.3554 8.66984 12.9341 10.847L12.4432 10.752Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</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">'M7.49911 0.877045C9.14783 0.877045 10.6553 1.48093 11.8145 2.47763L12.6466 1.64658C12.8418 1.45131 13.1583 1.45131 13.3536 1.64658C13.5488 1.84185 13.5488 2.15838 13.3536 2.35361L12.5216 3.18466C13.5185 4.34363 14.122 5.85045 14.1222 7.49911C14.1222 11.1568 11.1568 14.1222 7.49911 14.1222C5.85045 14.122 4.34363 13.5185 3.18466 12.5216L2.35361 13.3536C2.15838 13.5488 1.84185 13.5488 1.64658 13.3536C1.45131 13.1583 1.45131 12.8418 1.64658 12.6466L2.47763 11.8145C1.48093 10.6553 0.877045 9.14783 0.877045 7.49911C0.877456 3.84203 3.84203 0.877456 7.49911 0.877045ZM3.85751 11.8487C4.84285 12.6747 6.11291 13.1718 7.49911 13.172C10.6321 13.172 13.172 10.6321 13.172 7.49911C13.1718 6.11291 12.6747 4.84285 11.8487 3.85751L3.85751 11.8487ZM7.49911 1.82626C4.3667 1.82667 1.82667 4.3667 1.82626 7.49911C1.82626 8.88557 2.32529 10.1553 3.15146 11.1407L11.1407 3.15146C10.1553 2.32529 8.88557 1.82626 7.49911 1.82626Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</span>
		<span class="p">)</span>
	<span class="k">end</span>
<span class="k">end</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain SVG ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">""</span> <span class="na">viewbox=</span><span class="s">"0 0 15 15"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".05"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M6.78293 13.376C8.73901 9.95282 8.73901 5.04717 6.78293 1.62403L7.21705 1.37596C9.26097 4.95282 9.26097 10.0472 7.21705 13.624L6.78293 13.376Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".1"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M7.28207 13.4775C9.23932 9.99523 9.23932 5.00475 7.28207 1.52248L7.71794 1.2775C9.7607 4.9119 9.7607 10.0881 7.71794 13.7225L7.28207 13.4775Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".15"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M7.82098 13.5064C9.72502 9.99522 9.72636 5.01409 7.82492 1.50082L8.26465 1.26283C10.2465 4.92465 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".2"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M8.41284 13.429C10.1952 9.92841 10.1957 5.07535 8.41435 1.574L8.85999 1.34727C10.7139 4.99111 10.7133 10.0128 8.85841 13.6558L8.41284 13.429Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".25"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M9.02438 13.2956C10.6566 9.8379 10.6585 5.17715 9.03002 1.71656L9.48242 1.50366C11.1744 5.09919 11.1725 9.91629 9.47654 13.5091L9.02438 13.2956Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".3"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M9.66809 13.0655C11.1097 9.6957 11.1107 5.31209 9.67088 1.94094L10.1307 1.74455C11.6241 5.2412 11.6231 9.76682 10.1278 13.2622L9.66809 13.0655Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".35"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M10.331 12.7456C11.5551 9.52073 11.5563 5.49103 10.3347 2.26444L10.8023 2.0874C12.0672 5.42815 12.0659 9.58394 10.7984 12.9231L10.331 12.7456Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".4"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".45"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M11.7214 11.668C12.4254 9.01301 12.4262 5.9969 11.7237 3.34114L12.2071 3.21327C12.9318 5.95291 12.931 9.05726 12.2047 11.7961L11.7214 11.668Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">opacity=</span><span class="s">".5"</span> <span class="na">fill-rule=</span><span class="s">"evenodd"</span> <span class="na">clip-rule=</span><span class="s">"evenodd"</span> <span class="na">d=</span><span class="s">"M12.4432 10.752C12.8524 8.63761 12.8523 6.36088 12.4429 4.24659L12.9338 4.15154C13.3553 6.32859 13.3554 8.66984 12.9341 10.847L12.4432 10.752Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M7.49911 0.877045C9.14783 0.877045 10.6553 1.48093 11.8145 2.47763L12.6466 1.64658C12.8418 1.45131 13.1583 1.45131 13.3536 1.64658C13.5488 1.84185 13.5488 2.15838 13.3536 2.35361L12.5216 3.18466C13.5185 4.34363 14.122 5.85045 14.1222 7.49911C14.1222 11.1568 11.1568 14.1222 7.49911 14.1222C5.85045 14.122 4.34363 13.5185 3.18466 12.5216L2.35361 13.3536C2.15838 13.5488 1.84185 13.5488 1.64658 13.3536C1.45131 13.1583 1.45131 12.8418 1.64658 12.6466L2.47763 11.8145C1.48093 10.6553 0.877045 9.14783 0.877045 7.49911C0.877456 3.84203 3.84203 0.877456 7.49911 0.877045ZM3.85751 11.8487C4.84285 12.6747 6.11291 13.1718 7.49911 13.172C10.6321 13.172 13.172 10.6321 13.172 7.49911C13.1718 6.11291 12.6747 4.84285 11.8487 3.85751L3.85751 11.8487ZM7.49911 1.82626C4.3667 1.82667 1.82667 4.3667 1.82626 7.49911C1.82626 8.88557 2.32529 10.1553 3.15146 11.1407L11.1407 3.15146C10.1553 2.32529 8.88557 1.82626 7.49911 1.82626Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
<span class="nt">&lt;/svg&gt;</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div></div></div><div class="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-y-2 sm:gap-y-0"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 py-2 h-9 text-sm w-full" data-action="click->ruby-ui--sheet-content#close">Close</button></div><button type="button" class="absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" data-action="click->ruby-ui--sheet-content#close"><svg width="15" height="15" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4"><path d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><span class="sr-only">Close</span></button></div></div></template></div></template></turbo-stream>