<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="Microsoft Fabric logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/3xnQHpAWMRDVb0E6.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
">
Microsoft Fabric
</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="a10yubv54yoifvbmws1spgx04dz70bxt"><desc id="a10yubv54yoifvbmws1spgx04dz70bxt">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">

</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 Africa" 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="asj8fjg6gp9kviylji3ln9xtkgftqfkk"><desc id="asj8fjg6gp9kviylji3ln9xtkgftqfkk">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">
Africa
</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="ab7n367p820fqt7rfqukju3wa3f6iydg" class="shrink-0 text-up-600"><desc id="ab7n367p820fqt7rfqukju3wa3f6iydg">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="atmdltxgpyoh3wwhe8ttk1yldvbnyicg"><desc id="atmdltxgpyoh3wwhe8ttk1yldvbnyicg">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">
Fabric
</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="aihq1iaet7dwocqsmx6kjjyh3akjlmxl" class="shrink-0 text-up-600"><desc id="aihq1iaet7dwocqsmx6kjjyh3akjlmxl">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="a6l5rtjhxjd4ynfgkn9q43eu758c6axs"><desc id="a6l5rtjhxjd4ynfgkn9q43eu758c6axs">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">
Power BI
</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="a3g98xzn4bpjprhemswahdwno9lqvkfc" class="shrink-0 text-up-600"><desc id="a3g98xzn4bpjprhemswahdwno9lqvkfc">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="ajivzkb4d2ehjixciruqdlfmmufbjdlw"><desc id="ajivzkb4d2ehjixciruqdlfmmufbjdlw">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 Americas" 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="a8y6xlm9f0x7hbewbb25hn41hlobkwc"><desc id="a8y6xlm9f0x7hbewbb25hn41hlobkwc">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">
Americas
</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="asxnfpdvfv88yolhpkiirum5mjpy9bdj" class="shrink-0 text-up-600"><desc id="asxnfpdvfv88yolhpkiirum5mjpy9bdj">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="ak69z6t1f1rnc6rf7k36fieyhcfnxvnw"><desc id="ak69z6t1f1rnc6rf7k36fieyhcfnxvnw">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">
Fabric
</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="aivru419if7qsyyu1lwjd022kcc5qoo3" class="shrink-0 text-up-600"><desc id="aivru419if7qsyyu1lwjd022kcc5qoo3">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="a7x13y0ws4ixvapdezr2mnyq4ukyuw6t"><desc id="a7x13y0ws4ixvapdezr2mnyq4ukyuw6t">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">
Power BI
</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="a2kaapbsjyfjs8xvr5w7zv15mnclmiao" class="shrink-0 text-up-600"><desc id="a2kaapbsjyfjs8xvr5w7zv15mnclmiao">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="adin4vrrvv5653tk52yk0atpnkzupx1q"><desc id="adin4vrrvv5653tk52yk0atpnkzupx1q">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 Asia Pacific" 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="atk5zr1jlqstmhab7acx90v7bz5wt5bz"><desc id="atk5zr1jlqstmhab7acx90v7bz5wt5bz">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">
Asia Pacific
</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="aj0cl2ya8nmtqwn838bv4z47cihbu2v1" class="shrink-0 text-up-600"><desc id="aj0cl2ya8nmtqwn838bv4z47cihbu2v1">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="am01nr7m3dmk12j188c4gd3s5zbo2yjh"><desc id="am01nr7m3dmk12j188c4gd3s5zbo2yjh">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">
Fabric
</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="at7xk727ts8839zbwxdboawkshf69dmh" class="shrink-0 text-up-600"><desc id="at7xk727ts8839zbwxdboawkshf69dmh">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="a28pmfp2blyr193k0pte3620bk0p18hh"><desc id="a28pmfp2blyr193k0pte3620bk0p18hh">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">
Power BI
</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="a5mw6j8jfnmxd1518qw11hrphuc9zrkj" class="shrink-0 text-up-600"><desc id="a5mw6j8jfnmxd1518qw11hrphuc9zrkj">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="apk71y6bcj5tjj30rzkuytrkx9mdcdzd"><desc id="apk71y6bcj5tjj30rzkuytrkx9mdcdzd">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 Europe" 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="aa359f9s2id79gwtofgcubqwhxi95rf4"><desc id="aa359f9s2id79gwtofgcubqwhxi95rf4">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">
Europe
</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="apb6jnxd71v9cvqkrssbt8jl0g6svnps" class="shrink-0 text-up-600"><desc id="apb6jnxd71v9cvqkrssbt8jl0g6svnps">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="ahkaaj1pv8w98b57jwriwzg57x452ffr"><desc id="ahkaaj1pv8w98b57jwriwzg57x452ffr">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">
Fabric
</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="aboc5h1mpbyqcbnb39jx5bff85an7wxk" class="shrink-0 text-up-600"><desc id="aboc5h1mpbyqcbnb39jx5bff85an7wxk">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="a58xrl3fsxiu0yo40yxi715mso4yg056"><desc id="a58xrl3fsxiu0yo40yxi715mso4yg056">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">
Power BI
</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="apzfwnmw70pfkysy8ebtaru7hsiai0zz" class="shrink-0 text-up-600"><desc id="apzfwnmw70pfkysy8ebtaru7hsiai0zz">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="apn68nl9rtmomh0glcv2cat95c6n5e5j"><desc id="apn68nl9rtmomh0glcv2cat95c6n5e5j">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 Middle East" 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="ab31gpg259ba60bhr8acpqk2vmqmbsmi"><desc id="ab31gpg259ba60bhr8acpqk2vmqmbsmi">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">
Middle East
</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="a14wsh80q1ma6n7laebmzrpv1o24ppcf" class="shrink-0 text-up-600"><desc id="a14wsh80q1ma6n7laebmzrpv1o24ppcf">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="a5xr36uch7c9b7l5i3ulfqzva5pxyizz"><desc id="a5xr36uch7c9b7l5i3ulfqzva5pxyizz">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">
Fabric
</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="ac9p8mvb9roo3c3b3lb071bwv8g6wlwk" class="shrink-0 text-up-600"><desc id="ac9p8mvb9roo3c3b3lb071bwv8g6wlwk">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="ahkg6ovzqqlltp7gtihb3jabelvl9b8s"><desc id="ahkg6ovzqqlltp7gtihb3jabelvl9b8s">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">
Power BI
</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="ag9qgpu7b9zirurvjgiuztfoqrl1y9zi" class="shrink-0 text-up-600"><desc id="ag9qgpu7b9zirurvjgiuztfoqrl1y9zi">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="anxzxpgx5bg7wgf86x5u65jb08l3ue38"><desc id="anxzxpgx5bg7wgf86x5u65jb08l3ue38">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 class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 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">
March 04, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 05, 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">
March 05, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 06, 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">
March 06, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 07, 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">
March 07, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 08, 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 08, 2026
<br>
Warning for 1 Day

