<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="Amplified IT logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/W5Ylmx9x4i7UCuIe.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
">
Amplified IT
</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="a3k77hgh47mc3w0bgkwtndc5oun5sp6h"><desc id="a3k77hgh47mc3w0bgkwtndc5oun5sp6h">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="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Event-o-matic
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="aj0mviq6k8x71wcqrdvqttjf6iqldfgv" class="shrink-0 text-down-600"><desc id="aj0mviq6k8x71wcqrdvqttjf6iqldfgv">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="ataarg8iot18odzkh1yk2eqfxm1sxu2a"><desc id="ataarg8iot18odzkh1yk2eqfxm1sxu2a">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Gopher Buddy
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="abjko7cwm9jhfkh8y8evjny70mck2zpi" class="shrink-0 text-down-600"><desc id="abjko7cwm9jhfkh8y8evjny70mck2zpi">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="aodcca764oyfvbum0b7ummx7dhj68tve"><desc id="aodcca764oyfvbum0b7ummx7dhj68tve">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Gopher for Chrome
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="a49eq5dtltsgg4yhru6pbh45238twvw" class="shrink-0 text-down-600"><desc id="a49eq5dtltsgg4yhru6pbh45238twvw">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="a5vbf9eotdybzbv83uvi55f0o2t4ld3o"><desc id="a5vbf9eotdybzbv83uvi55f0o2t4ld3o">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Gopher for Gmail
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="aiziqerzmugp7x3hj12r9lbboci355rr" class="shrink-0 text-down-600"><desc id="aiziqerzmugp7x3hj12r9lbboci355rr">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="a9x4rokoilmrk66r5tvtibk9qth2lunr"><desc id="a9x4rokoilmrk66r5tvtibk9qth2lunr">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Gopher for Groups
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="ae1m1n6obdrfg3zo550f57rrz2nd4xsl" class="shrink-0 text-down-600"><desc id="ae1m1n6obdrfg3zo550f57rrz2nd4xsl">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="aaw3j7mufob4yi9cymrmjj1l251nzz5c"><desc id="aaw3j7mufob4yi9cymrmjj1l251nzz5c">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Gopher for Users
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="apga134nz6126li2cr1oyde85s1xrrob" class="shrink-0 text-down-600"><desc id="apga134nz6126li2cr1oyde85s1xrrob">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="adsf4j4wnhj7p14itcs24ru4oiqxftlj"><desc id="adsf4j4wnhj7p14itcs24ru4oiqxftlj">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Group Gator
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="a87ovcc2zruxv574oyrg553g5oimo6q6" class="shrink-0 text-down-600"><desc id="a87ovcc2zruxv574oyrg553g5oimo6q6">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="agpy06wkrr97otr79nl5p2dx7tkowev8"><desc id="agpy06wkrr97otr79nl5p2dx7tkowev8">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Little SIS Premium
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="a6iij1j9y4r66smwff4vpy6kjry5p4bh" class="shrink-0 text-down-600"><desc id="a6iij1j9y4r66smwff4vpy6kjry5p4bh">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="aq7wwdqk66n2vgueczhol6y7l73zgz6g"><desc id="aq7wwdqk66n2vgueczhol6y7l73zgz6g">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Little SIS Web
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="ahw4w2cgkidu791jjqzkkbah7fgpg9zq" class="shrink-0 text-down-600"><desc id="ahw4w2cgkidu791jjqzkkbah7fgpg9zq">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="abbicljx1y7pc0oa2crjgc27nxy5mxid"><desc id="abbicljx1y7pc0oa2crjgc27nxy5mxid">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</div>
</div>
</div>
<div class="p-2 pl-8 flex items-center justify-between border-t border-border-low first:border-t-0" role="listitem">
<span class="text-base text-text-level2">
Local Hero
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="asulxwofcwwhpln1zdstm3h87vxk43qh" class="shrink-0 text-down-600"><desc id="asulxwofcwwhpln1zdstm3h87vxk43qh">down icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9984 21.8941C14.5445 21.8941 16.9863 20.8827 18.7867 19.0823C20.587 17.282 21.5984 14.8402 21.5984 12.2941C21.5984 9.74801 20.587 7.30622 18.7867 5.50587C16.9863 3.70552 14.5445 2.69409 11.9984 2.69409C9.45236 2.69409 7.01056 3.70552 5.21021 5.50587C3.40986 7.30622 2.39844 9.74801 2.39844 12.2941C2.39844 14.8402 3.40986 17.282 5.21021 19.0823C7.01056 20.8827 9.45236 21.8941 11.9984 21.8941ZM8.39844 11.0941C8.08018 11.0941 7.77495 11.2205 7.54991 11.4456C7.32487 11.6706 7.19844 11.9758 7.19844 12.2941C7.19844 12.6124 7.32487 12.9176 7.54991 13.1426C7.77495 13.3677 8.08018 13.4941 8.39844 13.4941H15.5984C15.9167 13.4941 16.2219 13.3677 16.447 13.1426C16.672 12.9176 16.7984 12.6124 16.7984 12.2941C16.7984 11.9758 16.672 11.6706 16.447 11.4456C16.2219 11.2205 15.9167 11.0941 15.5984 11.0941H8.39844Z" 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-down-100 border-down-200 text-down-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="at2lt9a8enaenygrqj9a45qpbybo0sbp"><desc id="at2lt9a8enaenygrqj9a45qpbybo0sbp">down 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 15ZM8.26868 4C8.46759 4 8.65835 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.65835 8.42098 8.46759 8.5 8.26868 8.5C8.06976 8.5 7.879 8.42098 7.73835 8.28033C7.59769 8.13968 7.51868 7.94891 7.51868 7.75V4.75C7.51868 4.55109 7.59769 4.36032 7.73835 4.21967C7.879 4.07902 8.06976 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.37403 10.4804 7.26868 10.7348 7.26868 11C7.26868 11.2652 7.37403 11.5196 7.56157 11.7071C7.74911 11.8946 8.00346 12 8.26868 12Z" fill="currentColor"></path>
</svg>
Down
</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 11, 2026: Down for 23 Hours and 59 Minutes" class="
w-1 h-16 bg-down-600 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>
Down 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 12, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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 17, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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 19, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 19, 2026
<br>
Down 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 20, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 20, 2026
<br>
Down 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 21, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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 24, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 24, 2026
<br>
Down 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 25, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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 27, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 27, 2026
<br>
Down 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 28, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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 31, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 31, 2026
<br>
Down 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 01, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 01, 2026
<br>
Down 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 02, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 02, 2026
<br>
Down 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 03, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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: Down for 1 Day" class="
w-1 h-16 bg-down-600 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>
Down 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 05, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 05, 2026
<br>
Down 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 06, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 06, 2026
<br>
Down 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 07, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 07, 2026
<br>
Down 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 08, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 08, 2026
<br>
Down 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 09, 2026: Down for 1 Day" class="
w-1 h-16 bg-down-600 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 09, 2026
<br>
Down 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 10, 2026: Down for 23 Hours and 59 Minutes" class="
w-1 h-16 bg-down-600 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 10, 2026
<br>
Down 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>0%</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>