@import "https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500&family=Open+Sans:wght@400;600&display=swap";:root{--color-sky-100:#effaff;--color-sky-200:#d6eef9;--color-sky-800:#28759f;--color-sky-900:#1f5375;--color-sky-1100:#1f5e7f;--color-heading:#2a3541;--color-paragraph:#556474;--color-orange-500:#f58220;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-700:#404040;--color-neutral-900:#171717;--color-red-50:#fef2f2;--color-red-200:#fecaca;--color-red-600:#dc2626;--color-green-50:#f0fdf4;--color-green-200:#bbf7d0;--color-green-600:#16a34a;--color-white:#fff;--font-sans:"Open Sans", sans-serif;--font-lexend:"Lexend Deca", sans-serif;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5}body{font-family:var(--font-sans);color:var(--color-paragraph);background-color:var(--color-sky-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;font-weight:400}img{max-width:100%;display:block}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}table{border-collapse:collapse}ul{list-style:none}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:56rem;margin-left:auto;margin-right:auto;padding:2.5rem 1.5rem}.page-header{margin-bottom:2rem}.page-header-row{flex-direction:column;display:flex}.page-header-row>*+*{margin-top:1rem}.page-title{font-family:var(--font-lexend);color:var(--color-heading);margin-bottom:1rem;font-size:2.25rem;font-weight:500;line-height:2.5rem}.page-description{max-width:42rem;color:var(--color-paragraph);font-size:1.125rem;line-height:1.75rem}.content-stack{flex-direction:column;display:flex}.content-stack>*+*{margin-top:1.5rem}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-200);z-index:50;height:5rem;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding-left:1.5rem;padding-right:1.5rem;display:flex;position:sticky;top:0}.header-logo img{height:2.5rem}.header-nav{align-items:center;display:flex}.header-nav>*+*{margin-left:.75rem}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;height:2.5rem;font-size:1rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn>svg{margin-right:.5rem}.btn-filled{background-color:var(--color-sky-800);color:var(--color-white);padding-left:1rem;padding-right:1.5rem}.btn-filled:hover{background-color:var(--color-sky-900)}.btn-outlined{background-color:var(--color-white);border:1px solid var(--color-sky-800);color:var(--color-sky-1100);padding-left:1rem;padding-right:1.5rem}.btn-outlined:hover{background-color:var(--color-sky-200)}.btn-text{color:var(--color-sky-1100);padding-left:.75rem;padding-right:1rem}.btn-text:hover{background-color:var(--color-sky-200)}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-nav{padding-left:1.25rem;padding-right:1.25rem}.btn-shrink-0{flex-shrink:0}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header-left{align-items:center;display:flex}.card-header-left>*+*{margin-left:.75rem}.card-title{font-family:var(--font-lexend);color:var(--color-heading);font-size:1.25rem;font-weight:500;line-height:1.75rem}.card-description{color:var(--color-paragraph);margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.card-description a{color:var(--color-sky-1100);text-decoration:underline}.card-description a:hover{opacity:.8}.badge{color:var(--color-neutral-500);background-color:var(--color-neutral-100);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.875rem;font-weight:500}.connectivity-grid{grid-gap:.75rem;grid-template-columns:repeat(2,1fr);display:grid}.connection-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background-color:var(--color-neutral-50);min-width:0;color:var(--color-neutral-500);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;transition:background-color .3s,border-color .3s,color .3s;display:flex}.connection-item--success{background-color:var(--color-green-50);border-color:var(--color-green-200);color:var(--color-neutral-700)}.connection-item--error{background-color:var(--color-red-50);border-color:var(--color-red-200);color:var(--color-neutral-700)}.connection-name{text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem;font-weight:500;overflow:hidden}.connection-icon{flex-shrink:0;align-items:center;display:flex}.icon-neutral{color:var(--color-neutral-400)}.icon-green{color:var(--color-green-600)}.icon-red{color:var(--color-red-600)}.icon-orange{color:var(--color-orange-500)}.info-table{width:100%}.info-table tr{border-bottom:1px solid var(--color-neutral-100)}.info-table tr:last-child{border-bottom:none}.info-table td{padding-top:.75rem;padding-bottom:.75rem}.info-table-label{vertical-align:top;width:12rem;color:var(--color-neutral-500);font-size:.875rem;font-weight:600}.info-table-value{color:var(--color-neutral-900);word-break:break-word}.info-table-value--code{font-family:monospace}.loading-text{text-align:center;color:var(--color-neutral-500);padding:1rem 0}.footer{background-color:var(--color-sky-900);color:var(--color-white);margin-top:auto;padding:2rem 3rem}.footer-grid{grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;margin:0 auto;display:grid}.footer h3{margin-bottom:1rem}.footer h4{margin-bottom:.5rem}.footer-text{opacity:.8;font-size:.9rem}.footer-list li{margin-bottom:.5rem}.footer-bottom{text-align:center;opacity:.6;border-top:1px solid #fff3;margin-top:2rem;padding-top:1rem;font-size:.8rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.animate-spin-slow{animation:2s linear infinite spin}@media (min-width:48rem){.page-header-row{flex-direction:row;justify-content:space-between;align-items:flex-start}.page-header-row>*+*{margin-top:0;margin-left:1rem}.connectivity-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:64rem){.connectivity-grid{grid-template-columns:repeat(4,1fr)}}