<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">CloudSavingDone02</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/cloud_saving_done02.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="M10.6563 16.8786C10.2824 16.7003 9.83477 16.8588 9.65642 17.2326C9.47807 17.6065 9.63655 18.0541 10.0104 18.2325L10.6563 16.8786ZM11.4444 18.6667L10.7983 19.0474C10.9389 19.2861 11.1998 19.4279 11.4766 19.416C11.7534 19.4041 12.0012 19.2405 12.1209 18.9906L11.4444 18.6667ZM14.0222 16.5493C14.3869 16.3529 14.5234 15.8981 14.3271 15.5334C14.1307 15.1687 13.6759 15.0322 13.3112 15.2285L14.0222 16.5493ZM16.25 17C16.25 19.3472 14.3472 21.25 12 21.25V22.75C15.1756 22.75 17.75 20.1756 17.75 17H16.25ZM12 21.25C9.65279 21.25 7.75 19.3472 7.75 17H6.25C6.25 20.1756 8.82436 22.75 12 22.75V21.25ZM7.75 17C7.75 14.6528 9.65279 12.75 12 12.75V11.25C8.82436 11.25 6.25 13.8244 6.25 17H7.75ZM12 12.75C14.3472 12.75 16.25 14.6528 16.25 17H17.75C17.75 13.8244 15.1756 11.25 12 11.25V12.75ZM10.3333 17.5556C10.0104 18.2325 10.0102 18.2324 10.0099 18.2322C10.0098 18.2322 10.0096 18.2321 10.0094 18.232C10.0091 18.2319 10.0088 18.2317 10.0085 18.2316C10.008 18.2313 10.0074 18.231 10.0069 18.2308C10.0059 18.2303 10.005 18.2299 10.0043 18.2295C10.0028 18.2288 10.0019 18.2283 10.0015 18.2281C10.0008 18.2278 10.0022 18.2285 10.0056 18.2303C10.0125 18.234 10.0271 18.2421 10.0482 18.255C10.0904 18.2809 10.1574 18.3254 10.2383 18.3909C10.4003 18.5221 10.6137 18.7341 10.7983 19.0474L12.0906 18.2859C11.799 17.791 11.4568 17.4475 11.1823 17.2252C11.045 17.1139 10.9235 17.0322 10.8318 16.976C10.7859 16.9479 10.7472 16.926 10.7174 16.91C10.7026 16.902 10.6899 16.8954 10.6796 16.8902C10.6745 16.8876 10.67 16.8853 10.6661 16.8834C10.6641 16.8824 10.6623 16.8816 10.6607 16.8808C10.6599 16.8804 10.6591 16.88 10.6584 16.8796C10.658 16.8795 10.6576 16.8793 10.6573 16.8791C10.6571 16.879 10.6569 16.8789 10.6568 16.8789C10.6565 16.8788 10.6563 16.8786 10.3333 17.5556ZM11.4444 18.6667C12.1209 18.9906 12.1208 18.9907 12.1208 18.9908C12.1208 18.9909 12.1207 18.9909 12.1207 18.991C12.1207 18.9911 12.1206 18.9911 12.1206 18.9912C12.1206 18.9912 12.1206 18.9911 12.1207 18.9909C12.1209 18.9905 12.1214 18.9896 12.1221 18.9882C12.1234 18.9854 12.1257 18.9807 12.129 18.9741C12.1354 18.9609 12.1456 18.9405 12.1593 18.9136C12.1866 18.8598 12.2278 18.7806 12.2811 18.6827C12.3883 18.4862 12.5425 18.2186 12.7307 17.9338C13.1295 17.3302 13.5986 16.7773 14.0222 16.5493L13.3112 15.2285C12.5331 15.6473 11.8911 16.4834 11.4792 17.1069C11.262 17.4357 11.086 17.7413 10.9642 17.9645C10.9032 18.0765 10.8552 18.1688 10.822 18.234C10.8054 18.2667 10.7925 18.2927 10.7834 18.3111C10.7789 18.3203 10.7753 18.3276 10.7728 18.3329C10.7715 18.3355 10.7704 18.3377 10.7696 18.3393C10.7692 18.3401 10.7689 18.3408 10.7686 18.3414C10.7685 18.3417 10.7684 18.3419 10.7683 18.3421C10.7682 18.3423 10.7682 18.3424 10.7681 18.3424C10.7681 18.3426 10.768 18.3427 11.4444 18.6667Z" fill="#141B34"></path><path d="M17.5 8V7.25L17.4982 7.25L17.5 8ZM6.52042 7.0227L6.59147 7.76933H6.59147L6.52042 7.0227ZM9.54998 8.59962C9.88114 8.84843 10.3513 8.78167 10.6001 8.45051C10.8489 8.11935 10.7822 7.64919 10.451 7.40038L9.54998 8.59962ZM19.555 15.6374C19.2087 15.8648 19.1123 16.3297 19.3397 16.676C19.567 17.0222 20.032 17.1186 20.3783 16.8913L19.555 15.6374ZM3.61477 16.6483C3.94943 16.8924 4.41859 16.819 4.66268 16.4843C4.90676 16.1497 4.83334 15.6805 4.49868 15.4364L3.61477 16.6483ZM16.2325 9.65862C16.0439 10.0274 16.1901 10.4793 16.5589 10.6678C16.9277 10.8563 17.3796 10.7102 17.5681 10.3414L16.2325 9.65862ZM12 2.75C14.6234 2.75 16.75 4.87665 16.75 7.5H18.25C18.25 4.04822 15.4518 1.25 12 1.25V2.75ZM17.5 8.75C19.5711 8.75 21.25 10.4289 21.25 12.5H22.75C22.75 9.60051 20.3995 7.25 17.5 7.25V8.75ZM17.4794 8.75005L17.5018 8.75L17.4982 7.25L17.4757 7.25006L17.4794 8.75005ZM16.75 7.5C16.75 7.64606 16.7434 7.79039 16.7306 7.93274L18.2245 8.06737C18.2414 7.88033 18.25 7.69107 18.25 7.5H16.75ZM2.75 12C2.75 9.79073 4.4363 7.97442 6.59147 7.76933L6.44937 6.27608C3.53166 6.55373 1.25 9.00996 1.25 12H2.75ZM6.59147 7.76933C6.72573 7.75655 6.86199 7.75 7 7.75V6.25C6.81447 6.25 6.63079 6.25881 6.44937 6.27608L6.59147 7.76933ZM7.26767 7.08694C7.47652 4.65738 9.51591 2.75 12 2.75V1.25C8.73056 1.25 6.04814 3.75986 5.77318 6.95847L7.26767 7.08694ZM7 7.75C7.95781 7.75 8.83967 8.06595 9.54998 8.59962L10.451 7.40038C9.48982 6.67823 8.29384 6.25 7 6.25V7.75ZM21.25 12.5C21.25 13.8114 20.5775 14.9661 19.555 15.6374L20.3783 16.8913C21.8052 15.9544 22.75 14.3377 22.75 12.5H21.25ZM4.49868 15.4364C3.43727 14.6623 2.75 13.4114 2.75 12H1.25C1.25 13.9109 2.18287 15.6039 3.61477 16.6483L4.49868 15.4364ZM16.7306 7.93273C16.675 8.55008 16.5013 9.13268 16.2325 9.65862L17.5681 10.3414C17.9225 9.64808 18.1513 8.8798 18.2245 8.06738L16.7306 7.93273Z" fill="#141B34"></path></svg></div><div><p class="text-sm font-normal">With <code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">Phlex::Kit</code> ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="no">Huge</span><span class="o">::</span><span class="no">CloudSavingDone02</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">CloudSavingDone02</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">'M10.6563 16.8786C10.2824 16.7003 9.83477 16.8588 9.65642 17.2326C9.47807 17.6065 9.63655 18.0541 10.0104 18.2325L10.6563 16.8786ZM11.4444 18.6667L10.7983 19.0474C10.9389 19.2861 11.1998 19.4279 11.4766 19.416C11.7534 19.4041 12.0012 19.2405 12.1209 18.9906L11.4444 18.6667ZM14.0222 16.5493C14.3869 16.3529 14.5234 15.8981 14.3271 15.5334C14.1307 15.1687 13.6759 15.0322 13.3112 15.2285L14.0222 16.5493ZM16.25 17C16.25 19.3472 14.3472 21.25 12 21.25V22.75C15.1756 22.75 17.75 20.1756 17.75 17H16.25ZM12 21.25C9.65279 21.25 7.75 19.3472 7.75 17H6.25C6.25 20.1756 8.82436 22.75 12 22.75V21.25ZM7.75 17C7.75 14.6528 9.65279 12.75 12 12.75V11.25C8.82436 11.25 6.25 13.8244 6.25 17H7.75ZM12 12.75C14.3472 12.75 16.25 14.6528 16.25 17H17.75C17.75 13.8244 15.1756 11.25 12 11.25V12.75ZM10.3333 17.5556C10.0104 18.2325 10.0102 18.2324 10.0099 18.2322C10.0098 18.2322 10.0096 18.2321 10.0094 18.232C10.0091 18.2319 10.0088 18.2317 10.0085 18.2316C10.008 18.2313 10.0074 18.231 10.0069 18.2308C10.0059 18.2303 10.005 18.2299 10.0043 18.2295C10.0028 18.2288 10.0019 18.2283 10.0015 18.2281C10.0008 18.2278 10.0022 18.2285 10.0056 18.2303C10.0125 18.234 10.0271 18.2421 10.0482 18.255C10.0904 18.2809 10.1574 18.3254 10.2383 18.3909C10.4003 18.5221 10.6137 18.7341 10.7983 19.0474L12.0906 18.2859C11.799 17.791 11.4568 17.4475 11.1823 17.2252C11.045 17.1139 10.9235 17.0322 10.8318 16.976C10.7859 16.9479 10.7472 16.926 10.7174 16.91C10.7026 16.902 10.6899 16.8954 10.6796 16.8902C10.6745 16.8876 10.67 16.8853 10.6661 16.8834C10.6641 16.8824 10.6623 16.8816 10.6607 16.8808C10.6599 16.8804 10.6591 16.88 10.6584 16.8796C10.658 16.8795 10.6576 16.8793 10.6573 16.8791C10.6571 16.879 10.6569 16.8789 10.6568 16.8789C10.6565 16.8788 10.6563 16.8786 10.3333 17.5556ZM11.4444 18.6667C12.1209 18.9906 12.1208 18.9907 12.1208 18.9908C12.1208 18.9909 12.1207 18.9909 12.1207 18.991C12.1207 18.9911 12.1206 18.9911 12.1206 18.9912C12.1206 18.9912 12.1206 18.9911 12.1207 18.9909C12.1209 18.9905 12.1214 18.9896 12.1221 18.9882C12.1234 18.9854 12.1257 18.9807 12.129 18.9741C12.1354 18.9609 12.1456 18.9405 12.1593 18.9136C12.1866 18.8598 12.2278 18.7806 12.2811 18.6827C12.3883 18.4862 12.5425 18.2186 12.7307 17.9338C13.1295 17.3302 13.5986 16.7773 14.0222 16.5493L13.3112 15.2285C12.5331 15.6473 11.8911 16.4834 11.4792 17.1069C11.262 17.4357 11.086 17.7413 10.9642 17.9645C10.9032 18.0765 10.8552 18.1688 10.822 18.234C10.8054 18.2667 10.7925 18.2927 10.7834 18.3111C10.7789 18.3203 10.7753 18.3276 10.7728 18.3329C10.7715 18.3355 10.7704 18.3377 10.7696 18.3393C10.7692 18.3401 10.7689 18.3408 10.7686 18.3414C10.7685 18.3417 10.7684 18.3419 10.7683 18.3421C10.7682 18.3423 10.7682 18.3424 10.7681 18.3424C10.7681 18.3426 10.768 18.3427 11.4444 18.6667Z'</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">'M17.5 8V7.25L17.4982 7.25L17.5 8ZM6.52042 7.0227L6.59147 7.76933H6.59147L6.52042 7.0227ZM9.54998 8.59962C9.88114 8.84843 10.3513 8.78167 10.6001 8.45051C10.8489 8.11935 10.7822 7.64919 10.451 7.40038L9.54998 8.59962ZM19.555 15.6374C19.2087 15.8648 19.1123 16.3297 19.3397 16.676C19.567 17.0222 20.032 17.1186 20.3783 16.8913L19.555 15.6374ZM3.61477 16.6483C3.94943 16.8924 4.41859 16.819 4.66268 16.4843C4.90676 16.1497 4.83334 15.6805 4.49868 15.4364L3.61477 16.6483ZM16.2325 9.65862C16.0439 10.0274 16.1901 10.4793 16.5589 10.6678C16.9277 10.8563 17.3796 10.7102 17.5681 10.3414L16.2325 9.65862ZM12 2.75C14.6234 2.75 16.75 4.87665 16.75 7.5H18.25C18.25 4.04822 15.4518 1.25 12 1.25V2.75ZM17.5 8.75C19.5711 8.75 21.25 10.4289 21.25 12.5H22.75C22.75 9.60051 20.3995 7.25 17.5 7.25V8.75ZM17.4794 8.75005L17.5018 8.75L17.4982 7.25L17.4757 7.25006L17.4794 8.75005ZM16.75 7.5C16.75 7.64606 16.7434 7.79039 16.7306 7.93274L18.2245 8.06737C18.2414 7.88033 18.25 7.69107 18.25 7.5H16.75ZM2.75 12C2.75 9.79073 4.4363 7.97442 6.59147 7.76933L6.44937 6.27608C3.53166 6.55373 1.25 9.00996 1.25 12H2.75ZM6.59147 7.76933C6.72573 7.75655 6.86199 7.75 7 7.75V6.25C6.81447 6.25 6.63079 6.25881 6.44937 6.27608L6.59147 7.76933ZM7.26767 7.08694C7.47652 4.65738 9.51591 2.75 12 2.75V1.25C8.73056 1.25 6.04814 3.75986 5.77318 6.95847L7.26767 7.08694ZM7 7.75C7.95781 7.75 8.83967 8.06595 9.54998 8.59962L10.451 7.40038C9.48982 6.67823 8.29384 6.25 7 6.25V7.75ZM21.25 12.5C21.25 13.8114 20.5775 14.9661 19.555 15.6374L20.3783 16.8913C21.8052 15.9544 22.75 14.3377 22.75 12.5H21.25ZM4.49868 15.4364C3.43727 14.6623 2.75 13.4114 2.75 12H1.25C1.25 13.9109 2.18287 15.6039 3.61477 16.6483L4.49868 15.4364ZM16.7306 7.93273C16.675 8.55008 16.5013 9.13268 16.2325 9.65862L17.5681 10.3414C17.9225 9.64808 18.1513 8.8798 18.2245 8.06738L16.7306 7.93273Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'#141B34'</span>
		<span class="p">)</span>
	<span class="k">end</span>
