<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="DNS Made Easy logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/19Ypl0hztAV3Jv2G.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
">
DNS Made Easy
</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="a4zjw0ernyuc0be3tai1yrd08eqdukvx"><desc id="a4zjw0ernyuc0be3tai1yrd08eqdukvx">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">
HV Upgrades Dallas
</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">
Constellix
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" role="img" aria-labelledby="a61j9n22qnohaf0uhk5br6ra57porpmi" class="shrink-0 text-maint-600"><desc id="a61j9n22qnohaf0uhk5br6ra57porpmi">maint icon</desc>
<path d="M21.0515 8.16068C20.8194 8.05818 20.5482 8.10901 20.3691 8.28828L18.5513 10.1053L15.2351 9.51893L14.6484 6.20253L16.4664 4.38554C16.6453 4.20624 16.6962 3.93533 16.5939 3.70316C16.4917 3.47127 16.2566 3.32567 16.0037 3.33773C14.7649 3.39559 13.5437 3.89572 12.5972 4.84242C11.1439 6.29523 10.7421 8.39493 11.379 10.2119L4.24809 17.3443C3.3548 18.237 3.3548 19.685 4.24809 20.5781C4.67644 21.0067 5.25782 21.2477 5.86453 21.2477C6.47065 21.2477 7.05255 21.0067 7.4809 20.5784L14.6472 13.412C16.4398 13.9966 18.4875 13.5816 19.9113 12.1568C20.8578 11.2107 21.3581 9.98977 21.4166 8.75117C21.4278 8.49805 21.2837 8.26347 21.0515 8.16068ZM6.97519 19.2142C6.59888 19.5906 5.98798 19.5906 5.61166 19.2142C5.23468 18.8373 5.23468 18.227 5.61166 17.85C5.98798 17.4738 6.59888 17.4738 6.97519 17.85C7.35158 18.227 7.35158 18.8373 6.97519 19.2142Z" 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-maint-100 border-maint-200 text-maint-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="a1uwndfauuhcsfhk9qqpu4rbz6na1qz5"><desc id="a1uwndfauuhcsfhk9qqpu4rbz6na1qz5">maint icon</desc>
<g clip-path="url(#clip0_70_938)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2687 4.50003C15.2688 4.96518 15.1761 5.42567 14.9962 5.85461C14.8162 6.28354 14.5526 6.6723 14.2207 6.99817C13.8888 7.32404 13.4952 7.58048 13.063 7.7525C12.6309 7.92452 12.1687 8.00867 11.7037 8.00003C10.7137 7.98103 9.61068 8.13203 9.00368 8.91303L4.87368 14.223C4.69828 14.4486 4.47689 14.6344 4.22421 14.7679C3.97153 14.9014 3.69334 14.9796 3.40812 14.9974C3.12289 15.0151 2.83715 14.972 2.56986 14.8709C2.30257 14.7698 2.05985 14.6129 1.85781 14.4108C1.65577 14.2087 1.49903 13.9659 1.398 13.6986C1.29697 13.4313 1.25396 13.1455 1.27182 12.8603C1.28969 12.5751 1.36801 12.2969 1.50161 12.0443C1.6352 11.7917 1.821 11.5704 2.04668 11.395L7.35568 7.26503C8.13568 6.65803 8.28768 5.55503 8.26968 4.56503L8.26868 4.50003C8.26851 3.95684 8.39476 3.42106 8.63746 2.93511C8.88016 2.44915 9.23263 2.02635 9.66698 1.70018C10.1013 1.374 10.6056 1.1534 11.14 1.05583C11.6744 0.958258 12.2241 0.986401 12.7457 1.13803C13.0707 1.23203 13.1357 1.63503 12.8957 1.87403L10.8687 3.90203C10.7817 3.98656 10.7299 4.1009 10.7238 4.22204C10.7177 4.34318 10.7577 4.46215 10.8357 4.55503C11.1067 4.86903 11.4007 5.16303 11.7147 5.43403C11.8076 5.51205 11.9265 5.55202 12.0477 5.5459C12.1688 5.53978 12.2831 5.48802 12.3677 5.40103L14.3947 3.37403C14.6337 3.13403 15.0367 3.19903 15.1307 3.52403C15.2207 3.83403 15.2687 4.16103 15.2687 4.50003ZM4.01868 13C4.01868 13.1989 3.93966 13.3897 3.79901 13.5304C3.65836 13.671 3.46759 13.75 3.26868 13.75C3.06977 13.75 2.879 13.671 2.73835 13.5304C2.5977 13.3897 2.51868 13.1989 2.51868 13C2.51868 12.8011 2.5977 12.6104 2.73835 12.4697C2.879 12.329 3.06977 12.25 3.26868 12.25C3.46759 12.25 3.65836 12.329 3.79901 12.4697C3.93966 12.6104 4.01868 12.8011 4.01868 13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 8C12.0431 8.00013 12.5787 7.87388 13.0646 7.63124C13.5504 7.3886 13.9732 7.03623 14.2993 6.602C14.6255 6.16777 14.8461 5.6636 14.9438 5.12938C15.0414 4.59515 15.0134 4.04553 14.862 3.524C14.768 3.199 14.365 3.134 14.126 3.374L12.099 5.4C12.0145 5.48699 11.9001 5.53875 11.779 5.54487C11.6578 5.55099 11.5389 5.51102 11.446 5.433C11.1321 5.1617 10.8383 4.86793 10.567 4.554C10.489 4.46112 10.449 4.34215 10.4551 4.22101C10.4612 4.09987 10.513 3.98553 10.6 3.901L12.627 1.873C12.867 1.634 12.802 1.231 12.477 1.137C11.9502 0.984357 11.3949 0.957597 10.8558 1.05887C10.3167 1.16015 9.809 1.38663 9.3735 1.72007C8.938 2.05351 8.5869 2.48458 8.34851 2.97855C8.11011 3.47253 7.99108 4.01559 8.001 4.564C8.019 5.554 7.868 6.657 7.087 7.264L1.777 11.394C1.55138 11.5694 1.36566 11.7908 1.23215 12.0435C1.09865 12.2961 1.02042 12.5743 1.00266 12.8596C0.984898 13.1448 1.02801 13.4305 1.12914 13.6978C1.23026 13.9651 1.38708 14.2078 1.5892 14.4099C1.79131 14.6119 2.03408 14.7686 2.30141 14.8697C2.56873 14.9707 2.85449 15.0137 3.13971 14.9959C3.42493 14.978 3.70309 14.8997 3.95572 14.7661C4.20835 14.6325 4.42967 14.4467 4.605 14.221L8.735 8.912C9.342 8.132 10.445 7.98 11.435 7.998L11.5 8ZM3 13.75C3.19891 13.75 3.38968 13.671 3.53033 13.5303C3.67098 13.3897 3.75 13.1989 3.75 13C3.75 12.8011 3.67098 12.6103 3.53033 12.4697C3.38968 12.329 3.19891 12.25 3 12.25C2.80109 12.25 2.61032 12.329 2.46967 12.4697C2.32902 12.6103 2.25 12.8011 2.25 13C2.25 13.1989 2.32902 13.3897 2.46967 13.5303C2.61032 13.671 2.80109 13.75 3 13.75Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_70_938">
<rect width="16" height="16" fill="white" transform="translate(0 0.333374)"></rect>
</clipPath>
</defs>
</svg>
Maint
</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">
Digicert DNS
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" role="img" aria-labelledby="aanzdooxtcexhzormemtougvcxarffk9" class="shrink-0 text-maint-600"><desc id="aanzdooxtcexhzormemtougvcxarffk9">maint icon</desc>
<path d="M21.0515 8.16068C20.8194 8.05818 20.5482 8.10901 20.3691 8.28828L18.5513 10.1053L15.2351 9.51893L14.6484 6.20253L16.4664 4.38554C16.6453 4.20624 16.6962 3.93533 16.5939 3.70316C16.4917 3.47127 16.2566 3.32567 16.0037 3.33773C14.7649 3.39559 13.5437 3.89572 12.5972 4.84242C11.1439 6.29523 10.7421 8.39493 11.379 10.2119L4.24809 17.3443C3.3548 18.237 3.3548 19.685 4.24809 20.5781C4.67644 21.0067 5.25782 21.2477 5.86453 21.2477C6.47065 21.2477 7.05255 21.0067 7.4809 20.5784L14.6472 13.412C16.4398 13.9966 18.4875 13.5816 19.9113 12.1568C20.8578 11.2107 21.3581 9.98977 21.4166 8.75117C21.4278 8.49805 21.2837 8.26347 21.0515 8.16068ZM6.97519 19.2142C6.59888 19.5906 5.98798 19.5906 5.61166 19.2142C5.23468 18.8373 5.23468 18.227 5.61166 17.85C5.98798 17.4738 6.59888 17.4738 6.97519 17.85C7.35158 18.227 7.35158 18.8373 6.97519 19.2142Z" 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-maint-100 border-maint-200 text-maint-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="alka1pa5c3ly4jztyiomskwz6plhuz3c"><desc id="alka1pa5c3ly4jztyiomskwz6plhuz3c">maint icon</desc>
<g clip-path="url(#clip0_70_938)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2687 4.50003C15.2688 4.96518 15.1761 5.42567 14.9962 5.85461C14.8162 6.28354 14.5526 6.6723 14.2207 6.99817C13.8888 7.32404 13.4952 7.58048 13.063 7.7525C12.6309 7.92452 12.1687 8.00867 11.7037 8.00003C10.7137 7.98103 9.61068 8.13203 9.00368 8.91303L4.87368 14.223C4.69828 14.4486 4.47689 14.6344 4.22421 14.7679C3.97153 14.9014 3.69334 14.9796 3.40812 14.9974C3.12289 15.0151 2.83715 14.972 2.56986 14.8709C2.30257 14.7698 2.05985 14.6129 1.85781 14.4108C1.65577 14.2087 1.49903 13.9659 1.398 13.6986C1.29697 13.4313 1.25396 13.1455 1.27182 12.8603C1.28969 12.5751 1.36801 12.2969 1.50161 12.0443C1.6352 11.7917 1.821 11.5704 2.04668 11.395L7.35568 7.26503C8.13568 6.65803 8.28768 5.55503 8.26968 4.56503L8.26868 4.50003C8.26851 3.95684 8.39476 3.42106 8.63746 2.93511C8.88016 2.44915 9.23263 2.02635 9.66698 1.70018C10.1013 1.374 10.6056 1.1534 11.14 1.05583C11.6744 0.958258 12.2241 0.986401 12.7457 1.13803C13.0707 1.23203 13.1357 1.63503 12.8957 1.87403L10.8687 3.90203C10.7817 3.98656 10.7299 4.1009 10.7238 4.22204C10.7177 4.34318 10.7577 4.46215 10.8357 4.55503C11.1067 4.86903 11.4007 5.16303 11.7147 5.43403C11.8076 5.51205 11.9265 5.55202 12.0477 5.5459C12.1688 5.53978 12.2831 5.48802 12.3677 5.40103L14.3947 3.37403C14.6337 3.13403 15.0367 3.19903 15.1307 3.52403C15.2207 3.83403 15.2687 4.16103 15.2687 4.50003ZM4.01868 13C4.01868 13.1989 3.93966 13.3897 3.79901 13.5304C3.65836 13.671 3.46759 13.75 3.26868 13.75C3.06977 13.75 2.879 13.671 2.73835 13.5304C2.5977 13.3897 2.51868 13.1989 2.51868 13C2.51868 12.8011 2.5977 12.6104 2.73835 12.4697C2.879 12.329 3.06977 12.25 3.26868 12.25C3.46759 12.25 3.65836 12.329 3.79901 12.4697C3.93966 12.6104 4.01868 12.8011 4.01868 13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 8C12.0431 8.00013 12.5787 7.87388 13.0646 7.63124C13.5504 7.3886 13.9732 7.03623 14.2993 6.602C14.6255 6.16777 14.8461 5.6636 14.9438 5.12938C15.0414 4.59515 15.0134 4.04553 14.862 3.524C14.768 3.199 14.365 3.134 14.126 3.374L12.099 5.4C12.0145 5.48699 11.9001 5.53875 11.779 5.54487C11.6578 5.55099 11.5389 5.51102 11.446 5.433C11.1321 5.1617 10.8383 4.86793 10.567 4.554C10.489 4.46112 10.449 4.34215 10.4551 4.22101C10.4612 4.09987 10.513 3.98553 10.6 3.901L12.627 1.873C12.867 1.634 12.802 1.231 12.477 1.137C11.9502 0.984357 11.3949 0.957597 10.8558 1.05887C10.3167 1.16015 9.809 1.38663 9.3735 1.72007C8.938 2.05351 8.5869 2.48458 8.34851 2.97855C8.11011 3.47253 7.99108 4.01559 8.001 4.564C8.019 5.554 7.868 6.657 7.087 7.264L1.777 11.394C1.55138 11.5694 1.36566 11.7908 1.23215 12.0435C1.09865 12.2961 1.02042 12.5743 1.00266 12.8596C0.984898 13.1448 1.02801 13.4305 1.12914 13.6978C1.23026 13.9651 1.38708 14.2078 1.5892 14.4099C1.79131 14.6119 2.03408 14.7686 2.30141 14.8697C2.56873 14.9707 2.85449 15.0137 3.13971 14.9959C3.42493 14.978 3.70309 14.8997 3.95572 14.7661C4.20835 14.6325 4.42967 14.4467 4.605 14.221L8.735 8.912C9.342 8.132 10.445 7.98 11.435 7.998L11.5 8ZM3 13.75C3.19891 13.75 3.38968 13.671 3.53033 13.5303C3.67098 13.3897 3.75 13.1989 3.75 13C3.75 12.8011 3.67098 12.6103 3.53033 12.4697C3.38968 12.329 3.19891 12.25 3 12.25C2.80109 12.25 2.61032 12.329 2.46967 12.4697C2.32902 12.6103 2.25 12.8011 2.25 13C2.25 13.1989 2.32902 13.3897 2.46967 13.5303C2.61032 13.671 2.80109 13.75 3 13.75Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_70_938">
<rect width="16" height="16" fill="white" transform="translate(0 0.333374)"></rect>
</clipPath>
</defs>
</svg>
Maint
</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">
DNS Made Easy
</span>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" role="img" aria-labelledby="aoathpwtf1zgv4f7jda776wgqg2v6blw" class="shrink-0 text-maint-600"><desc id="aoathpwtf1zgv4f7jda776wgqg2v6blw">maint icon</desc>
<path d="M21.0515 8.16068C20.8194 8.05818 20.5482 8.10901 20.3691 8.28828L18.5513 10.1053L15.2351 9.51893L14.6484 6.20253L16.4664 4.38554C16.6453 4.20624 16.6962 3.93533 16.5939 3.70316C16.4917 3.47127 16.2566 3.32567 16.0037 3.33773C14.7649 3.39559 13.5437 3.89572 12.5972 4.84242C11.1439 6.29523 10.7421 8.39493 11.379 10.2119L4.24809 17.3443C3.3548 18.237 3.3548 19.685 4.24809 20.5781C4.67644 21.0067 5.25782 21.2477 5.86453 21.2477C6.47065 21.2477 7.05255 21.0067 7.4809 20.5784L14.6472 13.412C16.4398 13.9966 18.4875 13.5816 19.9113 12.1568C20.8578 11.2107 21.3581 9.98977 21.4166 8.75117C21.4278 8.49805 21.2837 8.26347 21.0515 8.16068ZM6.97519 19.2142C6.59888 19.5906 5.98798 19.5906 5.61166 19.2142C5.23468 18.8373 5.23468 18.227 5.61166 17.85C5.98798 17.4738 6.59888 17.4738 6.97519 17.85C7.35158 18.227 7.35158 18.8373 6.97519 19.2142Z" 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-maint-100 border-maint-200 text-maint-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="aec5koxyc0e5m3xm11gej7x0w892juth"><desc id="aec5koxyc0e5m3xm11gej7x0w892juth">maint icon</desc>
<g clip-path="url(#clip0_70_938)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2687 4.50003C15.2688 4.96518 15.1761 5.42567 14.9962 5.85461C14.8162 6.28354 14.5526 6.6723 14.2207 6.99817C13.8888 7.32404 13.4952 7.58048 13.063 7.7525C12.6309 7.92452 12.1687 8.00867 11.7037 8.00003C10.7137 7.98103 9.61068 8.13203 9.00368 8.91303L4.87368 14.223C4.69828 14.4486 4.47689 14.6344 4.22421 14.7679C3.97153 14.9014 3.69334 14.9796 3.40812 14.9974C3.12289 15.0151 2.83715 14.972 2.56986 14.8709C2.30257 14.7698 2.05985 14.6129 1.85781 14.4108C1.65577 14.2087 1.49903 13.9659 1.398 13.6986C1.29697 13.4313 1.25396 13.1455 1.27182 12.8603C1.28969 12.5751 1.36801 12.2969 1.50161 12.0443C1.6352 11.7917 1.821 11.5704 2.04668 11.395L7.35568 7.26503C8.13568 6.65803 8.28768 5.55503 8.26968 4.56503L8.26868 4.50003C8.26851 3.95684 8.39476 3.42106 8.63746 2.93511C8.88016 2.44915 9.23263 2.02635 9.66698 1.70018C10.1013 1.374 10.6056 1.1534 11.14 1.05583C11.6744 0.958258 12.2241 0.986401 12.7457 1.13803C13.0707 1.23203 13.1357 1.63503 12.8957 1.87403L10.8687 3.90203C10.7817 3.98656 10.7299 4.1009 10.7238 4.22204C10.7177 4.34318 10.7577 4.46215 10.8357 4.55503C11.1067 4.86903 11.4007 5.16303 11.7147 5.43403C11.8076 5.51205 11.9265 5.55202 12.0477 5.5459C12.1688 5.53978 12.2831 5.48802 12.3677 5.40103L14.3947 3.37403C14.6337 3.13403 15.0367 3.19903 15.1307 3.52403C15.2207 3.83403 15.2687 4.16103 15.2687 4.50003ZM4.01868 13C4.01868 13.1989 3.93966 13.3897 3.79901 13.5304C3.65836 13.671 3.46759 13.75 3.26868 13.75C3.06977 13.75 2.879 13.671 2.73835 13.5304C2.5977 13.3897 2.51868 13.1989 2.51868 13C2.51868 12.8011 2.5977 12.6104 2.73835 12.4697C2.879 12.329 3.06977 12.25 3.26868 12.25C3.46759 12.25 3.65836 12.329 3.79901 12.4697C3.93966 12.6104 4.01868 12.8011 4.01868 13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 8C12.0431 8.00013 12.5787 7.87388 13.0646 7.63124C13.5504 7.3886 13.9732 7.03623 14.2993 6.602C14.6255 6.16777 14.8461 5.6636 14.9438 5.12938C15.0414 4.59515 15.0134 4.04553 14.862 3.524C14.768 3.199 14.365 3.134 14.126 3.374L12.099 5.4C12.0145 5.48699 11.9001 5.53875 11.779 5.54487C11.6578 5.55099 11.5389 5.51102 11.446 5.433C11.1321 5.1617 10.8383 4.86793 10.567 4.554C10.489 4.46112 10.449 4.34215 10.4551 4.22101C10.4612 4.09987 10.513 3.98553 10.6 3.901L12.627 1.873C12.867 1.634 12.802 1.231 12.477 1.137C11.9502 0.984357 11.3949 0.957597 10.8558 1.05887C10.3167 1.16015 9.809 1.38663 9.3735 1.72007C8.938 2.05351 8.5869 2.48458 8.34851 2.97855C8.11011 3.47253 7.99108 4.01559 8.001 4.564C8.019 5.554 7.868 6.657 7.087 7.264L1.777 11.394C1.55138 11.5694 1.36566 11.7908 1.23215 12.0435C1.09865 12.2961 1.02042 12.5743 1.00266 12.8596C0.984898 13.1448 1.02801 13.4305 1.12914 13.6978C1.23026 13.9651 1.38708 14.2078 1.5892 14.4099C1.79131 14.6119 2.03408 14.7686 2.30141 14.8697C2.56873 14.9707 2.85449 15.0137 3.13971 14.9959C3.42493 14.978 3.70309 14.8997 3.95572 14.7661C4.20835 14.6325 4.42967 14.4467 4.605 14.221L8.735 8.912C9.342 8.132 10.445 7.98 11.435 7.998L11.5 8ZM3 13.75C3.19891 13.75 3.38968 13.671 3.53033 13.5303C3.67098 13.3897 3.75 13.1989 3.75 13C3.75 12.8011 3.67098 12.6103 3.53033 12.4697C3.38968 12.329 3.19891 12.25 3 12.25C2.80109 12.25 2.61032 12.329 2.46967 12.4697C2.32902 12.6103 2.25 12.8011 2.25 13C2.25 13.1989 2.32902 13.3897 2.46967 13.5303C2.61032 13.671 2.80109 13.75 3 13.75Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_70_938">
<rect width="16" height="16" fill="white" transform="translate(0 0.333374)"></rect>
</clipPath>
</defs>
</svg>
Maint
</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 15, 2026: Maintenance for 23 Hours and 59 Minutes" class="
w-1 h-16 bg-maint-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>
Maintenance 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 16, 2026: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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>
Maintenance 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 11, 2026: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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 11, 2026
<br>
Maintenance 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 12, 2026: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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 12, 2026
<br>
Maintenance 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 13, 2026: Maintenance for 1 Day" class="
w-1 h-16 bg-maint-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 13, 2026
<br>
Maintenance 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 14, 2026: Maintenance for 23 Hours and 59 Minutes" class="
w-1 h-16 bg-maint-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 14, 2026
<br>
Maintenance 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>