<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">PanelRight</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/panel_right.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"><mask id="a" fill="currentColor"><path d="M13.6533 2.00781C14.4097 2.08461 15 2.72334 15 3.5V11.5L14.9922 11.6533C14.9205 12.3593 14.3593 12.9205 13.6533 12.9922L13.5 13H1.5L1.34668 12.9922C0.64069 12.9205 0.0794913 12.3593 0.0078125 11.6533L0 11.5V3.5C0 2.72334 0.590277 2.08461 1.34668 2.00781L1.5 2H13.5L13.6533 2.00781ZM1.5 2.98438C1.21523 2.98438 0.984375 3.21523 0.984375 3.5V11.5C0.984375 11.7848 1.21523 12.0156 1.5 12.0156H10V2.98438H1.5ZM11 12.0156H13.5C13.7848 12.0156 14.0156 11.7848 14.0156 11.5V3.5C14.0156 3.21523 13.7848 2.98438 13.5 2.98438H11V12.0156Z"></path></mask><path d="M13.6533 2.00781C14.4097 2.08461 15 2.72334 15 3.5V11.5L14.9922 11.6533C14.9205 12.3593 14.3593 12.9205 13.6533 12.9922L13.5 13H1.5L1.34668 12.9922C0.64069 12.9205 0.0794913 12.3593 0.0078125 11.6533L0 11.5V3.5C0 2.72334 0.590277 2.08461 1.34668 2.00781L1.5 2H13.5L13.6533 2.00781ZM1.5 2.98438C1.21523 2.98438 0.984375 3.21523 0.984375 3.5V11.5C0.984375 11.7848 1.21523 12.0156 1.5 12.0156H10V2.98438H1.5ZM11 12.0156H13.5C13.7848 12.0156 14.0156 11.7848 14.0156 11.5V3.5C14.0156 3.21523 13.7848 2.98438 13.5 2.98438H11V12.0156Z" fill="currentColor"></path><path d="M13.6533 2.00781L13.7793 0.767315L13.7481 0.764148L13.7168 0.762553L13.6533 2.00781ZM15 3.5H16.2469H15ZM15 11.5L16.2453 11.5635L16.2469 11.5317V11.5H15ZM14.9922 11.6533L16.2327 11.7793L16.2359 11.7481L16.2374 11.7168L14.9922 11.6533ZM13.6533 12.9922L13.7168 14.2374L13.7481 14.2359L13.7793 14.2327L13.6533 12.9922ZM13.5 13V14.2469H13.5317L13.5635 14.2453L13.5 13ZM1.5 13L1.43655 14.2453L1.46825 14.2469H1.5V13ZM1.34668 12.9922L1.22073 14.2327L1.25192 14.2359L1.28323 14.2374L1.34668 12.9922ZM0.0078125 11.6533L-1.23745 11.7168L-1.23585 11.7481L-1.23269 11.7793L0.0078125 11.6533ZM0 11.5H-1.24688V11.5317L-1.24526 11.5635L0 11.5ZM1.34668 2.00781L1.28323 0.762553L1.25192 0.764148L1.22073 0.767315L1.34668 2.00781ZM1.5 2V0.753125H1.46825L1.43655 0.75474L1.5 2ZM13.5 2L13.5635 0.75474L13.5317 0.753125H13.5V2ZM1.5 2.98438V1.7375V2.98438ZM0.984375 11.5H-0.2625H0.984375ZM1.5 12.0156L1.5 13.2625H1.5V12.0156ZM10 12.0156V13.2625H11.2469V12.0156H10ZM10 2.98438H11.2469V1.7375H10V2.98438ZM11 12.0156H9.75313V13.2625H11V12.0156ZM13.5 12.0156V13.2625V12.0156ZM14.0156 3.5H15.2625V3.5L14.0156 3.5ZM13.5 2.98438L13.5 1.7375H13.5V2.98438ZM11 2.98438V1.7375H9.75313V2.98438H11ZM13.6533 2.00781L13.5274 3.24831C13.6538 3.26114 13.7531 3.36979 13.7531 3.5H15H16.2469C16.2469 2.07688 15.1657 0.908077 13.7793 0.767315L13.6533 2.00781ZM15 3.5H13.7531V11.5H15H16.2469V3.5H15ZM15 11.5L13.7547 11.4365L13.7469 11.5899L14.9922 11.6533L16.2374 11.7168L16.2453 11.5635L15 11.5ZM14.9922 11.6533L13.7517 11.5274C13.7398 11.6444 13.6444 11.7398 13.5274 11.7517L13.6533 12.9922L13.7793 14.2327C15.0743 14.1012 16.1012 13.0743 16.2327 11.7793L14.9922 11.6533ZM13.6533 12.9922L13.5899 11.7469L13.4365 11.7547L13.5 13L13.5635 14.2453L13.7168 14.2374L13.6533 12.9922ZM13.5 13V11.7531H1.5V13V14.2469H13.5V13ZM1.5 13L1.56345 11.7547L1.41013 11.7469L1.34668 12.9922L1.28323 14.2374L1.43655 14.2453L1.5 13ZM1.34668 12.9922L1.47263 11.7517C1.35564 11.7398 1.26019 11.6444 1.24831 11.5274L0.0078125 11.6533L-1.23269 11.7793C-1.10121 13.0743 -0.0742617 14.1012 1.22073 14.2327L1.34668 12.9922ZM0.0078125 11.6533L1.25307 11.5899L1.24526 11.4365L0 11.5L-1.24526 11.5635L-1.23745 11.7168L0.0078125 11.6533ZM0 11.5H1.24688V3.5H0H-1.24688V11.5H0ZM0 3.5H1.24688C1.24688 3.36979 1.34623 3.26114 1.47263 3.24831L1.34668 2.00781L1.22073 0.767315C-0.165678 0.908076 -1.24688 2.07688 -1.24688 3.5H0ZM1.34668 2.00781L1.41013 3.25307L1.56345 3.24526L1.5 2L1.43655 0.75474L1.28323 0.762553L1.34668 2.00781ZM1.5 2V3.24688H13.5V2V0.753125H1.5V2ZM13.5 2L13.4365 3.24526L13.5899 3.25307L13.6533 2.00781L13.7168 0.762553L13.5635 0.75474L13.5 2ZM1.5 2.98438V1.7375C0.526598 1.7375 -0.2625 2.5266 -0.2625 3.5H0.984375H2.23125C2.23125 3.90386 1.90386 4.23125 1.5 4.23125V2.98438ZM0.984375 3.5H-0.2625V11.5H0.984375H2.23125V3.5H0.984375ZM0.984375 11.5H-0.2625C-0.2625 12.4734 0.526598 13.2625 1.5 13.2625L1.5 12.0156L1.5 10.7688C1.90386 10.7688 2.23125 11.0961 2.23125 11.5H0.984375ZM1.5 12.0156V13.2625H10V12.0156V10.7688H1.5V12.0156ZM10 12.0156H11.2469V2.98438H10H8.75313V12.0156H10ZM10 2.98438V1.7375H1.5V2.98438V4.23125H10V2.98438ZM11 12.0156V13.2625H13.5V12.0156V10.7688H11V12.0156ZM13.5 12.0156V13.2625C14.4734 13.2625 15.2625 12.4734 15.2625 11.5H14.0156H12.7688C12.7688 11.0961 13.0961 10.7688 13.5 10.7688V12.0156ZM14.0156 11.5H15.2625V3.5H14.0156H12.7688V11.5H14.0156ZM14.0156 3.5L15.2625 3.5C15.2625 2.5266 14.4734 1.7375 13.5 1.7375L13.5 2.98438L13.5 4.23125C13.0961 4.23125 12.7688 3.90386 12.7688 3.5L14.0156 3.5ZM13.5 2.98438V1.7375H11V2.98438V4.23125H13.5V2.98438ZM11 2.98438H9.75313V12.0156H11H12.2469V2.98438H11Z" fill="currentColor" mask="url(#a)"></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">PanelRight</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">PanelRight</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">mask</span><span class="p">(</span><span class="ss">id: </span><span class="s1">'a'</span><span class="p">,</span> <span class="ss">fill: </span><span class="s1">'currentColor'</span><span class="p">)</span> <span class="k">do</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">'M13.6533 2.00781C14.4097 2.08461 15 2.72334 15 3.5V11.5L14.9922 11.6533C14.9205 12.3593 14.3593 12.9205 13.6533 12.9922L13.5 13H1.5L1.34668 12.9922C0.64069 12.9205 0.0794913 12.3593 0.0078125 11.6533L0 11.5V3.5C0 2.72334 0.590277 2.08461 1.34668 2.00781L1.5 2H13.5L13.6533 2.00781ZM1.5 2.98438C1.21523 2.98438 0.984375 3.21523 0.984375 3.5V11.5C0.984375 11.7848 1.21523 12.0156 1.5 12.0156H10V2.98438H1.5ZM11 12.0156H13.5C13.7848 12.0156 14.0156 11.7848 14.0156 11.5V3.5C14.0156 3.21523 13.7848 2.98438 13.5 2.98438H11V12.0156Z'</span>
			<span class="p">)</span>
		<span class="k">end</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">'M13.6533 2.00781C14.4097 2.08461 15 2.72334 15 3.5V11.5L14.9922 11.6533C14.9205 12.3593 14.3593 12.9205 13.6533 12.9922L13.5 13H1.5L1.34668 12.9922C0.64069 12.9205 0.0794913 12.3593 0.0078125 11.6533L0 11.5V3.5C0 2.72334 0.590277 2.08461 1.34668 2.00781L1.5 2H13.5L13.6533 2.00781ZM1.5 2.98438C1.21523 2.98438 0.984375 3.21523 0.984375 3.5V11.5C0.984375 11.7848 1.21523 12.0156 1.5 12.0156H10V2.98438H1.5ZM11 12.0156H13.5C13.7848 12.0156 14.0156 11.7848 14.0156 11.5V3.5C14.0156 3.21523 13.7848 2.98438 13.5 2.98438H11V12.0156Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</span>
		<span class="p">)</span>
		<span class="n">s</span><span class="p">.</span><span class="nf">path</span><span class="p">(</span>
			<span class="ss">d:
				</span><span class="s1">'M13.6533 2.00781L13.7793 0.767315L13.7481 0.764148L13.7168 0.762553L13.6533 2.00781ZM15 3.5H16.2469H15ZM15 11.5L16.2453 11.5635L16.2469 11.5317V11.5H15ZM14.9922 11.6533L16.2327 11.7793L16.2359 11.7481L16.2374 11.7168L14.9922 11.6533ZM13.6533 12.9922L13.7168 14.2374L13.7481 14.2359L13.7793 14.2327L13.6533 12.9922ZM13.5 13V14.2469H13.5317L13.5635 14.2453L13.5 13ZM1.5 13L1.43655 14.2453L1.46825 14.2469H1.5V13ZM1.34668 12.9922L1.22073 14.2327L1.25192 14.2359L1.28323 14.2374L1.34668 12.9922ZM0.0078125 11.6533L-1.23745 11.7168L-1.23585 11.7481L-1.23269 11.7793L0.0078125 11.6533ZM0 11.5H-1.24688V11.5317L-1.24526 11.5635L0 11.5ZM1.34668 2.00781L1.28323 0.762553L1.25192 0.764148L1.22073 0.767315L1.34668 2.00781ZM1.5 2V0.753125H1.46825L1.43655 0.75474L1.5 2ZM13.5 2L13.5635 0.75474L13.5317 0.753125H13.5V2ZM1.5 2.98438V1.7375V2.98438ZM0.984375 11.5H-0.2625H0.984375ZM1.5 12.0156L1.5 13.2625H1.5V12.0156ZM10 12.0156V13.2625H11.2469V12.0156H10ZM10 2.98438H11.2469V1.7375H10V2.98438ZM11 12.0156H9.75313V13.2625H11V12.0156ZM13.5 12.0156V13.2625V12.0156ZM14.0156 3.5H15.2625V3.5L14.0156 3.5ZM13.5 2.98438L13.5 1.7375H13.5V2.98438ZM11 2.98438V1.7375H9.75313V2.98438H11ZM13.6533 2.00781L13.5274 3.24831C13.6538 3.26114 13.7531 3.36979 13.7531 3.5H15H16.2469C16.2469 2.07688 15.1657 0.908077 13.7793 0.767315L13.6533 2.00781ZM15 3.5H13.7531V11.5H15H16.2469V3.5H15ZM15 11.5L13.7547 11.4365L13.7469 11.5899L14.9922 11.6533L16.2374 11.7168L16.2453 11.5635L15 11.5ZM14.9922 11.6533L13.7517 11.5274C13.7398 11.6444 13.6444 11.7398 13.5274 11.7517L13.6533 12.9922L13.7793 14.2327C15.0743 14.1012 16.1012 13.0743 16.2327 11.7793L14.9922 11.6533ZM13.6533 12.9922L13.5899 11.7469L13.4365 11.7547L13.5 13L13.5635 14.2453L13.7168 14.2374L13.6533 12.9922ZM13.5 13V11.7531H1.5V13V14.2469H13.5V13ZM1.5 13L1.56345 11.7547L1.41013 11.7469L1.34668 12.9922L1.28323 14.2374L1.43655 14.2453L1.5 13ZM1.34668 12.9922L1.47263 11.7517C1.35564 11.7398 1.26019 11.6444 1.24831 11.5274L0.0078125 11.6533L-1.23269 11.7793C-1.10121 13.0743 -0.0742617 14.1012 1.22073 14.2327L1.34668 12.9922ZM0.0078125 11.6533L1.25307 11.5899L1.24526 11.4365L0 11.5L-1.24526 11.5635L-1.23745 11.7168L0.0078125 11.6533ZM0 11.5H1.24688V3.5H0H-1.24688V11.5H0ZM0 3.5H1.24688C1.24688 3.36979 1.34623 3.26114 1.47263 3.24831L1.34668 2.00781L1.22073 0.767315C-0.165678 0.908076 -1.24688 2.07688 -1.24688 3.5H0ZM1.34668 2.00781L1.41013 3.25307L1.56345 3.24526L1.5 2L1.43655 0.75474L1.28323 0.762553L1.34668 2.00781ZM1.5 2V3.24688H13.5V2V0.753125H1.5V2ZM13.5 2L13.4365 3.24526L13.5899 3.25307L13.6533 2.00781L13.7168 0.762553L13.5635 0.75474L13.5 2ZM1.5 2.98438V1.7375C0.526598 1.7375 -0.2625 2.5266 -0.2625 3.5H0.984375H2.23125C2.23125 3.90386 1.90386 4.23125 1.5 4.23125V2.98438ZM0.984375 3.5H-0.2625V11.5H0.984375H2.23125V3.5H0.984375ZM0.984375 11.5H-0.2625C-0.2625 12.4734 0.526598 13.2625 1.5 13.2625L1.5 12.0156L1.5 10.7688C1.90386 10.7688 2.23125 11.0961 2.23125 11.5H0.984375ZM1.5 12.0156V13.2625H10V12.0156V10.7688H1.5V12.0156ZM10 12.0156H11.2469V2.98438H10H8.75313V12.0156H10ZM10 2.98438V1.7375H1.5V2.98438V4.23125H10V2.98438ZM11 12.0156V13.2625H13.5V12.0156V10.7688H11V12.0156ZM13.5 12.0156V13.2625C14.4734 13.2625 15.2625 12.4734 15.2625 11.5H14.0156H12.7688C12.7688 11.0961 13.0961 10.7688 13.5 10.7688V12.0156ZM14.0156 11.5H15.2625V3.5H14.0156H12.7688V11.5H14.0156ZM14.0156 3.5L15.2625 3.5C15.2625 2.5266 14.4734 1.7375 13.5 1.7375L13.5 2.98438L13.5 4.23125C13.0961 4.23125 12.7688 3.90386 12.7688 3.5L14.0156 3.5ZM13.5 2.98438V1.7375H11V2.98438V4.23125H13.5V2.98438ZM11 2.98438H9.75313V12.0156H11H12.2469V2.98438H11Z'</span><span class="p">,</span>
			<span class="ss">fill: </span><span class="s1">'currentColor'</span><span class="p">,</span>
			<span class="ss">mask: </span><span class="s1">'url(#a)'</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;mask</span> <span class="na">id=</span><span class="s">"a"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;</span>
		<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M13.6533 2.00781C14.4097 2.08461 15 2.72334 15 3.5V11.5L14.9922 11.6533C14.9205 12.3593 14.3593 12.9205 13.6533 12.9922L13.5 13H1.5L1.34668 12.9922C0.64069 12.9205 0.0794913 12.3593 0.0078125 11.6533L0 11.5V3.5C0 2.72334 0.590277 2.08461 1.34668 2.00781L1.5 2H13.5L13.6533 2.00781ZM1.5 2.98438C1.21523 2.98438 0.984375 3.21523 0.984375 3.5V11.5C0.984375 11.7848 1.21523 12.0156 1.5 12.0156H10V2.98438H1.5ZM11 12.0156H13.5C13.7848 12.0156 14.0156 11.7848 14.0156 11.5V3.5C14.0156 3.21523 13.7848 2.98438 13.5 2.98438H11V12.0156Z"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;/mask&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M13.6533 2.00781C14.4097 2.08461 15 2.72334 15 3.5V11.5L14.9922 11.6533C14.9205 12.3593 14.3593 12.9205 13.6533 12.9922L13.5 13H1.5L1.34668 12.9922C0.64069 12.9205 0.0794913 12.3593 0.0078125 11.6533L0 11.5V3.5C0 2.72334 0.590277 2.08461 1.34668 2.00781L1.5 2H13.5L13.6533 2.00781ZM1.5 2.98438C1.21523 2.98438 0.984375 3.21523 0.984375 3.5V11.5C0.984375 11.7848 1.21523 12.0156 1.5 12.0156H10V2.98438H1.5ZM11 12.0156H13.5C13.7848 12.0156 14.0156 11.7848 14.0156 11.5V3.5C14.0156 3.21523 13.7848 2.98438 13.5 2.98438H11V12.0156Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span><span class="nt">&gt;&lt;/path&gt;</span>
	<span class="nt">&lt;path</span> <span class="na">d=</span><span class="s">"M13.6533 2.00781L13.7793 0.767315L13.7481 0.764148L13.7168 0.762553L13.6533 2.00781ZM15 3.5H16.2469H15ZM15 11.5L16.2453 11.5635L16.2469 11.5317V11.5H15ZM14.9922 11.6533L16.2327 11.7793L16.2359 11.7481L16.2374 11.7168L14.9922 11.6533ZM13.6533 12.9922L13.7168 14.2374L13.7481 14.2359L13.7793 14.2327L13.6533 12.9922ZM13.5 13V14.2469H13.5317L13.5635 14.2453L13.5 13ZM1.5 13L1.43655 14.2453L1.46825 14.2469H1.5V13ZM1.34668 12.9922L1.22073 14.2327L1.25192 14.2359L1.28323 14.2374L1.34668 12.9922ZM0.0078125 11.6533L-1.23745 11.7168L-1.23585 11.7481L-1.23269 11.7793L0.0078125 11.6533ZM0 11.5H-1.24688V11.5317L-1.24526 11.5635L0 11.5ZM1.34668 2.00781L1.28323 0.762553L1.25192 0.764148L1.22073 0.767315L1.34668 2.00781ZM1.5 2V0.753125H1.46825L1.43655 0.75474L1.5 2ZM13.5 2L13.5635 0.75474L13.5317 0.753125H13.5V2ZM1.5 2.98438V1.7375V2.98438ZM0.984375 11.5H-0.2625H0.984375ZM1.5 12.0156L1.5 13.2625H1.5V12.0156ZM10 12.0156V13.2625H11.2469V12.0156H10ZM10 2.98438H11.2469V1.7375H10V2.98438ZM11 12.0156H9.75313V13.2625H11V12.0156ZM13.5 12.0156V13.2625V12.0156ZM14.0156 3.5H15.2625V3.5L14.0156 3.5ZM13.5 2.98438L13.5 1.7375H13.5V2.98438ZM11 2.98438V1.7375H9.75313V2.98438H11ZM13.6533 2.00781L13.5274 3.24831C13.6538 3.26114 13.7531 3.36979 13.7531 3.5H15H16.2469C16.2469 2.07688 15.1657 0.908077 13.7793 0.767315L13.6533 2.00781ZM15 3.5H13.7531V11.5H15H16.2469V3.5H15ZM15 11.5L13.7547 11.4365L13.7469 11.5899L14.9922 11.6533L16.2374 11.7168L16.2453 11.5635L15 11.5ZM14.9922 11.6533L13.7517 11.5274C13.7398 11.6444 13.6444 11.7398 13.5274 11.7517L13.6533 12.9922L13.7793 14.2327C15.0743 14.1012 16.1012 13.0743 16.2327 11.7793L14.9922 11.6533ZM13.6533 12.9922L13.5899 11.7469L13.4365 11.7547L13.5 13L13.5635 14.2453L13.7168 14.2374L13.6533 12.9922ZM13.5 13V11.7531H1.5V13V14.2469H13.5V13ZM1.5 13L1.56345 11.7547L1.41013 11.7469L1.34668 12.9922L1.28323 14.2374L1.43655 14.2453L1.5 13ZM1.34668 12.9922L1.47263 11.7517C1.35564 11.7398 1.26019 11.6444 1.24831 11.5274L0.0078125 11.6533L-1.23269 11.7793C-1.10121 13.0743 -0.0742617 14.1012 1.22073 14.2327L1.34668 12.9922ZM0.0078125 11.6533L1.25307 11.5899L1.24526 11.4365L0 11.5L-1.24526 11.5635L-1.23745 11.7168L0.0078125 11.6533ZM0 11.5H1.24688V3.5H0H-1.24688V11.5H0ZM0 3.5H1.24688C1.24688 3.36979 1.34623 3.26114 1.47263 3.24831L1.34668 2.00781L1.22073 0.767315C-0.165678 0.908076 -1.24688 2.07688 -1.24688 3.5H0ZM1.34668 2.00781L1.41013 3.25307L1.56345 3.24526L1.5 2L1.43655 0.75474L1.28323 0.762553L1.34668 2.00781ZM1.5 2V3.24688H13.5V2V0.753125H1.5V2ZM13.5 2L13.4365 3.24526L13.5899 3.25307L13.6533 2.00781L13.7168 0.762553L13.5635 0.75474L13.5 2ZM1.5 2.98438V1.7375C0.526598 1.7375 -0.2625 2.5266 -0.2625 3.5H0.984375H2.23125C2.23125 3.90386 1.90386 4.23125 1.5 4.23125V2.98438ZM0.984375 3.5H-0.2625V11.5H0.984375H2.23125V3.5H0.984375ZM0.984375 11.5H-0.2625C-0.2625 12.4734 0.526598 13.2625 1.5 13.2625L1.5 12.0156L1.5 10.7688C1.90386 10.7688 2.23125 11.0961 2.23125 11.5H0.984375ZM1.5 12.0156V13.2625H10V12.0156V10.7688H1.5V12.0156ZM10 12.0156H11.2469V2.98438H10H8.75313V12.0156H10ZM10 2.98438V1.7375H1.5V2.98438V4.23125H10V2.98438ZM11 12.0156V13.2625H13.5V12.0156V10.7688H11V12.0156ZM13.5 12.0156V13.2625C14.4734 13.2625 15.2625 12.4734 15.2625 11.5H14.0156H12.7688C12.7688 11.0961 13.0961 10.7688 13.5 10.7688V12.0156ZM14.0156 11.5H15.2625V3.5H14.0156H12.7688V11.5H14.0156ZM14.0156 3.5L15.2625 3.5C15.2625 2.5266 14.4734 1.7375 13.5 1.7375L13.5 2.98438L13.5 4.23125C13.0961 4.23125 12.7688 3.90386 12.7688 3.5L14.0156 3.5ZM13.5 2.98438V1.7375H11V2.98438V4.23125H13.5V2.98438ZM11 2.98438H9.75313V12.0156H11H12.2469V2.98438H11Z"</span> <span class="na">fill=</span><span class="s">"currentColor"</span> <span class="na">mask=</span><span class="s">"url(#a)"</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>