<span class="k">end</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div><div><p class="text-sm font-normal">Plain SVG ↓</p><div class="w-full mt-1"><style>.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight, .highlight .w {
  color: #c9d1d9;
  background-color: #161b22;
}
.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #ff7b72;
}
.highlight .gr {
  color: #f0f6fc;
}
.highlight .gd {
  color: #ffdcd7;
  background-color: #67060c;
}
.highlight .nb {
  color: #ffa657;
}
.highlight .nc {
  color: #ffa657;
}
.highlight .no {
  color: #ffa657;
}
.highlight .nn {
  color: #ffa657;
}
.highlight .sr {
  color: #7ee787;
}
.highlight .na {
  color: #7ee787;
}
.highlight .nt {
  color: #7ee787;
}
.highlight .gi {
  color: #aff5b4;
  background-color: #033a16;
}
.highlight .ges {
  font-weight: bold;
  font-style: italic;
}
.highlight .kc {
  color: #79c0ff;
}
.highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #79c0ff;
}
.highlight .sb {
  color: #79c0ff;
}
.highlight .bp {
  color: #79c0ff;
}
.highlight .ne {
  color: #79c0ff;
}
.highlight .nl {
  color: #79c0ff;
}
.highlight .py {
  color: #79c0ff;
}
.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
  color: #79c0ff;
}
.highlight .o, .highlight .ow {
  color: #79c0ff;
}
.highlight .gh {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .gu {
  color: #1f6feb;
  font-weight: bold;
}
.highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #a5d6ff;
}
.highlight .nd {
  color: #d2a8ff;
}
.highlight .nf, .highlight .fm {
  color: #d2a8ff;
}
.highlight .err {
  color: #f0f6fc;
  background-color: #8e1519;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #8b949e;
}
.highlight .gl {
  color: #8b949e;
}
.highlight .gt {
  color: #8b949e;
}
.highlight .ni {
  color: #c9d1d9;
}
.highlight .si {
  color: #c9d1d9;
}
.highlight .ge {
  color: #c9d1d9;
  font-style: italic;
}
.highlight .gs {
  color: #c9d1d9;
  font-weight: bold;
}</style><div data-controller="ruby-ui--clipboard" data-action="click@window->ruby-ui--clipboard#onClickOutside" data-ruby-ui--clipboard-success-value="Copied!" data-ruby-ui--clipboard-error-value="Copy failed!" data-ruby-ui--clipboard-options-value="{}" class="relative"><div><div data-ruby-ui--clipboard-target="source"><div style="tab-size: 2;" class="highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"><div class="after:content-none"><pre><span class="nt">&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">class=</span><span class="s">""</span> <span class="na">viewbox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span><span class="nt">&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M10.6563 16.8786C10.2824 16.7003 9.83477 16.8588 9.65642 17.2326C9.47807 17.6065 9.63655 18.0541 10.0104 18.2325L10.6563 16.8786ZM11.4444 18.6667L10.7983 19.0474C10.9389 19.2861 11.1998 19.4279 11.4766 19.416C11.7534 19.4041 12.0012 19.2405 12.1209 18.9906L11.4444 18.6667ZM14.0222 16.5493C14.3869 16.3529 14.5234 15.8981 14.3271 15.5334C14.1307 15.1687 13.6759 15.0322 13.3112 15.2285L14.0222 16.5493ZM16.25 17C16.25 19.3472 14.3472 21.25 12 21.25V22.75C15.1756 22.75 17.75 20.1756 17.75 17H16.25ZM12 21.25C9.65279 21.25 7.75 19.3472 7.75 17H6.25C6.25 20.1756 8.82436 22.75 12 22.75V21.25ZM7.75 17C7.75 14.6528 9.65279 12.75 12 12.75V11.25C8.82436 11.25 6.25 13.8244 6.25 17H7.75ZM12 12.75C14.3472 12.75 16.25 14.6528 16.25 17H17.75C17.75 13.8244 15.1756 11.25 12 11.25V12.75ZM10.3333 17.5556C10.0104 18.2325 10.0102 18.2324 10.0099 18.2322C10.0098 18.2322 10.0096 18.2321 10.0094 18.232C10.0091 18.2319 10.0088 18.2317 10.0085 18.2316C10.008 18.2313 10.0074 18.231 10.0069 18.2308C10.0059 18.2303 10.005 18.2299 10.0043 18.2295C10.0028 18.2288 10.0019 18.2283 10.0015 18.2281C10.0008 18.2278 10.0022 18.2285 10.0056 18.2303C10.0125 18.234 10.0271 18.2421 10.0482 18.255C10.0904 18.2809 10.1574 18.3254 10.2383 18.3909C10.4003 18.5221 10.6137 18.7341 10.7983 19.0474L12.0906 18.2859C11.799 17.791 11.4568 17.4475 11.1823 17.2252C11.045 17.1139 10.9235 17.0322 10.8318 16.976C10.7859 16.9479 10.7472 16.926 10.7174 16.91C10.7026 16.902 10.6899 16.8954 10.6796 16.8902C10.6745 16.8876 10.67 16.8853 10.6661 16.8834C10.6641 16.8824 10.6623 16.8816 10.6607 16.8808C10.6599 16.8804 10.6591 16.88 10.6584 16.8796C10.658 16.8795 10.6576 16.8793 10.6573 16.8791C10.6571 16.879 10.6569 16.8789 10.6568 16.8789C10.6565 16.8788 10.6563 16.8786 10.3333 17.5556ZM11.4444 18.6667C12.1209 18.9906 12.1208 18.9907 12.1208 18.9908C12.1208 18.9909 12.1207 18.9909 12.1207 18.991C12.1207 18.9911 12.1206 18.9911 12.1206 18.9912C12.1206 18.9912 12.1206 18.9911 12.1207 18.9909C12.1209 18.9905 12.1214 18.9896 12.1221 18.9882C12.1234 18.9854 12.1257 18.9807 12.129 18.9741C12.1354 18.9609 12.1456 18.9405 12.1593 18.9136C12.1866 18.8598 12.2278 18.7806 12.2811 18.6827C12.3883 18.4862 12.5425 18.2186 12.7307 17.9338C13.1295 17.3302 13.5986 16.7773 14.0222 16.5493L13.3112 15.2285C12.5331 15.6473 11.8911 16.4834 11.4792 17.1069C11.262 17.4357 11.086 17.7413 10.9642 17.9645C10.9032 18.0765 10.8552 18.1688 10.822 18.234C10.8054 18.2667 10.7925 18.2927 10.7834 18.3111C10.7789 18.3203 10.7753 18.3276 10.7728 18.3329C10.7715 18.3355 10.7704 18.3377 10.7696 18.3393C10.7692 18.3401 10.7689 18.3408 10.7686 18.3414C10.7685 18.3417 10.7684 18.3419 10.7683 18.3421C10.7682 18.3423 10.7682 18.3424 10.7681 18.3424C10.7681 18.3426 10.768 18.3427 11.4444 18.6667Z"</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">"M17.5 8V7.25L17.4982 7.25L17.5 8ZM6.52042 7.0227L6.59147 7.76933H6.59147L6.52042 7.0227ZM9.54998 8.59962C9.88114 8.84843 10.3513 8.78167 10.6001 8.45051C10.8489 8.11935 10.7822 7.64919 10.451 7.40038L9.54998 8.59962ZM19.555 15.6374C19.2087 15.8648 19.1123 16.3297 19.3397 16.676C19.567 17.0222 20.032 17.1186 20.3783 16.8913L19.555 15.6374ZM3.61477 16.6483C3.94943 16.8924 4.41859 16.819 4.66268 16.4843C4.90676 16.1497 4.83334 15.6805 4.49868 15.4364L3.61477 16.6483ZM16.2325 9.65862C16.0439 10.0274 16.1901 10.4793 16.5589 10.6678C16.9277 10.8563 17.3796 10.7102 17.5681 10.3414L16.2325 9.65862ZM12 2.75C14.6234 2.75 16.75 4.87665 16.75 7.5H18.25C18.25 4.04822 15.4518 1.25 12 1.25V2.75ZM17.5 8.75C19.5711 8.75 21.25 10.4289 21.25 12.5H22.75C22.75 9.60051 20.3995 7.25 17.5 7.25V8.75ZM17.4794 8.75005L17.5018 8.75L17.4982 7.25L17.4757 7.25006L17.4794 8.75005ZM16.75 7.5C16.75 7.64606 16.7434 7.79039 16.7306 7.93274L18.2245 8.06737C18.2414 7.88033 18.25 7.69107 18.25 7.5H16.75ZM2.75 12C2.75 9.79073 4.4363 7.97442 6.59147 7.76933L6.44937 6.27608C3.53166 6.55373 1.25 9.00996 1.25 12H2.75ZM6.59147 7.76933C6.72573 7.75655 6.86199 7.75 7 7.75V6.25C6.81447 6.25 6.63079 6.25881 6.44937 6.27608L6.59147 7.76933ZM7.26767 7.08694C7.47652 4.65738 9.51591 2.75 12 2.75V1.25C8.73056 1.25 6.04814 3.75986 5.77318 6.95847L7.26767 7.08694ZM7 7.75C7.95781 7.75 8.83967 8.06595 9.54998 8.59962L10.451 7.40038C9.48982 6.67823 8.29384 6.25 7 6.25V7.75ZM21.25 12.5C21.25 13.8114 20.5775 14.9661 19.555 15.6374L20.3783 16.8913C21.8052 15.9544 22.75 14.3377 22.75 12.5H21.25ZM4.49868 15.4364C3.43727 14.6623 2.75 13.4114 2.75 12H1.25C1.25 13.9109 2.18287 15.6039 3.61477 16.6483L4.49868 15.4364ZM16.7306 7.93273C16.675 8.55008 16.5013 9.13268 16.2325 9.65862L17.5681 10.3414C17.9225 9.64808 18.1513 8.8798 18.2245 8.06738L16.7306 7.93273Z"</span> <span class="na">fill=</span><span class="s">"#141B34"</span><span class="nt">&gt;&lt;/path&gt;</span>
<span class="nt">&lt;/svg&gt;</span>
</pre></div></div></div><div class="absolute top-2 right-2"><div data-ruby-ui--clipboard-target="trigger" data-action="click->ruby-ui--clipboard#copy"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-6 w-6 text-white hover:text-white hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></button></div></div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="successPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copied!</div></div><div class="hidden" style="width: max-content; position: absolute; top: 0; left: 0;" data-ruby-ui--clipboard-target="errorPopover"><div data-state="open" class="z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2">Copy failed!</div></div></div></div></div></div></div><div class="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-y-2 sm:gap-y-0"><button type="button" class="whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground px-4 py-2 h-9 text-sm w-full" data-action="click->ruby-ui--sheet-content#close">Close</button></div><button type="button" class="absolute end-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" data-action="click->ruby-ui--sheet-content#close"><svg width="15" height="15" viewbox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4"><path d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg><span class="sr-only">Close</span></button></div></div></template></div></template></turbo-stream>