</div>
</div>
</div>
<div aria-label="March 09, 2026: Warning for 13 Hours and 30 Minutes, Maintenance for 10 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-maint-600 first:rounded-t-md last:rounded-b-md
" style="height: 30.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 09, 2026
<br>
Maintenance for 10 Hours and 29 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 29.999999999999993px">
<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 09, 2026
<br>
Warning for 13 Hours and 30 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 10, 2026: Warning for 10 Hours and 50 Minutes, Maintenance for 13 Hours and 9 Minutes" class="
w-1 h-16 flex flex-col gap-1
md:w-1.5
" role="listitem">
<div class="
w-full bg-maint-600 first:rounded-t-md last:rounded-b-md
" style="height: 30.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>
Maintenance for 13 Hours and 9 Minutes

</div>
</div>
</div>
</div>
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 30.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>
Warning for 10 Hours and 50 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 11, 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 11, 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 12, 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 12, 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 13, 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 13, 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 14, 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 14, 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 15, 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 15, 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 16, 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">
March 16, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
<div class="inline-flex" x-data="Tippy({
        arrow: true,
        placement: &#39;top&#39;,
        theme: &#39;tooltip&#39;,
      })">
<div aria-label="March 17, 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 17, 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 18, 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">
March 18, 2026
<br>
Warning for 23 Hours and 59 Minutes

</div>
</div>
</div>
<div aria-label="March 19, 2026: Warning for 19 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-up-600 first:rounded-t-md last:rounded-b-md
" style="height: 6.0px"></div>
<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 19, 2026
<br>
Warning for 19 Hours and 29 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 20, 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 21, 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 22, 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 23, 2026: Warning for 15 Hours and 55 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: 18.0px"></div>
<div class="
w-full bg-warn-700 first:rounded-t-md last:rounded-b-md
" style="height: 42.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 23, 2026
<br>
Warning for 15 Hours and 55 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 24, 2026: Warning for 8 Hours and 44 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: 36.0px"></div>
<div class="
w-full bg-warn-700 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 24, 2026
<br>
Warning for 8 Hours and 44 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 25, 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 26, 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 27, 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 28, 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 29, 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 30, 2026: Warning for 2 Hours and 50 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-warn-700 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 30, 2026
<br>
Warning for 2 Hours and 50 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="March 31, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="April 01, 2026: Warning for 31 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-warn-700 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 01, 2026
<br>
Warning for 31 Minutes

</div>
</div>
</div>
</div>
</div>
<div aria-label="April 02, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
<div aria-label="April 03, 2026: Up all day" class="
w-1 h-16 bg-up-600 rounded-md
md:w-1.5
" role="listitem"></div>
</div>
<div class="mt-3 flex items-center justify-between text-base text-text-level3">
<span>30 days ago</span>
<span>44.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>