<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">Cookie</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/cookie.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 d="M4.58432 1.70899C5.78226 1.16314 7.15617 0.950632 8.39291 1.07813C9.20751 1.16222 9.62604 1.72334 9.91147 2.16114C10.1296 2.49583 10.3321 2.9301 10.6996 3.12794C11.0812 3.33351 11.084 3.73732 11.0628 3.90919C11.0133 4.31014 10.84 4.56625 10.9134 5.02833C10.9645 5.3492 11.6212 5.90258 12.721 6.37989C13.1169 6.55163 13.5032 6.54047 13.722 6.95313C14.3259 8.09183 14.1038 9.27188 13.4994 10.3389C12.901 11.395 11.898 12.4039 10.7992 13.2969C10.1452 13.8283 9.36515 13.9782 8.6644 14.0742C7.80857 14.1915 6.4084 14.1116 5.13901 13.8076C4.03969 13.5443 2.61184 13.0647 2.13217 11.9277C1.30568 9.96876 0.985151 8.59825 1.00131 7.44337C1.01761 6.28104 1.37574 5.38685 1.78842 4.41797C2.32736 3.15289 3.3856 2.25522 4.58432 1.70899ZM8.29037 2.07325C7.2293 1.96386 6.03427 2.14765 4.99936 2.61915C3.9652 3.09039 3.12542 3.83134 2.70834 4.81055C2.29804 5.77387 2.01361 6.50933 2.00034 7.45801C1.98705 8.41422 2.25061 9.63702 3.05307 11.5391C3.3917 12.3417 4.62119 12.6553 5.37143 12.835C6.54887 13.117 7.82197 13.1798 8.52866 13.083C9.21268 12.9893 9.7459 12.8638 10.1683 12.5205C11.229 11.6585 12.121 10.7436 12.6292 9.84669C12.9348 9.30746 13.514 7.70332 12.6292 7.3877C10.7544 6.71932 10.2625 6.06694 9.99057 5.41309C9.80964 4.97793 9.8287 4.523 9.95737 4.07911C9.97658 4.01286 9.99555 3.94777 10.0335 3.88868C9.81874 3.73662 9.65185 3.55155 9.51498 3.3711C9.18318 2.93357 8.91081 2.13746 8.29037 2.07325ZM7.11459 10.877C7.14415 10.86 7.33484 10.7502 7.56674 10.8428C8.06515 11.0421 8.20741 12.0551 7.5267 12.0986C7.1321 12.1238 6.59069 12.0035 6.67514 11.4844C6.71426 11.2441 6.90774 10.995 7.11264 10.8779L7.11459 10.877ZM3.96518 10.1299C4.32418 9.71268 4.93087 9.79696 5.08334 10.3154C5.15688 10.5363 5.06707 10.7727 4.88022 10.8936C4.63594 11.1856 4.22065 11.0938 3.99838 10.8174L3.99545 10.8135L3.99252 10.8106C3.80797 10.6275 3.79321 10.3301 3.96518 10.1299ZM10.389 8.84083C10.758 8.65697 11.4608 8.82777 11.4613 9.31153C11.4613 9.71225 10.959 10.2159 10.5638 10.2822C10.1817 10.3461 9.70561 9.97579 9.76694 9.57715C9.81495 9.2654 10.1222 8.97402 10.389 8.84083ZM7.33725 7.79395C7.63934 7.67771 8.02377 7.7751 8.17221 8.07422C8.33221 8.39684 8.27428 9.02768 7.91928 9.16309C7.51134 9.3185 7.14032 9.1188 6.98764 8.72462C6.98685 8.72259 6.98569 8.71876 6.98569 8.71876C6.85677 8.387 6.98506 7.92958 7.33725 7.79395ZM3.04721 6.87305C4.13814 6.24332 4.60817 7.90852 3.98471 8.0586C3.60117 8.15065 3.33163 8.09777 3.04721 7.81348C2.86742 7.63369 2.70961 7.06797 3.04721 6.87305ZM7.62143 5.94239C7.68654 5.94972 7.86554 5.97952 7.99448 6.14747C8.48839 6.79118 7.31155 7.38903 6.9769 6.71973C6.76348 6.29247 7.21222 5.89635 7.62143 5.94239ZM4.11459 5.05176C4.59599 4.57047 5.40885 5.41755 4.94467 5.88184C4.74944 6.07708 4.43291 6.07702 4.23764 5.88184C4.00956 5.65376 3.83372 5.33264 4.11459 5.05176ZM14.4828 4.2793C15.0458 4.38253 14.8642 5.09988 14.2855 5.09083C13.5375 5.07894 13.7455 4.14445 14.4828 4.2793ZM5.97983 3.73633C5.86859 3.09735 6.33736 2.56817 6.94858 2.91114C7.43372 3.18344 7.26683 3.97512 6.90756 4.28712C6.46911 4.66765 6.05219 4.15163 5.97983 3.73633ZM12.0824 3.10157C12.4548 2.63625 13.4407 3.22655 13.2083 3.77442C12.9032 4.49252 11.5818 3.72726 12.0824 3.10157ZM14.3675 2.26075C13.5922 2.24184 13.8076 0.731242 14.5716 0.949225C15.1548 1.11586 14.9669 2.27496 14.3675 2.26075ZM11.0492 1.00196C11.4602 0.454029 12.4807 1.21961 12.0697 1.76758C11.6586 2.31533 10.6382 1.5499 11.0492 1.00196Z" 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">Cookie</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">Cookie</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">d:
				</span><span class="s1">'M4.58432 1.70899C5.78226 1.16314 7.15617 0.950632 8.39291 1.07813C9.20751 1.16222 9.62604 1.72334 9.91147 2.16114C10.1296 2.49583 10.3321 2.9301 10.6996 3.12794C11.0812 3.33351 11.084 3.73732 11.0628 3.90919C11.0133 4.31014 10.84 4.56625 10.9134 5.02833C10.9645 5.3492 11.6212 5.90258 12.721 6.37989C13.1169 6.55163 13.5032 6.54047 13.722 6.95313C14.3259 8.09183 14.1038 9.27188 13.4994 10.3389C12.901 11.395 11.898 12.4039 10.7992 13.2969C10.1452 13.8283 9.36515 13.9782 8.6644 14.0742C7.80857 14.1915 6.4084 14.1116 5.13901 13.8076C4.03969 13.5443 2.61184 13.0647 2.13217 11.9277C1.30568 9.96876 0.985151 8.59825 1.00131 7.44337C1.01761 6.28104 1.37574 5.38685 1.78842 4.41797C2.32736 3.15289 3.3856 2.25522 4.58432 1.70899ZM8.29037 2.07325C7.2293 1.96386 6.03427 2.14765 4.99936 2.61915C3.9652 3.09039 3.12542 3.83134 2.70834 4.81055C2.29804 5.77387 2.01361 6.50933 2.00034 7.45801C1.98705 8.41422 2.25061 9.63702 3.05307 11.5391C3.3917 12.3417 4.62119 12.6553 5.37143 12.835C6.54887 13.117 7.82197 13.1798 8.52866 13.083C9.21268 12.9893 9.7459 12.8638 10.1683 12.5205C11.229 11.6585 12.121 10.7436 12.6292 9.84669C12.9348 9.30746 13.514 7.70332 12.6292 7.3877C10.7544 6.71932 10.2625 6.06694 9.99057 5.41309C9.80964 4.97793 9.8287 4.523 9.95737 4.07911C9.97658 4.01286 9.99555 3.94777 10.0335 3.88868C9.81874 3.73662 9.65185 3.55155 9.51498 3.3711C9.18318 2.93357 8.91081 2.13746 8.29037 2.07325ZM7.11459 10.877C7.14415 10.86 7.33484 10.7502 7.56674 10.8428C8.06515 11.0421 8.20741 12.0551 7.5267 12.0986C7.1321 12.1238 6.59069 12.0035 6.67514 11.4844C6.71426 11.2441 6.90774 10.995 7.11264 10.8779L7.11459 10.877ZM3.96518 10.1299C4.32418 9.71268 4.93087 9.79696 5.08334 10.3154C5.15688 10.5363 5.06707 10.7727 4.88022 10.8936C4.63594 11.1856 4.22065 11.0938 3.99838 10.8174L3.99545 10.8135L3.99252 10.8106C3.80797 10.6275 3.79321 10.3301 3.96518 10.1299ZM10.389 8.84083C10.758 8.65697 11.4608 8.82777 11.4613 9.31153C11.4613 9.71225 10.959 10.2159 10.5638 10.2822C10.1817 10.3461 9.70561 9.97579 9.76694 9.57715C9.81495 9.2654 10.1222 8.97402 10.389 8.84083ZM7.33725 7.79395C7.63934 7.67771 8.02377 7.7751 8.17221 8.07422C8.33221 8.39684 8.27428 9.02768 7.91928 9.16309C7.51134 9.3185 7.14032 9.1188 6.98764 8.72462C6.98685 8.72259 6.98569 8.71876 6.98569 8.71876C6.85677 8.387 6.98506 7.92958 7.33725 7.79395ZM3.04721 6.87305C4.13814 6.24332 4.60817 7.90852 3.98471 8.0586C3.60117 8.15065 3.33163 8.09777 3.04721 7.81348C2.86742 7.63369 2.70961 7.06797 3.04721 6.87305ZM7.62143 5.94239C7.68654 5.94972 7.86554 5.97952 7.99448 6.14747C8.48839 6.79118 7.31155 7.38903 6.9769 6.71973C6.76348 6.29247 7.21222 5.89635 7.62143 5.94239ZM4.11459 5.05176C4.59599 4.57047 5.40885 5.41755 4.94467 5.88184C4.74944 6.07708 4.43291 6.07702 4.23764 5.88184C4.00956 5.65376 3.83372 5.33264 4.11459 5.05176ZM14.4828 4.2793C15.0458 4.38253 14.8642 5.09988 14.2855 5.09083C13.5375 5.07894 13.7455 4.14445 14.4828 4.2793ZM5.97983 3.73633C5.86859 3.09735 6.33736 2.56817 6.94858 2.91114C7.43372 3.18344 7.26683 3.97512 6.90756 4.28712C6.46911 4.66765 6.05219 4.15163 5.97983 3.73633ZM12.0824 3.10157C12.4548 2.63625 13.4407 3.22655 13.2083 3.77442C12.9032 4.49252 11.5818 3.72726 12.0824 3.10157ZM14.3675 2.26075C13.5922 2.24184 13.8076 0.731242 14.5716 0.949225C15.1548 1.11586 14.9669 2.27496 14.3675 2.26075ZM11.0492 1.00196C11.4602 0.454029 12.4807 1.21961 12.0697 1.76758C11.6586 2.31533 10.6382 1.5499 11.0492 1.00196Z'</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">d=</span><span class="s">"M4.58432 1.70899C5.78226 1.16314 7.15617 0.950632 8.39291 1.07813C9.20751 1.16222 9.62604 1.72334 9.91147 2.16114C10.1296 2.49583 10.3321 2.9301 10.6996 3.12794C11.0812 3.33351 11.084 3.73732 11.0628 3.90919C11.0133 4.31014 10.84 4.56625 10.9134 5.02833C10.9645 5.3492 11.6212 5.90258 12.721 6.37989C13.1169 6.55163 13.5032 6.54047 13.722 6.95313C14.3259 8.09183 14.1038 9.27188 13.4994 10.3389C12.901 11.395 11.898 12.4039 10.7992 13.2969C10.1452 13.8283 9.36515 13.9782 8.6644 14.0742C7.80857 14.1915 6.4084 14.1116 5.13901 13.8076C4.03969 13.5443 2.61184 13.0647 2.13217 11.9277C1.30568 9.96876 0.985151 8.59825 1.00131 7.44337C1.01761 6.28104 1.37574 5.38685 1.78842 4.41797C2.32736 3.15289 3.3856 2.25522 4.58432 1.70899ZM8.29037 2.07325C7.2293 1.96386 6.03427 2.14765 4.99936 2.61915C3.9652 3.09039 3.12542 3.83134 2.70834 4.81055C2.29804 5.77387 2.01361 6.50933 2.00034 7.45801C1.98705 8.41422 2.25061 9.63702 3.05307 11.5391C3.3917 12.3417 4.62119 12.6553 5.37143 12.835C6.54887 13.117 7.82197 13.1798 8.52866 13.083C9.21268 12.9893 9.7459 12.8638 10.1683 12.5205C11.229 11.6585 12.121 10.7436 12.6292 9.84669C12.9348 9.30746 13.514 7.70332 12.6292 7.3877C10.7544 6.71932 10.2625 6.06694 9.99057 5.41309C9.80964 4.97793 9.8287 4.523 9.95737 4.07911C9.97658 4.01286 9.99555 3.94777 10.0335 3.88868C9.81874 3.73662 9.65185 3.55155 9.51498 3.3711C9.18318 2.93357 8.91081 2.13746 8.29037 2.07325ZM7.11459 10.877C7.14415 10.86 7.33484 10.7502 7.56674 10.8428C8.06515 11.0421 8.20741 12.0551 7.5267 12.0986C7.1321 12.1238 6.59069 12.0035 6.67514 11.4844C6.71426 11.2441 6.90774 10.995 7.11264 10.8779L7.11459 10.877ZM3.96518 10.1299C4.32418 9.71268 4.93087 9.79696 5.08334 10.3154C5.15688 10.5363 5.06707 10.7727 4.88022 10.8936C4.63594 11.1856 4.22065 11.0938 3.99838 10.8174L3.99545 10.8135L3.99252 10.8106C3.80797 10.6275 3.79321 10.3301 3.96518 10.1299ZM10.389 8.84083C10.758 8.65697 11.4608 8.82777 11.4613 9.31153C11.4613 9.71225 10.959 10.2159 10.5638 10.2822C10.1817 10.3461 9.70561 9.97579 9.76694 9.57715C9.81495 9.2654 10.1222 8.97402 10.389 8.84083ZM7.33725 7.79395C7.63934 7.67771 8.02377 7.7751 8.17221 8.07422C8.33221 8.39684 8.27428 9.02768 7.91928 9.16309C7.51134 9.3185 7.14032 9.1188 6.98764 8.72462C6.98685 8.72259 6.98569 8.71876 6.98569 8.71876C6.85677 8.387 6.98506 7.92958 7.33725 7.79395ZM3.04721 6.87305C4.13814 6.24332 4.60817 7.90852 3.98471 8.0586C3.60117 8.15065 3.33163 8.09777 3.04721 7.81348C2.86742 7.63369 2.70961 7.06797 3.04721 6.87305ZM7.62143 5.94239C7.68654 5.94972 7.86554 5.97952 7.99448 6.14747C8.48839 6.79118 7.31155 7.38903 6.9769 6.71973C6.76348 6.29247 7.21222 5.89635 7.62143 5.94239ZM4.11459 5.05176C4.59599 4.57047 5.40885 5.41755 4.94467 5.88184C4.74944 6.07708 4.43291 6.07702 4.23764 5.88184C4.00956 5.65376 3.83372 5.33264 4.11459 5.05176ZM14.4828 4.2793C15.0458 4.38253 14.8642 5.09988 14.2855 5.09083C13.5375 5.07894 13.7455 4.14445 14.4828 4.2793ZM5.97983 3.73633C5.86859 3.09735 6.33736 2.56817 6.94858 2.91114C7.43372 3.18344 7.26683 3.97512 6.90756 4.28712C6.46911 4.66765 6.05219 4.15163 5.97983 3.73633ZM12.0824 3.10157C12.4548 2.63625 13.4407 3.22655 13.2083 3.77442C12.9032 4.49252 11.5818 3.72726 12.0824 3.10157ZM14.3675 2.26075C13.5922 2.24184 13.8076 0.731242 14.5716 0.949225C15.1548 1.11586 14.9669 2.27496 14.3675 2.26075ZM11.0492 1.00196C11.4602 0.454029 12.4807 1.21961 12.0697 1.76758C11.6586 2.31533 10.6382 1.5499 11.0492 1.00196Z"</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>