<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">Root2ndBracket</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/root2nd_bracket.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="M7.63358 13.5856L6.95446 13.9039L6.95446 13.9039L7.63358 13.5856ZM7.94757 14.2556L7.26845 14.5738L7.94757 14.2556ZM10.0365 14.0809L9.30734 13.9054L10.0365 14.0809ZM11.3124 8.77939L12.0416 8.95488V8.95488L11.3124 8.77939ZM12.3876 8V8.75V8ZM18 8.75C18.4142 8.75 18.75 8.41421 18.75 8C18.75 7.58579 18.4142 7.25 18 7.25V8.75ZM9.18165 15.9987L9.11916 15.2513L9.11916 15.2513L9.18165 15.9987ZM7.0332 12.7512L6.82708 13.4724L6.82709 13.4724L7.0332 12.7512ZM5.58091 12.5209C5.2374 12.7523 5.14656 13.2184 5.37802 13.562C5.60948 13.9055 6.07558 13.9963 6.41909 13.7648L5.58091 12.5209ZM12.8765 14.1071C12.4623 14.1071 12.1265 14.4429 12.1265 14.8571C12.1265 15.2714 12.4623 15.6071 12.8765 15.6071V14.1071ZM16.7265 12.1786C17.1407 12.1786 17.4765 11.8428 17.4765 11.4286C17.4765 11.0144 17.1407 10.6786 16.7265 10.6786V12.1786ZM14.4494 12.2901L13.7562 12.5763L14.4494 12.2901ZM15.1535 13.9956L15.8468 13.7094V13.7094L15.1535 13.9956ZM15.4933 14.6267L16.0033 14.0768L16.0033 14.0768L15.4933 14.6267ZM16.5 15.6071C16.9142 15.6071 17.25 15.2714 17.25 14.8571C17.25 14.4429 16.9142 14.1071 16.5 14.1071V15.6071ZM15.7458 14.7882L16.0342 14.0959V14.0959L15.7458 14.7882ZM13.1029 10.6786C12.6887 10.6786 12.3529 11.0144 12.3529 11.4286C12.3529 11.8428 12.6887 12.1786 13.1029 12.1786V10.6786ZM13.8571 11.4975L13.5687 12.1898L13.8571 11.4975ZM14.1096 11.659L14.6196 11.1091H14.6196L14.1096 11.659ZM6.95446 13.9039L7.26845 14.5738L8.62669 13.9373L8.31269 13.2673L6.95446 13.9039ZM10.7657 14.2564L12.0416 8.95488L10.5832 8.60391L9.30734 13.9054L10.7657 14.2564ZM12.3876 8.75H18V7.25H12.3876V8.75ZM7.26845 14.5738C7.53554 15.1437 7.76889 15.6457 7.99263 15.9914C8.19024 16.2967 8.58034 16.8015 9.24413 16.746L9.11916 15.2513C9.38154 15.2293 9.43215 15.4549 9.25185 15.1763C9.09769 14.9381 8.91471 14.5518 8.62669 13.9373L7.26845 14.5738ZM9.30734 13.9054C9.15022 14.5583 9.05027 14.9657 8.94874 15.2226C8.83011 15.5228 8.84338 15.2743 9.11916 15.2513L9.24413 16.746C9.92133 16.6894 10.2109 16.1101 10.3438 15.7739C10.4937 15.3944 10.6205 14.8596 10.7657 14.2564L9.30734 13.9054ZM8.31269 13.2673C8.20305 13.0334 8.08747 12.7823 7.96009 12.5895C7.81778 12.3742 7.59879 12.1329 7.23931 12.0301L6.82709 13.4724C6.77908 13.4586 6.73757 13.4342 6.70959 13.4104C6.68742 13.3916 6.6878 13.3849 6.70865 13.4165C6.72984 13.4486 6.75946 13.5003 6.80274 13.5864C6.84579 13.6721 6.8934 13.7736 6.95446 13.9039L8.31269 13.2673ZM12.0416 8.95488C12.0772 8.80719 12.1055 8.73884 12.1198 8.71158C12.1286 8.69484 12.1154 8.72454 12.0715 8.75354C12.0337 8.77845 12.0174 8.77295 12.0712 8.76465C12.1309 8.75545 12.2245 8.75 12.3876 8.75V7.25C12.0789 7.25 11.6237 7.25205 11.2458 7.50123C10.8282 7.77656 10.6746 8.22423 10.5832 8.60391L12.0416 8.95488ZM6.41909 13.7648C6.458 13.7386 6.49967 13.7098 6.53481 13.6856C6.57204 13.66 6.60646 13.6365 6.64056 13.6141C6.70985 13.5684 6.76672 13.5346 6.81564 13.5106C6.92898 13.4549 6.90936 13.4959 6.82708 13.4724L7.23932 12.0301C6.79325 11.9026 6.39683 12.0452 6.15443 12.1642C5.91601 12.2813 5.68134 12.4532 5.58091 12.5209L6.41909 13.7648ZM12.8765 15.6071C13.5589 15.6071 14.0784 15.2224 14.4462 14.8447C14.8152 14.4659 15.1434 13.9762 15.4228 13.5629L14.1801 12.7228C13.8801 13.1666 13.6288 13.5341 13.3717 13.7981C13.1134 14.0633 12.9601 14.1071 12.8765 14.1071V15.6071ZM15.4228 13.5629C15.7228 13.1191 15.9741 12.7516 16.2313 12.4876C16.4895 12.2224 16.6429 12.1786 16.7265 12.1786V10.6786C16.044 10.6786 15.5246 11.0633 15.1567 11.441C14.7877 11.8199 14.4596 12.3095 14.1801 12.7228L15.4228 13.5629ZM13.7562 12.5763L14.1082 13.4291L15.4947 12.8567L15.1427 12.0039L13.7562 12.5763ZM14.1082 13.4291L14.4603 14.2818L15.8468 13.7094L15.4947 12.8567L14.1082 13.4291ZM14.4603 14.2818C14.5741 14.5576 14.7058 14.9192 14.9833 15.1766L16.0033 14.0768C16.026 14.0978 16.0241 14.1081 15.9957 14.0528C15.9616 13.9861 15.9218 13.8911 15.8468 13.7094L14.4603 14.2818ZM16.5 14.1071C16.293 14.1071 16.1774 14.1067 16.092 14.1005C16.0164 14.095 16.0143 14.0876 16.0342 14.0959L15.4574 15.4805C15.7948 15.6211 16.1754 15.6071 16.5 15.6071V14.1071ZM14.9833 15.1766C15.1227 15.3058 15.2836 15.4082 15.4574 15.4805L16.0342 14.0959C16.02 14.09 16.0099 14.0829 16.0033 14.0768L14.9833 15.1766ZM13.1029 12.1786C13.3099 12.1786 13.4255 12.179 13.511 12.1852C13.5865 12.1907 13.5887 12.1981 13.5687 12.1898L14.1456 10.8052C13.8081 10.6646 13.4276 10.6786 13.1029 10.6786V12.1786ZM15.1427 12.0039C15.0288 11.7281 14.8972 11.3665 14.6196 11.1091L13.5996 12.209C13.5769 12.1879 13.5789 12.1776 13.6072 12.2329C13.6413 12.2996 13.6812 12.3946 13.7562 12.5763L15.1427 12.0039ZM13.5687 12.1898C13.583 12.1957 13.5931 12.2029 13.5996 12.209L14.6196 11.1091C14.4803 10.9799 14.3193 10.8775 14.1456 10.8052L13.5687 12.1898Z" fill="#141B34"></path><path d="M18 3C19.0939 3.18809 19.899 3.52076 20.5355 4.10918C22 5.46303 22 7.64202 22 12C22 16.358 22 18.537 20.5355 19.8908C19.899 20.4792 19.0939 20.8119 18 21" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6 3C4.90606 3.18809 4.10096 3.52076 3.46447 4.10918C2 5.46303 2 7.64202 2 12C2 16.358 2 18.537 3.46447 19.8908C4.10096 20.4792 4.90606 20.8119 6 21" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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">Root2ndBracket</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">Root2ndBracket</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">'M7.63358 13.5856L6.95446 13.9039L6.95446 13.9039L7.63358 13.5856ZM7.94757 14.2556L7.26845 14.5738L7.94757 14.2556ZM10.0365 14.0809L9.30734 13.9054L10.0365 14.0809ZM11.3124 8.77939L12.0416 8.95488V8.95488L11.3124 8.77939ZM12.3876 8V8.75V8ZM18 8.75C18.4142 8.75 18.75 8.41421 18.75 8C18.75 7.58579 18.4142 7.25 18 7.25V8.75ZM9.18165 15.9987L9.11916 15.2513L9.11916 15.2513L9.18165 15.9987ZM7.0332 12.7512L6.82708 13.4724L6.82709 13.4724L7.0332 12.7512ZM5.58091 12.5209C5.2374 12.7523 5.14656 13.2184 5.37802 13.562C5.60948 13.9055 6.07558 13.9963 6.41909 13.7648L5.58091 12.5209ZM12.8765 14.1071C12.4623 14.1071 12.1265 14.4429 12.1265 14.8571C12.1265 15.2714 12.4623 15.6071 12.8765 15.6071V14.1071ZM16.7265 12.1786C17.1407 12.1786 17.4765 11.8428 17.4765 11.4286C17.4765 11.0144 17.1407 10.6786 16.7265 10.6786V12.1786ZM14.4494 12.2901L13.7562 12.5763L14.4494 12.2901ZM15.1535 13.9956L15.8468 13.7094V13.7094L15.1535 13.9956ZM15.4933 14.6267L16.0033 14.0768L16.0033 14.0768L15.4933 14.6267ZM16.5 15.6071C16.9142 15.6071 17.25 15.2714 17.25 14.8571C17.25 14.4429 16.9142 14.1071 16.5 14.1071V15.6071ZM15.7458 14.7882L16.0342 14.0959V14.0959L15.7458 14.7882ZM13.1029 10.6786C12.6887 10.6786 12.3529 11.0144 12.3529 11.4286C12.3529 11.8428 12.6887 12.1786 13.1029 12.1786V10.6786ZM13.8571 11.4975L13.5687 12.1898L13.8571 11.4975ZM14.1096 11.659L14.6196 11.1091H14.6196L14.1096 11.659ZM6.95446 13.9039L7.26845 14.5738L8.62669 13.9373L8.31269 13.2673L6.95446 13.9039ZM10.7657 14.2564L12.0416 8.95488L10.5832 8.60391L9.30734 13.9054L10.7657 14.2564ZM12.3876 8.75H18V7.25H12.3876V8.75ZM7.26845 14.5738C7.53554 15.1437 7.76889 15.6457 7.99263 15.9914C8.19024 16.2967 8.58034 16.8015 9.24413 16.746L9.11916 15.2513C9.38154 15.2293 9.43215 15.4549 9.25185 15.1763C9.09769 14.9381 8.91471 14.5518 8.62669 13.9373L7.26845 14.5738ZM9.30734 13.9054C9.15022 14.5583 9.05027 14.9657 8.94874 15.2226C8.83011 15.5228 8.84338 15.2743 9.11916 15.2513L9.24413 16.746C9.92133 16.6894 10.2109 16.1101 10.3438 15.7739C10.4937 15.3944 10.6205 14.8596 10.7657 14.2564L9.30734 13.9054ZM8.31269 13.2673C8.20305 13.0334 8.08747 12.7823 7.96009 12.5895C7.81778 12.3742 7.59879 12.1329 7.23931 12.0301L6.82709 13.4724C6.77908 13.4586 6.73757 13.4342 6.70959 13.4104C6.68742 13.3916 6.6878 13.3849 6.70865 13.4165C6.72984 13.4486 6.75946 13.5003 6.80274 13.5864C6.84579 13.6721 6.8934 13.7736 6.95446 13.9039L8.31269 13.2673ZM12.0416 8.95488C12.0772 8.80719 12.1055 8.73884 12.1198 8.71158C12.1286 8.69484 12.1154 8.72454 12.0715 8.75354C12.0337 8.77845 12.0174 8.77295 12.0712 8.76465C12.1309 8.75545 12.2245 8.75 12.3876 8.75V7.25C12.0789 7.25 11.6237 7.25205 11.2458 7.50123C10.8282 7.77656 10.6746 8.22423 10.5832 8.60391L12.0416 8.95488ZM6.41909 13.7648C6.458 13.7386 6.49967 13.7098 6.53481 13.6856C6.57204 13.66 6.60646 13.6365 6.64056 13.6141C6.70985 13.5684 6.76672 13.5346 6.81564 13.5106C6.92898 13.4549 6.90936 13.4959 6.82708 13.4724L7.23932 12.0301C6.79325 11.9026 6.39683 12.0452 6.15443 12.1642C5.91601 12.2813 5.68134 12.4532 5.58091 12.5209L6.41909 13.7648ZM12.8765 15.6071C13.5589 15.6071 14.0784 15.2224 14.4462 14.8447C14.8152 14.4659 15.1434 13.9762 15.4228 13.5629L14.1801 12.7228C13.8801 13.1666 13.6288 13.5341 13.3717 13.7981C13.1134 14.0633 12.9601 14.1071 12.8765 14.1071V15.6071ZM15.4228 13.5629C15.7228 13.1191 15.9741 12.7516 16.2313 12.4876C16.4895 12.2224 16.6429 12.1786 16.7265 12.1786V10.6786C16.044 10.6786 15.5246 11.0633 15.1567 11.441C14.7877 11.8199 14.4596 12.3095 14.1801 12.7228L15.4228 13.5629ZM13.7562 12.5763L14.1082 13.4291L15.4947 12.8567L15.1427 12.0039L13.7562 12.5763ZM14.1082 13.4291L14.4603 14.2818L15.8468 13.7094L15.4947 12.8567L14.1082 13.4291ZM14.4603 14.2818C14.5741 14.5576 14.7058 14.9192 14.9833 15.1766L16.0033 14.0768C16.026 14.0978 16.0241 14.1081 15.9957 14.0528C15.9616 13.9861 15.9218 13.8911 15.8468 13.7094L14.4603 14.2818ZM16.5 14.1071C16.293 14.1071 16.1774 14.1067 16.092 14.1005C16.0164 14.095 16.0143 14.0876 16.0342 14.0959L15.4574 15.4805C15.7948 15.6211 16.1754 15.6071 16.5 15.6071V14.1071ZM14.9833 15.1766C15.1227 15.3058 15.2836 15.4082 15.4574 15.4805L16.0342 14.0959C16.02 14.09 16.0099 14.0829 16.0033 14.0768L14.9833 15.1766ZM13.1029 12.1786C13.3099 12.1786 13.4255 12.179 13.511 12.1852C13.5865 12.1907 13.5887 12.1981 13.5687 12.1898L14.1456 10.8052C13.8081 10.6646 13.4276 10.6786 13.1029 10.6786V12.1786ZM15.1427 12.0039C15.0288 11.7281 14.8972 11.3665 14.6196 11.1091L13.5996 12.209C13.5769 12.1879 13.5789 12.1776 13.6072 12.2329C13.6413 12.2996 13.6812 12.3946 13.7562 12.5763L15.1427 12.0039ZM13.5687 12.1898C13.583 12.1957 13.5931 12.2029 13.5996 12.209L14.6196 11.1091C14.4803 10.9799 14.3193 10.8775 14.1456 10.8052L13.5687 12.1898Z'</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">'M18 3C19.0939 3.18809 19.899 3.52076 20.5355 4.10918C22 5.46303 22 7.64202 22 12C22 16.358 22 18.537 20.5355 19.8908C19.899 20.4792 19.0939 20.8119 18 21'</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">'M6 3C4.90606 3.18809 4.10096 3.52076 3.46447 4.10918C2 5.46303 2 7.64202 2 12C2 16.358 2 18.537 3.46447 19.8908C4.10096 20.4792 4.90606 20.8119 6 21'</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="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">"M7.63358 13.5856L6.95446 13.9039L6.95446 13.9039L7.63358 13.5856ZM7.94757 14.2556L7.26845 14.5738L7.94757 14.2556ZM10.0365 14.0809L9.30734 13.9054L10.0365 14.0809ZM11.3124 8.77939L12.0416 8.95488V8.95488L11.3124 8.77939ZM12.3876 8V8.75V8ZM18 8.75C18.4142 8.75 18.75 8.41421 18.75 8C18.75 7.58579 18.4142 7.25 18 7.25V8.75ZM9.18165 15.9987L9.11916 15.2513L9.11916 15.2513L9.18165 15.9987ZM7.0332 12.7512L6.82708 13.4724L6.82709 13.4724L7.0332 12.7512ZM5.58091 12.5209C5.2374 12.7523 5.14656 13.2184 5.37802 13.562C5.60948 13.9055 6.07558 13.9963 6.41909 13.7648L5.58091 12.5209ZM12.8765 14.1071C12.4623 14.1071 12.1265 14.4429 12.1265 14.8571C12.1265 15.2714 12.4623 15.6071 12.8765 15.6071V14.1071ZM16.7265 12.1786C17.1407 12.1786 17.4765 11.8428 17.4765 11.4286C17.4765 11.0144 17.1407 10.6786 16.7265 10.6786V12.1786ZM14.4494 12.2901L13.7562 12.5763L14.4494 12.2901ZM15.1535 13.9956L15.8468 13.7094V13.7094L15.1535 13.9956ZM15.4933 14.6267L16.0033 14.0768L16.0033 14.0768L15.4933 14.6267ZM16.5 15.6071C16.9142 15.6071 17.25 15.2714 17.25 14.8571C17.25 14.4429 16.9142 14.1071 16.5 14.1071V15.6071ZM15.7458 14.7882L16.0342 14.0959V14.0959L15.7458 14.7882ZM13.1029 10.6786C12.6887 10.6786 12.3529 11.0144 12.3529 11.4286C12.3529 11.8428 12.6887 12.1786 13.1029 12.1786V10.6786ZM13.8571 11.4975L13.5687 12.1898L13.8571 11.4975ZM14.1096 11.659L14.6196 11.1091H14.6196L14.1096 11.659ZM6.95446 13.9039L7.26845 14.5738L8.62669 13.9373L8.31269 13.2673L6.95446 13.9039ZM10.7657 14.2564L12.0416 8.95488L10.5832 8.60391L9.30734 13.9054L10.7657 14.2564ZM12.3876 8.75H18V7.25H12.3876V8.75ZM7.26845 14.5738C7.53554 15.1437 7.76889 15.6457 7.99263 15.9914C8.19024 16.2967 8.58034 16.8015 9.24413 16.746L9.11916 15.2513C9.38154 15.2293 9.43215 15.4549 9.25185 15.1763C9.09769 14.9381 8.91471 14.5518 8.62669 13.9373L7.26845 14.5738ZM9.30734 13.9054C9.15022 14.5583 9.05027 14.9657 8.94874 15.2226C8.83011 15.5228 8.84338 15.2743 9.11916 15.2513L9.24413 16.746C9.92133 16.6894 10.2109 16.1101 10.3438 15.7739C10.4937 15.3944 10.6205 14.8596 10.7657 14.2564L9.30734 13.9054ZM8.31269 13.2673C8.20305 13.0334 8.08747 12.7823 7.96009 12.5895C7.81778 12.3742 7.59879 12.1329 7.23931 12.0301L6.82709 13.4724C6.77908 13.4586 6.73757 13.4342 6.70959 13.4104C6.68742 13.3916 6.6878 13.3849 6.70865 13.4165C6.72984 13.4486 6.75946 13.5003 6.80274 13.5864C6.84579 13.6721 6.8934 13.7736 6.95446 13.9039L8.31269 13.2673ZM12.0416 8.95488C12.0772 8.80719 12.1055 8.73884 12.1198 8.71158C12.1286 8.69484 12.1154 8.72454 12.0715 8.75354C12.0337 8.77845 12.0174 8.77295 12.0712 8.76465C12.1309 8.75545 12.2245 8.75 12.3876 8.75V7.25C12.0789 7.25 11.6237 7.25205 11.2458 7.50123C10.8282 7.77656 10.6746 8.22423 10.5832 8.60391L12.0416 8.95488ZM6.41909 13.7648C6.458 13.7386 6.49967 13.7098 6.53481 13.6856C6.57204 13.66 6.60646 13.6365 6.64056 13.6141C6.70985 13.5684 6.76672 13.5346 6.81564 13.5106C6.92898 13.4549 6.90936 13.4959 6.82708 13.4724L7.23932 12.0301C6.79325 11.9026 6.39683 12.0452 6.15443 12.1642C5.91601 12.2813 5.68134 12.4532 5.58091 12.5209L6.41909 13.7648ZM12.8765 15.6071C13.5589 15.6071 14.0784 15.2224 14.4462 14.8447C14.8152 14.4659 15.1434 13.9762 15.4228 13.5629L14.1801 12.7228C13.8801 13.1666 13.6288 13.5341 13.3717 13.7981C13.1134 14.0633 12.9601 14.1071 12.8765 14.1071V15.6071ZM15.4228 13.5629C15.7228 13.1191 15.9741 12.7516 16.2313 12.4876C16.4895 12.2224 16.6429 12.1786 16.7265 12.1786V10.6786C16.044 10.6786 15.5246 11.0633 15.1567 11.441C14.7877 11.8199 14.4596 12.3095 14.1801 12.7228L15.4228 13.5629ZM13.7562 12.5763L14.1082 13.4291L15.4947 12.8567L15.1427 12.0039L13.7562 12.5763ZM14.1082 13.4291L14.4603 14.2818L15.8468 13.7094L15.4947 12.8567L14.1082 13.4291ZM14.4603 14.2818C14.5741 14.5576 14.7058 14.9192 14.9833 15.1766L16.0033 14.0768C16.026 14.0978 16.0241 14.1081 15.9957 14.0528C15.9616 13.9861 15.9218 13.8911 15.8468 13.7094L14.4603 14.2818ZM16.5 14.1071C16.293 14.1071 16.1774 14.1067 16.092 14.1005C16.0164 14.095 16.0143 14.0876 16.0342 14.0959L15.4574 15.4805C15.7948 15.6211 16.1754 15.6071 16.5 15.6071V14.1071ZM14.9833 15.1766C15.1227 15.3058 15.2836 15.4082 15.4574 15.4805L16.0342 14.0959C16.02 14.09 16.0099 14.0829 16.0033 14.0768L14.9833 15.1766ZM13.1029 12.1786C13.3099 12.1786 13.4255 12.179 13.511 12.1852C13.5865 12.1907 13.5887 12.1981 13.5687 12.1898L14.1456 10.8052C13.8081 10.6646 13.4276 10.6786 13.1029 10.6786V12.1786ZM15.1427 12.0039C15.0288 11.7281 14.8972 11.3665 14.6196 11.1091L13.5996 12.209C13.5769 12.1879 13.5789 12.1776 13.6072 12.2329C13.6413 12.2996 13.6812 12.3946 13.7562 12.5763L15.1427 12.0039ZM13.5687 12.1898C13.583 12.1957 13.5931 12.2029 13.5996 12.209L14.6196 11.1091C14.4803 10.9799 14.3193 10.8775 14.1456 10.8052L13.5687 12.1898Z"</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">"M18 3C19.0939 3.18809 19.899 3.52076 20.5355 4.10918C22 5.46303 22 7.64202 22 12C22 16.358 22 18.537 20.5355 19.8908C19.899 20.4792 19.0939 20.8119 18 21"</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">"M6 3C4.90606 3.18809 4.10096 3.52076 3.46447 4.10918C2 5.46303 2 7.64202 2 12C2 16.358 2 18.537 3.46447 19.8908C4.10096 20.4792 4.90606 20.8119 6 21"</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;/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>