<turbo-stream action="update" target="service_details"><template><div @keyup.window.escape="isServiceDetailsOpen = false" class="
z-50 fixed top-0 left-0 w-full h-screen overflow-y-auto
md:flex md:items-center md:justify-center md:items-start md:bg-black/50
" role="dialog" tabindex="0" x-init="$nextTick(() =&gt; { isServiceDetailsOpen = true; $dispatch(&#39;close-mobile-menu&#39;); })" x-show="isServiceDetailsOpen">
<div class="w-full flex flex-col bg-white max-w-[946px] md:rounded-lg" style="max-height: 80%">
<div class="">
<div class="flex-grow overflow-y-auto">
<div class="md:h-[76px] md:px-10 md:flex md:items-center md:justify-between md:border-b md:border-border-low">
<div class="flex items-center gap-2">
<div class="
shrink-0 w-[42px] h-[42px] p-2 flex items-center justify-center rounded border border-border-low bg-[#ffffff]
">
<img class="max-w-full" alt="Texthelp logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/texthelp.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
">
Texthelp
</p>
</div>
<button @click="isServiceDetailsOpen = false" class="max-md:hidden w-4 h-4 flex items-center justify-center text-text-level2" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none" role="img" aria-labelledby="a1hlj79qkmmajxsybv7sgv90u7a20kq4"><desc id="a1hlj79qkmmajxsybv7sgv90u7a20kq4">close icon</desc>
<path d="M4.14258 3.9458L13.6641 13.4674M4.14258 13.4674L13.6641 3.9458L4.14258 13.4674Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<div @click.outside="isServiceDetailsOpen = false" class="
bg-white rounded-b-lg
max-h-[350px] overflow-y-scroll
max-md:z-50 max-md:fixed max-md:top-0 max-md:left-0 max-md:w-full
" x-data="{
isComponentsOpen: true,
historyOpen: false
}">
<div class="
w-full h-full bg-white rounded-b-lg
md:w-auto md:h-auto
">
<div class="
p-4
md:px-10
">
<p class="text-md text-text-level3 break-words py-4">
Temporary Issue with some ElevenLabs Voices
</p>
<div class="max-md:hidden mb-7 inline-flex border-b border-border-med">
<button @click.stop="isComponentsOpen = true; historyOpen = false" class="
relative h-10 px-4 flex items-center justify-center
text-base text-text-level3
" x-bind:class="{
&#39;font-semibold !text-text-level1 after:content-[] after:absolute after:-bottom-[1px] after:w-full after:h-[2px] after:bg-border-high&#39;: isComponentsOpen
}">
Components
</button>
<button @click.stop="historyOpen = true; isComponentsOpen = false; console.log(historyOpen)" class="
relative h-10 px-4 flex items-center justify-center
text-base text-text-level3
" x-bind:class="{
&#39;font-semibold !text-text-level1 after:content-[] after:absolute after:-bottom-[1px] after:w-full after:h-[2px] after:bg-border-high&#39;: historyOpen
}">
History
</button>
</div>
<div x-show="isComponentsOpen">
<p class="md:hidden mb-4 font-semibold text-lg text-text-level1">
Components
</p>
<div role="list">
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Admin Tool" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="adcbrrgdf5zwb2donidsrbesvab9ijk2"><desc id="adcbrrgdf5zwb2donidsrbesvab9ijk2">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Admin Tool
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a16e0wkrn4mn8h5a3ld1mxcbomwh6tzs" class="shrink-0 text-up-600"><desc id="a16e0wkrn4mn8h5a3ld1mxcbomwh6tzs">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a6ckfdshfixtxmzpyxii37wbro0p1uq2"><desc id="a6ckfdshfixtxmzpyxii37wbro0p1uq2">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Admin Tool
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ao7oi1ssemjhx0dh6u7grgmud0gnn434" class="shrink-0 text-up-600"><desc id="ao7oi1ssemjhx0dh6u7grgmud0gnn434">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ajesqsdo9jn68uny7jxelz4qnbzs5w47"><desc id="ajesqsdo9jn68uny7jxelz4qnbzs5w47">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle ClaroRead" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aidjdz58icr24rwb9xpmj8bjyi0ylaqd"><desc id="aidjdz58icr24rwb9xpmj8bjyi0ylaqd">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
ClaroRead
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="amrdzpno7z3dqnnbgue0jqsg7bjz16h" class="shrink-0 text-up-600"><desc id="amrdzpno7z3dqnnbgue0jqsg7bjz16h">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="alsprbb5kjiz46tsdx48uw1tby5gzlsu"><desc id="alsprbb5kjiz46tsdx48uw1tby5gzlsu">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Licensing
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a49r0zgropeuc6y6xxo6cxw38we4bk3m" class="shrink-0 text-up-600"><desc id="a49r0zgropeuc6y6xxo6cxw38we4bk3m">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="apxwunbptd7zbv45xdo8uma97wqi1owx"><desc id="apxwunbptd7zbv45xdo8uma97wqi1owx">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Text to Speech
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a8wqihivobusnf85fdbwop6mmpzu9m7b" class="shrink-0 text-up-600"><desc id="a8wqihivobusnf85fdbwop6mmpzu9m7b">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="asmy8j3xkkrr988tzapsvx7iq0thdsdz"><desc id="asmy8j3xkkrr988tzapsvx7iq0thdsdz">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Co:Writer" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a9t976qhq5fibi1kl32u346lrwxcdxpu"><desc id="a9t976qhq5fibi1kl32u346lrwxcdxpu">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Co:Writer
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ahhp616m1ufvyaotycce24fo6sqp08l1" class="shrink-0 text-up-600"><desc id="ahhp616m1ufvyaotycce24fo6sqp08l1">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a8yfccnilws2t2v3ju09zig6zgf43dll"><desc id="a8yfccnilws2t2v3ju09zig6zgf43dll">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
cowriter.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aka3mt2za2hxl6slkghlzaqlc03qynlu" class="shrink-0 text-up-600"><desc id="aka3mt2za2hxl6slkghlzaqlc03qynlu">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aanyjrav4bjonw5xccf29p0qm7pyodkt"><desc id="aanyjrav4bjonw5xccf29p0qm7pyodkt">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ad66qtha8uredkpdt8mi2s9azxoy46vo" class="shrink-0 text-up-600"><desc id="ad66qtha8uredkpdt8mi2s9azxoy46vo">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aym739j9mawr0dk3jtbunezsv3zseiw"><desc id="aym739j9mawr0dk3jtbunezsv3zseiw">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Data Dashboard" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ac4sv1sarb762nnzbdf7z280rlnf37rt"><desc id="ac4sv1sarb762nnzbdf7z280rlnf37rt">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Data Dashboard
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="akaixp9s6yjx3ysykp6pytcf66cwdpzs" class="shrink-0 text-up-600"><desc id="akaixp9s6yjx3ysykp6pytcf66cwdpzs">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ak0rjivd7sz1h69c6hum3tieqvxnert8"><desc id="ak0rjivd7sz1h69c6hum3tieqvxnert8">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Dashboard
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a10ndwesc4mg5b76z7w6qihxj37h3tth" class="shrink-0 text-up-600"><desc id="a10ndwesc4mg5b76z7w6qihxj37h3tth">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a41rhgyazkzmvw8u6whxz34kvtyubnk6"><desc id="a41rhgyazkzmvw8u6whxz34kvtyubnk6">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Equatio" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="arby49yzpkb6x7qg7o3uo6ng3n0yo862"><desc id="arby49yzpkb6x7qg7o3uo6ng3n0yo862">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Equatio
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="an6xed1dj3j9nyvle1pbibubi3vaveo0" class="shrink-0 text-up-600"><desc id="an6xed1dj3j9nyvle1pbibubi3vaveo0">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a8zosrwa9p4ev6snjt4v5r4uh1iudwmb"><desc id="a8zosrwa9p4ev6snjt4v5r4uh1iudwmb">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Equatio API
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a508vjvk4bvhnzjwk9zsi4wh4afz4ua" class="shrink-0 text-up-600"><desc id="a508vjvk4bvhnzjwk9zsi4wh4afz4ua">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="apeckeobs31jdzh6kiowaw7hynnv643x"><desc id="apeckeobs31jdzh6kiowaw7hynnv643x">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Mathspace
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aqnmqf4y27cv0d6thixi6ahvx9c0tzas" class="shrink-0 text-up-600"><desc id="aqnmqf4y27cv0d6thixi6ahvx9c0tzas">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ade8oyi44gtfvxdd2h98e6u8c9g7u9im"><desc id="ade8oyi44gtfvxdd2h98e6u8c9g7u9im">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Text to Speech
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ajgagubui8wc55jgl8woudqoa7xq2gtw" class="shrink-0 text-up-600"><desc id="ajgagubui8wc55jgl8woudqoa7xq2gtw">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="amhtt0ft5japfqfqhdkb6tfq0d6225am"><desc id="amhtt0ft5japfqfqhdkb6tfq0d6225am">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Global Tasks" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a5ypljpz1dxcv9nvso3zzbqpwgbpyl1t"><desc id="a5ypljpz1dxcv9nvso3zzbqpwgbpyl1t">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Global Tasks
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a8tgb0v1rp9gra4teyxknn8joq0mj05j" class="shrink-0 text-up-600"><desc id="a8tgb0v1rp9gra4teyxknn8joq0mj05j">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aojvjcxsiks172ijzmiiv4wfyllqv5pg"><desc id="aojvjcxsiks172ijzmiiv4wfyllqv5pg">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Global Tasks
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="adg4ag68n5cs7ua10wtcid1v8yecjuwm" class="shrink-0 text-up-600"><desc id="adg4ag68n5cs7ua10wtcid1v8yecjuwm">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="amei6qgyiiqka4p6b0xs1ikkqnq9ij7w"><desc id="amei6qgyiiqka4p6b0xs1ikkqnq9ij7w">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle L3Skills" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a2ok3w2qg2cx8u6m01mgwzq93z894y9k"><desc id="a2ok3w2qg2cx8u6m01mgwzq93z894y9k">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
L3Skills
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aecf819f5z0lx8q03onocshyixppstfs" class="shrink-0 text-up-600"><desc id="aecf819f5z0lx8q03onocshyixppstfs">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ajc3jlsioq5rr9cp7di9n0ah6i0oh9k0"><desc id="ajc3jlsioq5rr9cp7di9n0ah6i0oh9k0">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a910sjp82c17752ez119ian6gl3c93c5" class="shrink-0 text-up-600"><desc id="a910sjp82c17752ez119ian6gl3c93c5">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="asjdz69q2jbbi68blcmthfr8bzdwh0w0"><desc id="asjdz69q2jbbi68blcmthfr8bzdwh0w0">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
L3Skills
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aawr6i29mw804isvhbzyu4x6dbcvie9o" class="shrink-0 text-up-600"><desc id="aawr6i29mw804isvhbzyu4x6dbcvie9o">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ammqqpr40zqf43qw0a1b5j986dybpyqd"><desc id="ammqqpr40zqf43qw0a1b5j986dybpyqd">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="afdtk8faygm5gipl3fiav1x157wjhn0m" class="shrink-0 text-up-600"><desc id="afdtk8faygm5gipl3fiav1x157wjhn0m">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="amp8sg5lvmhx3gw9uissvoc2fu1c890v"><desc id="amp8sg5lvmhx3gw9uissvoc2fu1c890v">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle My Account (old n2y)" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aaajbtlrkwfaell1yypkj78cacwkrtt6"><desc id="aaajbtlrkwfaell1yypkj78cacwkrtt6">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
My Account (old n2y)
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aszvy0kp6d8tshjesu0qllrx51clo2qc" class="shrink-0 text-up-600"><desc id="aszvy0kp6d8tshjesu0qllrx51clo2qc">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ac8u7rzhhymnpljfv81f21ayaoqco4r3"><desc id="ac8u7rzhhymnpljfv81f21ayaoqco4r3">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a3tj5vzm58b0vsz46269fbwj0024mul4" class="shrink-0 text-up-600"><desc id="a3tj5vzm58b0vsz46269fbwj0024mul4">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="akpmgteeuqlqt28ndho9seprqsb4ozbk"><desc id="akpmgteeuqlqt28ndho9seprqsb4ozbk">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="amuihrbckkqz5vovp3xs7em0insey7fq" class="shrink-0 text-up-600"><desc id="amuihrbckkqz5vovp3xs7em0insey7fq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a3l8z8p1n3q2tx60v7u8vnhsk2x256ui"><desc id="a3l8z8p1n3q2tx60v7u8vnhsk2x256ui">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
My Account
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aiw4tmym2v67vzv31mudrxtwmb6z3kzx" class="shrink-0 text-up-600"><desc id="aiw4tmym2v67vzv31mudrxtwmb6z3kzx">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ap8xtwgg9fzfg7k886lr4ta9n7vmzo7u"><desc id="ap8xtwgg9fzfg7k886lr4ta9n7vmzo7u">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle News2You" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ah11lnmitixys1t8bp7av5l8dm0g7y0r"><desc id="ah11lnmitixys1t8bp7av5l8dm0g7y0r">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
News2You
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ajsde8u11kz78iblacvh8lcah2tns9av" class="shrink-0 text-up-600"><desc id="ajsde8u11kz78iblacvh8lcah2tns9av">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ak7rukht685odmnl99d9n4l6q6sk0hvl"><desc id="ak7rukht685odmnl99d9n4l6q6sk0hvl">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Breaking News
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a1luz2mvcn5w3159x0y2iexiwpx64hqt" class="shrink-0 text-up-600"><desc id="a1luz2mvcn5w3159x0y2iexiwpx64hqt">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a5ii28xm48n6e6xkj1pvy4rfnlqtmrk9"><desc id="a5ii28xm48n6e6xkj1pvy4rfnlqtmrk9">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aft8cb8564clyl9o8kulfksi82o6dh0e" class="shrink-0 text-up-600"><desc id="aft8cb8564clyl9o8kulfksi82o6dh0e">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ad42jxzwmxr9foz0hhf9gxn5jqu5fyvr"><desc id="ad42jxzwmxr9foz0hhf9gxn5jqu5fyvr">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Dependencies
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="anlggtuduq4paa06qvwprxfo4ooed6i5" class="shrink-0 text-up-600"><desc id="anlggtuduq4paa06qvwprxfo4ooed6i5">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ahftgyrgrf994s6by19m5n4v4rorbu35"><desc id="ahftgyrgrf994s6by19m5n4v4rorbu35">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="am8va1upyd7vs1535qksd5g631sko3f8" class="shrink-0 text-up-600"><desc id="am8va1upyd7vs1535qksd5g631sko3f8">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="amiup89fwuwwc5b6hsdzhwiszny6wd1m"><desc id="amiup89fwuwwc5b6hsdzhwiszny6wd1m">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
News
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="acva1ffs5jex2h3uiev2f159ogjlqgjy" class="shrink-0 text-up-600"><desc id="acva1ffs5jex2h3uiev2f159ogjlqgjy">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a7p6abia01qjo2m6tzobq8epg3je3ew5"><desc id="a7p6abia01qjo2m6tzobq8epg3je3ew5">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle OrbitNote" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="agq9h81zmemf5nyb3nrp6vcq1gtpocsp"><desc id="agq9h81zmemf5nyb3nrp6vcq1gtpocsp">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
OrbitNote
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aff1ay0ek4p8tyo039vqulib980vgr4t" class="shrink-0 text-up-600"><desc id="aff1ay0ek4p8tyo039vqulib980vgr4t">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a30mnr8jt69md7ukqraniun8eeego0fq"><desc id="a30mnr8jt69md7ukqraniun8eeego0fq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Core Services
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="atlgbvnb0gjxuh6939mb9wwtf92n3tix" class="shrink-0 text-up-600"><desc id="atlgbvnb0gjxuh6939mb9wwtf92n3tix">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aj76ndkhw0dqi2rdah7qydrofa2az2ek"><desc id="aj76ndkhw0dqi2rdah7qydrofa2az2ek">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
orbit.texthelp.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ajcthjqqg6hbw37m3j8sxs8xc9unpg6k" class="shrink-0 text-up-600"><desc id="ajcthjqqg6hbw37m3j8sxs8xc9unpg6k">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="assdl38yawsja1tl7ein01l3ueiu29bk"><desc id="assdl38yawsja1tl7ein01l3ueiu29bk">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Text to  Speech
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4y6xyuwniepz832mxr1az4299pd7vds" class="shrink-0 text-up-600"><desc id="a4y6xyuwniepz832mxr1az4299pd7vds">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ada9cyrb7eanf8gz4tt1zs6nyhd6tukq"><desc id="ada9cyrb7eanf8gz4tt1zs6nyhd6tukq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Polaris" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a9ufvw88ktbnk1sq4sh6dav3up8w66io"><desc id="a9ufvw88ktbnk1sq4sh6dav3up8w66io">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Polaris
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aj3l5d62wgtet6s7uzx0t3xhweg9km9b" class="shrink-0 text-up-600"><desc id="aj3l5d62wgtet6s7uzx0t3xhweg9km9b">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="af50xqkns4hyd3ukj4wwyh2q2sveki4k"><desc id="af50xqkns4hyd3ukj4wwyh2q2sveki4k">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4o434fwmzr7zwlid4kqob28snprsqjj" class="shrink-0 text-up-600"><desc id="a4o434fwmzr7zwlid4kqob28snprsqjj">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a8c7xr77d9r2itotnxqmwzsmwtjx5hqt"><desc id="a8c7xr77d9r2itotnxqmwzsmwtjx5hqt">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Dependencies
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="anfjg31kyree6s3m4ck8ogy0okemlx4i" class="shrink-0 text-up-600"><desc id="anfjg31kyree6s3m4ck8ogy0okemlx4i">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a9tzj34wbgftbjp19n7m6x4a7qk5tkmf"><desc id="a9tzj34wbgftbjp19n7m6x4a7qk5tkmf">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a767ezwitnx1mlmvro1z0drnbkmcitle" class="shrink-0 text-up-600"><desc id="a767ezwitnx1mlmvro1z0drnbkmcitle">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="at90fdmxulrld1ju2ydjmglx5gykk7lt"><desc id="at90fdmxulrld1ju2ydjmglx5gykk7lt">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Polaris
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ao7e05env0et1rxn9jefkig5hflqqphi" class="shrink-0 text-up-600"><desc id="ao7e05env0et1rxn9jefkig5hflqqphi">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a78d9re7pobj3r8hwnt88t4wofbf0s89"><desc id="a78d9re7pobj3r8hwnt88t4wofbf0s89">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Positivity" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aqfxzwq3uy1x9451tcj6o29ar5lsst97"><desc id="aqfxzwq3uy1x9451tcj6o29ar5lsst97">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Positivity
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a1lrd3tf5denau70fc7w1e9xb52gjltd" class="shrink-0 text-up-600"><desc id="a1lrd3tf5denau70fc7w1e9xb52gjltd">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a5c0buepbbycrz01lh85g0d63ummozyv"><desc id="a5c0buepbbycrz01lh85g0d63ummozyv">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ab927fm8g4bkq52b8ews2a8lk25fxgys" class="shrink-0 text-up-600"><desc id="ab927fm8g4bkq52b8ews2a8lk25fxgys">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ama0nv7roi2qlb3yifkcjjnyyzs3hbn1"><desc id="ama0nv7roi2qlb3yifkcjjnyyzs3hbn1">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Dependencies
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aap5khnxqozpg8zuecig2ehjno3nhqc1" class="shrink-0 text-up-600"><desc id="aap5khnxqozpg8zuecig2ehjno3nhqc1">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ag90pmqb56zuxpiq8m1ew3dita9fjyiu"><desc id="ag90pmqb56zuxpiq8m1ew3dita9fjyiu">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Logins
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="als42qf6gd8v8u8alsmnvt3nen2y2gty" class="shrink-0 text-up-600"><desc id="als42qf6gd8v8u8alsmnvt3nen2y2gty">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="abfcsvukcuvicskaw5t49eercl446wsq"><desc id="abfcsvukcuvicskaw5t49eercl446wsq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Positivity
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aak79b9y75ixnc9rvlosqjeymy3b4zcz" class="shrink-0 text-up-600"><desc id="aak79b9y75ixnc9rvlosqjeymy3b4zcz">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aj9vl7one43qrwe1062mvby5nshpfmkj"><desc id="aj9vl7one43qrwe1062mvby5nshpfmkj">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Read&amp;Write for Google" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="artso85t5n9s4mvemlt15tta99fs68d5"><desc id="artso85t5n9s4mvemlt15tta99fs68d5">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Read&amp;Write for Google
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4u7cz62gs0x4h5c1emtw4acbh5nte2r" class="shrink-0 text-up-600"><desc id="a4u7cz62gs0x4h5c1emtw4acbh5nte2r">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aj0rhlmde51att8r05iyvke5jjato4vr"><desc id="aj0rhlmde51att8r05iyvke5jjato4vr">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Extension
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="apl9sbkn7yu99jlraqofllgj4eiypj9p" class="shrink-0 text-up-600"><desc id="apl9sbkn7yu99jlraqofllgj4eiypj9p">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aijj55mkcee5tj16c3xk5yepp90alv7s"><desc id="aijj55mkcee5tj16c3xk5yepp90alv7s">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Google Docs
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="al5zusxoc36h82lr8l59bqbswkv4pvom" class="shrink-0 text-up-600"><desc id="al5zusxoc36h82lr8l59bqbswkv4pvom">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="al6pf1sdwoxfksgftychnxebtx7qg1zz"><desc id="al6pf1sdwoxfksgftychnxebtx7qg1zz">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Text to Speech
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ae8wfwykfos5rptyo3qf2atxwz9am5l5" class="shrink-0 text-up-600"><desc id="ae8wfwykfos5rptyo3qf2atxwz9am5l5">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aqhfsykzq8tl24birkw8v16m7m8q3pz2"><desc id="aqhfsykzq8tl24birkw8v16m7m8q3pz2">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Web Services EU
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aanhliz44jr592yizzasmj9zg71zkq3c" class="shrink-0 text-up-600"><desc id="aanhliz44jr592yizzasmj9zg71zkq3c">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a2wsq8ai2v3npz9sgj10t1b611u72zgr"><desc id="a2wsq8ai2v3npz9sgj10t1b611u72zgr">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Web Services US
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a3cm7o4rge4c1i0o2y04o5t818am9zz8" class="shrink-0 text-up-600"><desc id="a3cm7o4rge4c1i0o2y04o5t818am9zz8">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a3jwmftrimoevyx7s3k39r4lwpgvwhkh"><desc id="a3jwmftrimoevyx7s3k39r4lwpgvwhkh">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Read&amp;Write Windows" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aec9iy5jbcib0gzjjme7xl5rt0ekj4ke"><desc id="aec9iy5jbcib0gzjjme7xl5rt0ekj4ke">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Read&amp;Write Windows
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aglhidamx673o7zzapavdulyh1ldtg2k" class="shrink-0 text-warn-600"><desc id="aglhidamx673o7zzapavdulyh1ldtg2k">warn icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0781 3.71838C10.9961 2.08638 13.3445 2.08638 14.2613 3.71838L20.9573 15.6224C21.8573 17.2232 20.7017 19.1984 18.8669 19.1984H5.47374C3.63774 19.1984 2.48214 17.2232 3.38214 15.6224L10.0781 3.71838ZM13.3697 15.5996C13.3697 15.9178 13.2433 16.2231 13.0183 16.4481C12.7932 16.6732 12.488 16.7996 12.1697 16.7996C11.8515 16.7996 11.5463 16.6732 11.3212 16.4481C11.0962 16.2231 10.9697 15.9178 10.9697 15.5996C10.9697 15.2813 11.0962 14.9761 11.3212 14.7511C11.5463 14.526 11.8515 14.3996 12.1697 14.3996C12.488 14.3996 12.7932 14.526 13.0183 14.7511C13.2433 14.9761 13.3697 15.2813 13.3697 15.5996ZM12.1697 5.99958C11.8515 5.99958 11.5463 6.12601 11.3212 6.35106C11.0962 6.5761 10.9697 6.88132 10.9697 7.19958V10.7996C10.9697 11.1178 11.0962 11.4231 11.3212 11.6481C11.5463 11.8732 11.8515 11.9996 12.1697 11.9996C12.488 11.9996 12.7932 11.8732 13.0183 11.6481C13.2433 11.4231 13.3697 11.1178 13.3697 10.7996V7.19958C13.3697 6.88132 13.2433 6.5761 13.0183 6.35106C12.7932 6.12601 12.488 5.99958 12.1697 5.99958Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-warn-100 border-warn-200 text-warn-800 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="acxe728lxi34dwjav3k33njhh2fhkvgs"><desc id="acxe728lxi34dwjav3k33njhh2fhkvgs">warn icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.96968 2.25C7.54668 1.25 8.98968 1.25 9.56768 2.25L14.7637 11.25C14.8953 11.478 14.9646 11.7367 14.9646 12C14.9646 12.2633 14.8953 12.522 14.7637 12.75C14.632 12.978 14.4427 13.1674 14.2147 13.299C13.9866 13.4307 13.728 13.5 13.4647 13.5H3.07268C2.80929 13.5002 2.5505 13.431 2.32234 13.2994C2.09418 13.1678 1.90469 12.9785 1.77292 12.7504C1.64115 12.5224 1.57176 12.2636 1.57172 12.0002C1.57167 11.7369 1.64098 11.4781 1.77268 11.25L6.96968 2.25ZM8.26868 4C8.46759 4 8.65836 4.07902 8.79901 4.21967C8.93966 4.36032 9.01868 4.55109 9.01868 4.75V7.75C9.01868 7.94891 8.93966 8.13968 8.79901 8.28033C8.65836 8.42098 8.46759 8.5 8.26868 8.5C8.06977 8.5 7.879 8.42098 7.73835 8.28033C7.5977 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.5977 4.36032 7.73835 4.21967C7.879 4.07902 8.06977 4 8.26868 4ZM8.26868 12C8.53389 12 8.78825 11.8946 8.97578 11.7071C9.16332 11.5196 9.26868 11.2652 9.26868 11C9.26868 10.7348 9.16332 10.4804 8.97578 10.2929C8.78825 10.1054 8.53389 10 8.26868 10C8.00346 10 7.74911 10.1054 7.56157 10.2929C7.37404 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37404 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Warn
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Grammar checker
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="attdz24bexnlbhg8fs6erdtss8wa0so0" class="shrink-0 text-up-600"><desc id="attdz24bexnlbhg8fs6erdtss8wa0so0">warn icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="am5zelhu0hd872mrwk0z9bh2jyheebim"><desc id="am5zelhu0hd872mrwk0z9bh2jyheebim">warn icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.96968 2.25C7.54668 1.25 8.98968 1.25 9.56768 2.25L14.7637 11.25C14.8953 11.478 14.9646 11.7367 14.9646 12C14.9646 12.2633 14.8953 12.522 14.7637 12.75C14.632 12.978 14.4427 13.1674 14.2147 13.299C13.9866 13.4307 13.728 13.5 13.4647 13.5H3.07268C2.80929 13.5002 2.5505 13.431 2.32234 13.2994C2.09418 13.1678 1.90469 12.9785 1.77292 12.7504C1.64115 12.5224 1.57176 12.2636 1.57172 12.0002C1.57167 11.7369 1.64098 11.4781 1.77268 11.25L6.96968 2.25ZM8.26868 4C8.46759 4 8.65836 4.07902 8.79901 4.21967C8.93966 4.36032 9.01868 4.55109 9.01868 4.75V7.75C9.01868 7.94891 8.93966 8.13968 8.79901 8.28033C8.65836 8.42098 8.46759 8.5 8.26868 8.5C8.06977 8.5 7.879 8.42098 7.73835 8.28033C7.5977 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.5977 4.36032 7.73835 4.21967C7.879 4.07902 8.06977 4 8.26868 4ZM8.26868 12C8.53389 12 8.78825 11.8946 8.97578 11.7071C9.16332 11.5196 9.26868 11.2652 9.26868 11C9.26868 10.7348 9.16332 10.4804 8.97578 10.2929C8.78825 10.1054 8.53389 10 8.26868 10C8.00346 10 7.74911 10.1054 7.56157 10.2929C7.37404 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37404 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Text-To-Speech
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4x6yia4agbh0gtj5rpeq793eb0od0z1" class="shrink-0 text-warn-600"><desc id="a4x6yia4agbh0gtj5rpeq793eb0od0z1">warn icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0781 3.71838C10.9961 2.08638 13.3445 2.08638 14.2613 3.71838L20.9573 15.6224C21.8573 17.2232 20.7017 19.1984 18.8669 19.1984H5.47374C3.63774 19.1984 2.48214 17.2232 3.38214 15.6224L10.0781 3.71838ZM13.3697 15.5996C13.3697 15.9178 13.2433 16.2231 13.0183 16.4481C12.7932 16.6732 12.488 16.7996 12.1697 16.7996C11.8515 16.7996 11.5463 16.6732 11.3212 16.4481C11.0962 16.2231 10.9697 15.9178 10.9697 15.5996C10.9697 15.2813 11.0962 14.9761 11.3212 14.7511C11.5463 14.526 11.8515 14.3996 12.1697 14.3996C12.488 14.3996 12.7932 14.526 13.0183 14.7511C13.2433 14.9761 13.3697 15.2813 13.3697 15.5996ZM12.1697 5.99958C11.8515 5.99958 11.5463 6.12601 11.3212 6.35106C11.0962 6.5761 10.9697 6.88132 10.9697 7.19958V10.7996C10.9697 11.1178 11.0962 11.4231 11.3212 11.6481C11.5463 11.8732 11.8515 11.9996 12.1697 11.9996C12.488 11.9996 12.7932 11.8732 13.0183 11.6481C13.2433 11.4231 13.3697 11.1178 13.3697 10.7996V7.19958C13.3697 6.88132 13.2433 6.5761 13.0183 6.35106C12.7932 6.12601 12.488 5.99958 12.1697 5.99958Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-warn-100 border-warn-200 text-warn-800 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a5xjkpwxo0bc4x0fec0ycb7jc73th9gi"><desc id="a5xjkpwxo0bc4x0fec0ycb7jc73th9gi">warn icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.96968 2.25C7.54668 1.25 8.98968 1.25 9.56768 2.25L14.7637 11.25C14.8953 11.478 14.9646 11.7367 14.9646 12C14.9646 12.2633 14.8953 12.522 14.7637 12.75C14.632 12.978 14.4427 13.1674 14.2147 13.299C13.9866 13.4307 13.728 13.5 13.4647 13.5H3.07268C2.80929 13.5002 2.5505 13.431 2.32234 13.2994C2.09418 13.1678 1.90469 12.9785 1.77292 12.7504C1.64115 12.5224 1.57176 12.2636 1.57172 12.0002C1.57167 11.7369 1.64098 11.4781 1.77268 11.25L6.96968 2.25ZM8.26868 4C8.46759 4 8.65836 4.07902 8.79901 4.21967C8.93966 4.36032 9.01868 4.55109 9.01868 4.75V7.75C9.01868 7.94891 8.93966 8.13968 8.79901 8.28033C8.65836 8.42098 8.46759 8.5 8.26868 8.5C8.06977 8.5 7.879 8.42098 7.73835 8.28033C7.5977 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.5977 4.36032 7.73835 4.21967C7.879 4.07902 8.06977 4 8.26868 4ZM8.26868 12C8.53389 12 8.78825 11.8946 8.97578 11.7071C9.16332 11.5196 9.26868 11.2652 9.26868 11C9.26868 10.7348 9.16332 10.4804 8.97578 10.2929C8.78825 10.1054 8.53389 10 8.26868 10C8.00346 10 7.74911 10.1054 7.56157 10.2929C7.37404 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37404 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Warn
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Snap&amp;Read" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a3f3tmlnctizngzbjil7ytiofyyrcuia"><desc id="a3f3tmlnctizngzbjil7ytiofyyrcuia">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Snap&amp;Read
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ah2ekyl17l4z1ip70thcdepn2gyzcswi" class="shrink-0 text-up-600"><desc id="ah2ekyl17l4z1ip70thcdepn2gyzcswi">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="alfw6w0cf2r5ybahle2oru4k4zecuas6"><desc id="alfw6w0cf2r5ybahle2oru4k4zecuas6">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="asifr7d414po3txjmf8powwd4k143zpu" class="shrink-0 text-up-600"><desc id="asifr7d414po3txjmf8powwd4k143zpu">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aeq99wo790lzwy8cxz4mfhhgwtqx9zar"><desc id="aeq99wo790lzwy8cxz4mfhhgwtqx9zar">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
snapandread.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4guo515stdoninddfeo6yik8c614wqa" class="shrink-0 text-up-600"><desc id="a4guo515stdoninddfeo6yik8c614wqa">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ai8p50bktlifsup69s0ba9c2hsusky0c"><desc id="ai8p50bktlifsup69s0ba9c2hsusky0c">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Speech Stream - ReachDeck" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="anz7spjwnkh6ou8p4gpuaed7owhzvwwu"><desc id="anz7spjwnkh6ou8p4gpuaed7owhzvwwu">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Speech Stream - ReachDeck
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="as724xkaeml2z2me1dzgfvtzvf71ubpk" class="shrink-0 text-up-600"><desc id="as724xkaeml2z2me1dzgfvtzvf71ubpk">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ahssdbl4fhgxq3mfv4jryxpj7u7ukhuk"><desc id="ahssdbl4fhgxq3mfv4jryxpj7u7ukhuk">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Text to Speech
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="afblgqgwu0ls360a20ntut6frd1kkhlq" class="shrink-0 text-up-600"><desc id="afblgqgwu0ls360a20ntut6frd1kkhlq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="abvipqlezpm3ol3gy2817h5mvk94p03n"><desc id="abvipqlezpm3ol3gy2817h5mvk94p03n">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Symbolstix" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ahjfmkjf3vwb4ci727zdy8u8wg52pfow"><desc id="ahjfmkjf3vwb4ci727zdy8u8wg52pfow">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Symbolstix
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="adai1c30h9mh3pqprk6dh0rgmwzc2uve" class="shrink-0 text-up-600"><desc id="adai1c30h9mh3pqprk6dh0rgmwzc2uve">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aah4my2c9tud6esej0uepsprla264p0c"><desc id="aah4my2c9tud6esej0uepsprla264p0c">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ae69x16bk6gk1er4ycr8p8b9f9gqbuhn" class="shrink-0 text-up-600"><desc id="ae69x16bk6gk1er4ycr8p8b9f9gqbuhn">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="am09idwyuqzkumfsulymxps4m0sakh1g"><desc id="am09idwyuqzkumfsulymxps4m0sakh1g">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="adqydxkxwkq5q10ua296b74f4psfjweg" class="shrink-0 text-up-600"><desc id="adqydxkxwkq5q10ua296b74f4psfjweg">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aa3s6zxvk6auq60rrimunq46ki476qoq"><desc id="aa3s6zxvk6auq60rrimunq46ki476qoq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Symbolstix
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="am6ut363ss770b8vti9zhws3ujcfo7cy" class="shrink-0 text-up-600"><desc id="am6ut363ss770b8vti9zhws3ujcfo7cy">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aadnw09jzvh71i26brar68o4xnohhczu"><desc id="aadnw09jzvh71i26brar68o4xnohhczu">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Texthelp Website" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="arm9gvuo545fmfswytdosm8bq32l8now"><desc id="arm9gvuo545fmfswytdosm8bq32l8now">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Texthelp Website
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="amd0a85308kwukysw1c8vsd70dtbref1" class="shrink-0 text-up-600"><desc id="amd0a85308kwukysw1c8vsd70dtbref1">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="apcs93unxu15l01wohx26ogkbcwkx09"><desc id="apcs93unxu15l01wohx26ogkbcwkx09">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
academy.texthelp.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ad32k9svxtxtlrdmkcrd1xiz94xhnvhg" class="shrink-0 text-up-600"><desc id="ad32k9svxtxtlrdmkcrd1xiz94xhnvhg">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aqkz3igm83ui0xmacz7fjv7s19j3mwmd"><desc id="aqkz3igm83ui0xmacz7fjv7s19j3mwmd">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
essentials.texthelp.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a51e976d515lsbll6zbtjohuqhg3wtpv" class="shrink-0 text-up-600"><desc id="a51e976d515lsbll6zbtjohuqhg3wtpv">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a8pxqv7bzjtcbhc1nz7zojjvm7tzbzdq"><desc id="a8pxqv7bzjtcbhc1nz7zojjvm7tzbzdq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
my.texthelp.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ak9ejob6n1ucsg4au4wf2thaovs454ut" class="shrink-0 text-up-600"><desc id="ak9ejob6n1ucsg4au4wf2thaovs454ut">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aq1jaoto4l3kuvv5b9bvhgikcpq7cvi7"><desc id="aq1jaoto4l3kuvv5b9bvhgikcpq7cvi7">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
texthelp.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4vi2kwtjzxybos2jjcgjraz3ohb7su1" class="shrink-0 text-up-600"><desc id="a4vi2kwtjzxybos2jjcgjraz3ohb7su1">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a79heavo1rpwh2szm4oj7vr5kyc8gzmk"><desc id="a79heavo1rpwh2szm4oj7vr5kyc8gzmk">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Unique" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="at3k5hhogqsg4u9vj9ty2n6pwgvx97ll"><desc id="at3k5hhogqsg4u9vj9ty2n6pwgvx97ll">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Unique
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ai3nmp99bjmsg0dve3klem8o2ghx5v2b" class="shrink-0 text-up-600"><desc id="ai3nmp99bjmsg0dve3klem8o2ghx5v2b">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aicq80yh8sn5lysemph53tojoy94fsbb"><desc id="aicq80yh8sn5lysemph53tojoy94fsbb">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Content
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="ac7cez424hzr7iv03ew2s945h9y0cuth" class="shrink-0 text-up-600"><desc id="ac7cez424hzr7iv03ew2s945h9y0cuth">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ad37ia7qjihuxqp5cqgf6okuwx0y94jo"><desc id="ad37ia7qjihuxqp5cqgf6okuwx0y94jo">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Dependencies
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="al5f90hd9f0rji8ncpntmctwzctxxidy" class="shrink-0 text-up-600"><desc id="al5f90hd9f0rji8ncpntmctwzctxxidy">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a1lpf3zzfsbj3jqa7y9wzggh42lxdv7n"><desc id="a1lpf3zzfsbj3jqa7y9wzggh42lxdv7n">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Logins
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="adxlhoy9pylaumg7rdxt2iqu62xfs9se" class="shrink-0 text-up-600"><desc id="adxlhoy9pylaumg7rdxt2iqu62xfs9se">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="an5aps2yntytk3f3j3t9bpfdv0cjjs7b"><desc id="an5aps2yntytk3f3j3t9bpfdv0cjjs7b">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Unique App
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a9e55wdd5xzv2c5j24nvwwas9lxavup2" class="shrink-0 text-up-600"><desc id="a9e55wdd5xzv2c5j24nvwwas9lxavup2">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aixu55gjfstb2cu5dcazldrndhg0lhe2"><desc id="aixu55gjfstb2cu5dcazldrndhg0lhe2">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Unique Website
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="am01icnrkkq5pqwm6je3gpinadmu6gkl" class="shrink-0 text-up-600"><desc id="am01icnrkkq5pqwm6je3gpinadmu6gkl">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aejkta3j5wqnohk62qyrq9vkjnq641nj"><desc id="aejkta3j5wqnohk62qyrq9vkjnq641nj">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle uPar" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="aqgyjfg2hzvqyo5nb2sk4sw4y71gemq4"><desc id="aqgyjfg2hzvqyo5nb2sk4sw4y71gemq4">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
uPar
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="akoqqk8rhxik4hnbg6dtd1xh03hmzwhl" class="shrink-0 text-up-600"><desc id="akoqqk8rhxik4hnbg6dtd1xh03hmzwhl">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ajruj3gofzyiejoxi5yxkpasqm22txxw"><desc id="ajruj3gofzyiejoxi5yxkpasqm22txxw">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Login
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="acs8x6nfnv3ew9klw7vw4cqsgd5n5mf5" class="shrink-0 text-up-600"><desc id="acs8x6nfnv3ew9klw7vw4cqsgd5n5mf5">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="akyed8s0yt565eifkigbd4r1utvkzarq"><desc id="akyed8s0yt565eifkigbd4r1utvkzarq">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
startpar.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="aom3sksdxvotoencfmvipaq7bt0vxvj2" class="shrink-0 text-up-600"><desc id="aom3sksdxvotoencfmvipaq7bt0vxvj2">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ah5pjwm4xi4f2s2ucju8itcvnmtik7nt"><desc id="ah5pjwm4xi4f2s2ucju8itcvnmtik7nt">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
universalpar.com
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="a4il5c76xa79mxzl28un8pou35xm9oqj" class="shrink-0 text-up-600"><desc id="a4il5c76xa79mxzl28un8pou35xm9oqj">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="at8jmxwk8c3o4rk81qt19b02tgm6gjyc"><desc id="at8jmxwk8c3o4rk81qt19b02tgm6gjyc">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-border-low first:border-t-0" role="listitem" x-data="{ isExpanded: false }">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="isExpanded = ! isExpanded" aria-label="toggle Writing Helper" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" x-bind:class="isExpanded &amp;&amp; &#39;rotate-90&#39;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ae07x6o9kg0xgvcjxpcagqxcv1v0cjfl"><desc id="ae07x6o9kg0xgvcjxpcagqxcv1v0cjfl">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2">
Writing Helper
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="as2z8u5trb8syzlr78ygku9updw8y4fu" class="shrink-0 text-up-600"><desc id="as2z8u5trb8syzlr78ygku9updw8y4fu">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a1bp865sszzor3v3xctmwhvnwrpir5rs"><desc id="a1bp865sszzor3v3xctmwhvnwrpir5rs">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div role="list" x-collapse="true" x-show="isExpanded">
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low" role="listitem">
<div class="flex items-center gap-3">
<img alt="tree node icon" src="https://static.statusgator.com/assets/product/treenode-0234b413b7194abc579f62eea6d96f3101decc58c362621e5578747da85d9ebd.svg" />
<span class="text-base text-text-level2">
Writing helper
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="agx3lbuwgvxn95ja2z017uy6kzspjhyz" class="shrink-0 text-up-600"><desc id="agx3lbuwgvxn95ja2z017uy6kzspjhyz">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-inter font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="a31k6lp9bwvnrfwsvlyx3ck3ziyi23ma"><desc id="a31k6lp9bwvnrfwsvlyx3ck3ziyi23ma">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<div x-show="!isComponentsOpen">
<div aria-label="Service status history over the last 30 days" class="
w-full flex items-center justify-between
" role="list">
<div aria-label="March 05, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 06, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 07, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 08, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 09, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 10, 2026: Down for 35 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-up-600 first:rounded-t-md last:rounded-b-md
" style="height: 54.0px"></div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 10, 2026
<br>
Down for 35 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 11, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 12, 2026: Down for 5 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-up-600 first:rounded-t-md last:rounded-b-md
" style="height: 54.0px"></div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 12, 2026
<br>
Down for 5 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 13, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 14, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 15, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 16, 2026: Down for 26 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-up-600 first:rounded-t-md last:rounded-b-md
" style="height: 54.0px"></div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 16, 2026
<br>
Down for 26 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 17, 2026: Down for 2 Hours and 38 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-up-600 first:rounded-t-md last:rounded-b-md
" style="height: 48.0px"></div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 12.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 17, 2026
<br>
Down for 2 Hours and 38 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 18, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 19, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="March 20, 2026: Down for 5 Minutes, Warning for 7 Hours and 40 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-up-600 first:rounded-t-md last:rounded-b-md
" style="height: 28.0px"></div>
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 22.400000000000002px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 20, 2026
<br>
Warning for 7 Hours and 40 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 5.6px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 20, 2026
<br>
Down for 5 Minutes

</div>
</div>
</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 21, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 21, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 22, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 22, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 23, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 23, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div aria-label="March 24, 2026: Down for 10 Minutes, Warning for 23 Hours and 49 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 54.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 24, 2026
<br>
Warning for 23 Hours and 49 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 24, 2026
<br>
Down for 10 Minutes

</div>
</div>
</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 25, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 25, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 26, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 26, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div aria-label="March 27, 2026: Down for 2 Hours, Warning for 21 Hours and 59 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 54.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 27, 2026
<br>
Warning for 21 Hours and 59 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 27, 2026
<br>
Down for 2 Hours

</div>
</div>
</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 28, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 28, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 29, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 29, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 30, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 30, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div aria-label="March 31, 2026: Down for 9 Hours and 16 Minutes, Warning for 14 Hours and 43 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 35.99999999999999px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 31, 2026
<br>
Warning for 14 Hours and 43 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 24.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
March 31, 2026
<br>
Down for 9 Hours and 16 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="April 01, 2026: Down for 9 Hours and 3 Minutes, Warning for 14 Hours and 56 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 35.99999999999999px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
April 01, 2026
<br>
Warning for 14 Hours and 56 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 24.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
April 01, 2026
<br>
Down for 9 Hours and 3 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="April 02, 2026: Down for 30 Minutes, Warning for 23 Hours and 29 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 54.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
April 02, 2026
<br>
Warning for 23 Hours and 29 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-down-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px">
<div class="inline-flex w-full h-full" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">


<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
April 02, 2026
<br>
Down for 30 Minutes

</div>
</div>
</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="April 03, 2026: Warning for 1 Day" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
April 03, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="April 04, 2026: Warning for 23 Hours and 59 Minutes" class="
w-1 h-16 bg-warn-700 rounded-md
md:w-1.5
" role="listitem"></div>

<div class="hidden" x-ref="content">
<div class="p-3 font-normal text-sm text-left rounded-lg bg-neutral-900 border border-solid border-neutral-800 text-white">
April 04, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
</div>
<div class="mt-3 flex items-center justify-between text-base text-text-level3">
<span>30 days ago</span>
<span>49.9%</span>
<span>Today</span>
</div>
<div class="
mt-6 flex flex-col gap-2
md:flex-row md:items-center md:gap-6
">
<div class="flex items-center gap-2">
<div class="w-[10px] h-[10px] rounded-full bg-up-600"></div>
<span class="text-base text-text-level2">
Up
</span>
</div>
<div class="flex items-center gap-2">
<div class="w-[10px] h-[10px] rounded-full bg-down-600"></div>
<span class="text-base text-text-level2">
Down
</span>
</div>
<div class="flex items-center gap-2">
<div class="w-[10px] h-[10px] rounded-full bg-warn-700"></div>
<span class="text-base text-text-level2">
Warn
</span>
</div>
<div class="flex items-center gap-2">
<div class="w-[10px] h-[10px] rounded-full bg-maint-600"></div>
<span class="text-base text-text-level2">
Maintenance
</span>
</div>
<div class="flex items-center gap-2">
<div class="w-[10px] h-[10px] rounded-full bg-icon-low"></div>
<span class="text-base text-text-level2">
Unknown
</span>
</div>
</div>

</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>

</template></turbo-stream>