<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">DiscordLogo</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/discord_logo.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="M10.0496 1.82295C10.7856 1.90319 11.8574 2.26115 12.6199 2.62373L12.9266 2.77901C12.9514 2.79253 12.9749 2.80828 12.9969 2.82588L13.0584 2.88448C13.372 3.24313 13.6573 3.82909 13.8807 4.38252C14.0527 4.80885 14.2024 5.25279 14.3123 5.63057L14.408 5.98409C14.7166 7.21788 14.904 8.66891 14.9627 10.0876L14.9793 10.6931C14.9805 10.7732 14.9618 10.8526 14.9246 10.9235C14.6234 11.4959 13.9767 12.0276 13.3289 12.4157C12.6739 12.8081 11.91 13.1188 11.2938 13.1784C11.1444 13.1927 10.9961 13.1363 10.8943 13.0261C10.74 12.8588 10.4782 12.468 10.2801 12.1647C10.19 12.027 10.1058 11.8951 10.0389 11.7897C9.37742 11.91 8.54811 11.9802 7.49981 11.9802C6.45005 11.9802 5.61963 11.9104 4.95782 11.7897C4.89097 11.895 4.80752 12.0271 4.71758 12.1647C4.51945 12.468 4.25767 12.8588 4.10332 13.0261C4.00161 13.1363 3.85321 13.1927 3.70391 13.1784C3.08767 13.1188 2.3237 12.808 1.66875 12.4157C1.02103 12.0277 0.374262 11.4959 0.0730493 10.9235C0.0358138 10.8526 0.0171992 10.7732 0.0183618 10.6931L0.0349634 10.0876C0.093615 8.6689 0.281084 7.21789 0.589651 5.98409L0.685354 5.63057C0.795251 5.25277 0.944942 4.80887 1.11699 4.38252C1.34039 3.82904 1.6256 3.24312 1.93926 2.88448L2.00078 2.82588C2.02278 2.8083 2.04627 2.79252 2.0711 2.77901L2.37774 2.62373C3.1403 2.26118 4.21209 1.90319 4.94805 1.82295L5.01153 1.821C5.03258 1.8215 5.05416 1.82261 5.075 1.82588C5.28102 1.85839 5.45876 1.9653 5.58965 2.06416C5.72776 2.16858 5.85682 2.29746 5.96758 2.42744C6.12821 2.61605 6.28274 2.84583 6.38262 3.06319C6.72535 3.03567 7.09725 3.01924 7.49981 3.01924C7.90117 3.01924 8.27218 3.03582 8.61407 3.06319C8.71396 2.84571 8.86935 2.61616 9.03008 2.42744C9.14087 2.29742 9.26985 2.1686 9.40801 2.06416C9.53894 1.96527 9.71655 1.85835 9.92266 1.82588C9.94357 1.8226 9.96502 1.82149 9.98614 1.821L10.0496 1.82295ZM9.98614 2.82979C9.91816 2.88122 9.8394 2.95699 9.76055 3.04951C9.71885 3.09848 9.68037 3.14739 9.64629 3.19502C9.95188 3.25099 10.2245 3.31714 10.4656 3.39131C11.0638 3.57535 11.5167 3.81895 11.782 4.09248L11.8836 4.21162L11.9344 4.29463C12.0299 4.49642 11.9733 4.74426 11.7879 4.8835C11.6023 5.02273 11.3485 5.00737 11.1814 4.85909L11.116 4.7878L11.032 4.70674C10.906 4.60538 10.6455 4.4505 10.1834 4.3083C9.5889 4.12545 8.71304 3.98018 7.49981 3.98018C6.28651 3.98019 5.4107 4.12542 4.81621 4.3083C4.20029 4.49783 3.94256 4.70931 3.8836 4.7878C3.72451 4.99974 3.42375 5.04252 3.21172 4.8835C2.99998 4.72437 2.95706 4.42357 3.11602 4.21162C3.35729 3.89014 3.85048 3.60163 4.53399 3.39131C4.77453 3.31731 5.04664 3.2519 5.35137 3.196C5.31718 3.14817 5.279 3.0987 5.23711 3.04951C5.15831 2.95705 5.07947 2.88121 5.01153 2.82979C4.98801 2.81202 4.96732 2.80113 4.95293 2.79268C4.28496 2.8887 3.25957 3.24454 2.60918 3.58174C2.42222 3.82444 2.2081 4.24518 2.00762 4.7419C1.84752 5.13863 1.70878 5.55164 1.60821 5.89717L1.52031 6.21651C1.19852 7.50323 1.01384 9.06717 0.981252 10.573C1.1891 10.8908 1.61848 11.2669 2.16192 11.5925C2.64542 11.8821 3.15024 12.0901 3.54668 12.1794C3.64861 12.0372 3.78107 11.8426 3.91387 11.6394C3.93652 11.6047 3.95753 11.5694 3.9793 11.5358C3.19523 11.2572 2.77363 10.8748 2.50078 10.4655L2.9002 10.1999L3.29961 9.9333C3.56096 10.3253 4.24367 11.0192 7.49981 11.0192C10.7561 11.0192 11.4396 10.3254 11.701 9.9333C11.8481 9.71328 12.1457 9.65379 12.366 9.80049C12.5863 9.94736 12.6462 10.245 12.4998 10.4655C12.2266 10.8754 11.8036 11.2581 11.0174 11.5368C11.0391 11.5703 11.0612 11.6048 11.0838 11.6394C11.2166 11.8426 11.3491 12.0372 11.451 12.1794C11.8475 12.0901 12.3522 11.8821 12.8357 11.5925C13.3792 11.2669 13.8086 10.8908 14.0164 10.573C13.9838 9.06719 13.7991 7.50322 13.4773 6.21651L13.3895 5.89717C13.2889 5.55166 13.1501 5.13861 12.99 4.7419C12.7896 4.24524 12.5754 3.82445 12.3885 3.58174C11.7381 3.24452 10.7128 2.8887 10.0447 2.79268C10.0303 2.80114 10.0097 2.81196 9.98614 2.82979ZM2.6336 9.80049C2.85404 9.6538 3.15258 9.71307 3.29961 9.9333L2.50078 10.4655C2.35423 10.2451 2.41345 9.9475 2.6336 9.80049ZM4.99981 6.6003C5.34512 6.60194 5.6761 6.75003 5.91973 7.01241C6.16321 7.2747 6.29955 7.62965 6.29961 7.99971C6.29961 8.36994 6.16336 8.72562 5.91973 8.98799C5.6761 9.25032 5.34509 9.39846 4.99981 9.4001C4.65473 9.3984 4.32441 9.25009 4.08086 8.98799C3.83723 8.72562 3.7 8.36994 3.7 7.99971C3.70007 7.62958 3.83729 7.27471 4.08086 7.01241C4.32443 6.75016 4.65462 6.602 4.99981 6.6003ZM9.99883 6.6003C10.3441 6.60195 10.6751 6.75004 10.9188 7.01241C11.1622 7.27469 11.2986 7.62971 11.2986 7.99971C11.2986 8.36992 11.1624 8.72562 10.9188 8.98799C10.6751 9.25036 10.3441 9.39845 9.99883 9.4001C9.65352 9.39846 9.32254 9.25036 9.07891 8.98799C8.83529 8.72562 8.69903 8.36993 8.69903 7.99971C8.69909 7.6297 8.83548 7.27469 9.07891 7.01241C9.32254 6.75003 9.65352 6.60194 9.99883 6.6003Z" 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">DiscordLogo</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">DiscordLogo</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">'M10.0496 1.82295C10.7856 1.90319 11.8574 2.26115 12.6199 2.62373L12.9266 2.77901C12.9514 2.79253 12.9749 2.80828 12.9969 2.82588L13.0584 2.88448C13.372 3.24313 13.6573 3.82909 13.8807 4.38252C14.0527 4.80885 14.2024 5.25279 14.3123 5.63057L14.408 5.98409C14.7166 7.21788 14.904 8.66891 14.9627 10.0876L14.9793 10.6931C14.9805 10.7732 14.9618 10.8526 14.9246 10.9235C14.6234 11.4959 13.9767 12.0276 13.3289 12.4157C12.6739 12.8081 11.91 13.1188 11.2938 13.1784C11.1444 13.1927 10.9961 13.1363 10.8943 13.0261C10.74 12.8588 10.4782 12.468 10.2801 12.1647C10.19 12.027 10.1058 11.8951 10.0389 11.7897C9.37742 11.91 8.54811 11.9802 7.49981 11.9802C6.45005 11.9802 5.61963 11.9104 4.95782 11.7897C4.89097 11.895 4.80752 12.0271 4.71758 12.1647C4.51945 12.468 4.25767 12.8588 4.10332 13.0261C4.00161 13.1363 3.85321 13.1927 3.70391 13.1784C3.08767 13.1188 2.3237 12.808 1.66875 12.4157C1.02103 12.0277 0.374262 11.4959 0.0730493 10.9235C0.0358138 10.8526 0.0171992 10.7732 0.0183618 10.6931L0.0349634 10.0876C0.093615 8.6689 0.281084 7.21789 0.589651 5.98409L0.685354 5.63057C0.795251 5.25277 0.944942 4.80887 1.11699 4.38252C1.34039 3.82904 1.6256 3.24312 1.93926 2.88448L2.00078 2.82588C2.02278 2.8083 2.04627 2.79252 2.0711 2.77901L2.37774 2.62373C3.1403 2.26118 4.21209 1.90319 4.94805 1.82295L5.01153 1.821C5.03258 1.8215 5.05416 1.82261 5.075 1.82588C5.28102 1.85839 5.45876 1.9653 5.58965 2.06416C5.72776 2.16858 5.85682 2.29746 5.96758 2.42744C6.12821 2.61605 6.28274 2.84583 6.38262 3.06319C6.72535 3.03567 7.09725 3.01924 7.49981 3.01924C7.90117 3.01924 8.27218 3.03582 8.61407 3.06319C8.71396 2.84571 8.86935 2.61616 9.03008 2.42744C9.14087 2.29742 9.26985 2.1686 9.40801 2.06416C9.53894 1.96527 9.71655 1.85835 9.92266 1.82588C9.94357 1.8226 9.96502 1.82149 9.98614 1.821L10.0496 1.82295ZM9.98614 2.82979C9.91816 2.88122 9.8394 2.95699 9.76055 3.04951C9.71885 3.09848 9.68037 3.14739 9.64629 3.19502C9.95188 3.25099 10.2245 3.31714 10.4656 3.39131C11.0638 3.57535 11.5167 3.81895 11.782 4.09248L11.8836 4.21162L11.9344 4.29463C12.0299 4.49642 11.9733 4.74426 11.7879 4.8835C11.6023 5.02273 11.3485 5.00737 11.1814 4.85909L11.116 4.7878L11.032 4.70674C10.906 4.60538 10.6455 4.4505 10.1834 4.3083C9.5889 4.12545 8.71304 3.98018 7.49981 3.98018C6.28651 3.98019 5.4107 4.12542 4.81621 4.3083C4.20029 4.49783 3.94256 4.70931 3.8836 4.7878C3.72451 4.99974 3.42375 5.04252 3.21172 4.8835C2.99998 4.72437 2.95706 4.42357 3.11602 4.21162C3.35729 3.89014 3.85048 3.60163 4.53399 3.39131C4.77453 3.31731 5.04664 3.2519 5.35137 3.196C5.31718 3.14817 5.279 3.0987 5.23711 3.04951C5.15831 2.95705 5.07947 2.88121 5.01153 2.82979C4.98801 2.81202 4.96732 2.80113 4.95293 2.79268C4.28496 2.8887 3.25957 3.24454 2.60918 3.58174C2.42222 3.82444 2.2081 4.24518 2.00762 4.7419C1.84752 5.13863 1.70878 5.55164 1.60821 5.89717L1.52031 6.21651C1.19852 7.50323 1.01384 9.06717 0.981252 10.573C1.1891 10.8908 1.61848 11.2669 2.16192 11.5925C2.64542 11.8821 3.15024 12.0901 3.54668 12.1794C3.64861 12.0372 3.78107 11.8426 3.91387 11.6394C3.93652 11.6047 3.95753 11.5694 3.9793 11.5358C3.19523 11.2572 2.77363 10.8748 2.50078 10.4655L2.9002 10.1999L3.29961 9.9333C3.56096 10.3253 4.24367 11.0192 7.49981 11.0192C10.7561 11.0192 11.4396 10.3254 11.701 9.9333C11.8481 9.71328 12.1457 9.65379 12.366 9.80049C12.5863 9.94736 12.6462 10.245 12.4998 10.4655C12.2266 10.8754 11.8036 11.2581 11.0174 11.5368C11.0391 11.5703 11.0612 11.6048 11.0838 11.6394C11.2166 11.8426 11.3491 12.0372 11.451 12.1794C11.8475 12.0901 12.3522 11.8821 12.8357 11.5925C13.3792 11.2669 13.8086 10.8908 14.0164 10.573C13.9838 9.06719 13.7991 7.50322 13.4773 6.21651L13.3895 5.89717C13.2889 5.55166 13.1501 5.13861 12.99 4.7419C12.7896 4.24524 12.5754 3.82445 12.3885 3.58174C11.7381 3.24452 10.7128 2.8887 10.0447 2.79268C10.0303 2.80114 10.0097 2.81196 9.98614 2.82979ZM2.6336 9.80049C2.85404 9.6538 3.15258 9.71307 3.29961 9.9333L2.50078 10.4655C2.35423 10.2451 2.41345 9.9475 2.6336 9.80049ZM4.99981 6.6003C5.34512 6.60194 5.6761 6.75003 5.91973 7.01241C6.16321 7.2747 6.29955 7.62965 6.29961 7.99971C6.29961 8.36994 6.16336 8.72562 5.91973 8.98799C5.6761 9.25032 5.34509 9.39846 4.99981 9.4001C4.65473 9.3984 4.32441 9.25009 4.08086 8.98799C3.83723 8.72562 3.7 8.36994 3.7 7.99971C3.70007 7.62958 3.83729 7.27471 4.08086 7.01241C4.32443 6.75016 4.65462 6.602 4.99981 6.6003ZM9.99883 6.6003C10.3441 6.60195 10.6751 6.75004 10.9188 7.01241C11.1622 7.27469 11.2986 7.62971 11.2986 7.99971C11.2986 8.36992 11.1624 8.72562 10.9188 8.98799C10.6751 9.25036 10.3441 9.39845 9.99883 9.4001C9.65352 9.39846 9.32254 9.25036 9.07891 8.98799C8.83529 8.72562 8.69903 8.36993 8.69903 7.99971C8.69909 7.6297 8.83548 7.27469 9.07891 7.01241C9.32254 6.75003 9.65352 6.60194 9.99883 6.6003Z'</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">"M10.0496 1.82295C10.7856 1.90319 11.8574 2.26115 12.6199 2.62373L12.9266 2.77901C12.9514 2.79253 12.9749 2.80828 12.9969 2.82588L13.0584 2.88448C13.372 3.24313 13.6573 3.82909 13.8807 4.38252C14.0527 4.80885 14.2024 5.25279 14.3123 5.63057L14.408 5.98409C14.7166 7.21788 14.904 8.66891 14.9627 10.0876L14.9793 10.6931C14.9805 10.7732 14.9618 10.8526 14.9246 10.9235C14.6234 11.4959 13.9767 12.0276 13.3289 12.4157C12.6739 12.8081 11.91 13.1188 11.2938 13.1784C11.1444 13.1927 10.9961 13.1363 10.8943 13.0261C10.74 12.8588 10.4782 12.468 10.2801 12.1647C10.19 12.027 10.1058 11.8951 10.0389 11.7897C9.37742 11.91 8.54811 11.9802 7.49981 11.9802C6.45005 11.9802 5.61963 11.9104 4.95782 11.7897C4.89097 11.895 4.80752 12.0271 4.71758 12.1647C4.51945 12.468 4.25767 12.8588 4.10332 13.0261C4.00161 13.1363 3.85321 13.1927 3.70391 13.1784C3.08767 13.1188 2.3237 12.808 1.66875 12.4157C1.02103 12.0277 0.374262 11.4959 0.0730493 10.9235C0.0358138 10.8526 0.0171992 10.7732 0.0183618 10.6931L0.0349634 10.0876C0.093615 8.6689 0.281084 7.21789 0.589651 5.98409L0.685354 5.63057C0.795251 5.25277 0.944942 4.80887 1.11699 4.38252C1.34039 3.82904 1.6256 3.24312 1.93926 2.88448L2.00078 2.82588C2.02278 2.8083 2.04627 2.79252 2.0711 2.77901L2.37774 2.62373C3.1403 2.26118 4.21209 1.90319 4.94805 1.82295L5.01153 1.821C5.03258 1.8215 5.05416 1.82261 5.075 1.82588C5.28102 1.85839 5.45876 1.9653 5.58965 2.06416C5.72776 2.16858 5.85682 2.29746 5.96758 2.42744C6.12821 2.61605 6.28274 2.84583 6.38262 3.06319C6.72535 3.03567 7.09725 3.01924 7.49981 3.01924C7.90117 3.01924 8.27218 3.03582 8.61407 3.06319C8.71396 2.84571 8.86935 2.61616 9.03008 2.42744C9.14087 2.29742 9.26985 2.1686 9.40801 2.06416C9.53894 1.96527 9.71655 1.85835 9.92266 1.82588C9.94357 1.8226 9.96502 1.82149 9.98614 1.821L10.0496 1.82295ZM9.98614 2.82979C9.91816 2.88122 9.8394 2.95699 9.76055 3.04951C9.71885 3.09848 9.68037 3.14739 9.64629 3.19502C9.95188 3.25099 10.2245 3.31714 10.4656 3.39131C11.0638 3.57535 11.5167 3.81895 11.782 4.09248L11.8836 4.21162L11.9344 4.29463C12.0299 4.49642 11.9733 4.74426 11.7879 4.8835C11.6023 5.02273 11.3485 5.00737 11.1814 4.85909L11.116 4.7878L11.032 4.70674C10.906 4.60538 10.6455 4.4505 10.1834 4.3083C9.5889 4.12545 8.71304 3.98018 7.49981 3.98018C6.28651 3.98019 5.4107 4.12542 4.81621 4.3083C4.20029 4.49783 3.94256 4.70931 3.8836 4.7878C3.72451 4.99974 3.42375 5.04252 3.21172 4.8835C2.99998 4.72437 2.95706 4.42357 3.11602 4.21162C3.35729 3.89014 3.85048 3.60163 4.53399 3.39131C4.77453 3.31731 5.04664 3.2519 5.35137 3.196C5.31718 3.14817 5.279 3.0987 5.23711 3.04951C5.15831 2.95705 5.07947 2.88121 5.01153 2.82979C4.98801 2.81202 4.96732 2.80113 4.95293 2.79268C4.28496 2.8887 3.25957 3.24454 2.60918 3.58174C2.42222 3.82444 2.2081 4.24518 2.00762 4.7419C1.84752 5.13863 1.70878 5.55164 1.60821 5.89717L1.52031 6.21651C1.19852 7.50323 1.01384 9.06717 0.981252 10.573C1.1891 10.8908 1.61848 11.2669 2.16192 11.5925C2.64542 11.8821 3.15024 12.0901 3.54668 12.1794C3.64861 12.0372 3.78107 11.8426 3.91387 11.6394C3.93652 11.6047 3.95753 11.5694 3.9793 11.5358C3.19523 11.2572 2.77363 10.8748 2.50078 10.4655L2.9002 10.1999L3.29961 9.9333C3.56096 10.3253 4.24367 11.0192 7.49981 11.0192C10.7561 11.0192 11.4396 10.3254 11.701 9.9333C11.8481 9.71328 12.1457 9.65379 12.366 9.80049C12.5863 9.94736 12.6462 10.245 12.4998 10.4655C12.2266 10.8754 11.8036 11.2581 11.0174 11.5368C11.0391 11.5703 11.0612 11.6048 11.0838 11.6394C11.2166 11.8426 11.3491 12.0372 11.451 12.1794C11.8475 12.0901 12.3522 11.8821 12.8357 11.5925C13.3792 11.2669 13.8086 10.8908 14.0164 10.573C13.9838 9.06719 13.7991 7.50322 13.4773 6.21651L13.3895 5.89717C13.2889 5.55166 13.1501 5.13861 12.99 4.7419C12.7896 4.24524 12.5754 3.82445 12.3885 3.58174C11.7381 3.24452 10.7128 2.8887 10.0447 2.79268C10.0303 2.80114 10.0097 2.81196 9.98614 2.82979ZM2.6336 9.80049C2.85404 9.6538 3.15258 9.71307 3.29961 9.9333L2.50078 10.4655C2.35423 10.2451 2.41345 9.9475 2.6336 9.80049ZM4.99981 6.6003C5.34512 6.60194 5.6761 6.75003 5.91973 7.01241C6.16321 7.2747 6.29955 7.62965 6.29961 7.99971C6.29961 8.36994 6.16336 8.72562 5.91973 8.98799C5.6761 9.25032 5.34509 9.39846 4.99981 9.4001C4.65473 9.3984 4.32441 9.25009 4.08086 8.98799C3.83723 8.72562 3.7 8.36994 3.7 7.99971C3.70007 7.62958 3.83729 7.27471 4.08086 7.01241C4.32443 6.75016 4.65462 6.602 4.99981 6.6003ZM9.99883 6.6003C10.3441 6.60195 10.6751 6.75004 10.9188 7.01241C11.1622 7.27469 11.2986 7.62971 11.2986 7.99971C11.2986 8.36992 11.1624 8.72562 10.9188 8.98799C10.6751 9.25036 10.3441 9.39845 9.99883 9.4001C9.65352 9.39846 9.32254 9.25036 9.07891 8.98799C8.83529 8.72562 8.69903 8.36993 8.69903 7.99971C8.69909 7.6297 8.83548 7.27469 9.07891 7.01241C9.32254 6.75003 9.65352 6.60194 9.99883 6.6003Z"</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>