:root{--hero-height: 464px;--tab-top-space: 1rem;--news-height: 6rem;--tabs-width: 200px;--hero-width: 700px}@media (max-width: 934px){:root{--hero-width: 100%}}.hero{width:var(--hero-width);height:var(--hero-height);background:linear-gradient(to bottom, rgba(0,0,0,0) 25%, var(--gray-900)),url("/images/building.jpg.jpeg");background-size:cover;display:flex;flex-direction:column;justify-content:end;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:1.5em;color:var(--on-gray);font-family:"Avenir",sans-serif;box-shadow:2px 2px 5px 0px rgba(0,0,0,.75);z-index:5}.hero h2{font-weight:400}.hero *{padding:.25rem 1rem}@media (max-width: 934px){.hero{width:calc(100vw - 2rem);margin:0 auto;border-radius:10px}}.page{--hero-end: calc(54px + var(--hero-height));background:linear-gradient(to bottom, var(--gray-200) calc(var(--hero-end) + var(--news-height)/2), rgba(0,0,0,0) calc(var(--hero-end) + var(--news-height))),linear-gradient(to right, var(--gray-200) var(--tabs-width), var(--kmwc), rgba(0,0,0,0) calc(var(--tabs-width) + 1px)),linear-gradient(to bottom, var(--gray-200) calc(var(--hero-end) + var(--news-height)/2), #fff calc(var(--hero-end) + var(--news-height))),#fff}.news{margin:1rem;margin-right:0px;color:#fff;background-color:var(--gray-900);padding:.5rem 1rem;border-radius:.25rem;border:1px solid #fff;box-shadow:0px 2.5px 5px 0px rgba(0,0,0,.5)}.news h3{font-size:inherit;display:inline;margin:0}.news a{text-decoration:none;color:var(--gray-300);margin-left:1rem}.news a:hover{text-decoration:underline;color:#fff}@media (max-width: 934px){.news{margin-right:1rem}}.tabs-container{display:flex;flex-direction:row}.tabs-container .tabs{display:flex;flex-direction:column;width:calc(var(--tabs-width) + 1px);margin-top:var(--tab-top-space)}.tabs-container .tabs input[type=radio]{margin:0;appearance:none}.tabs-container .tabs label{padding:.75rem;text-align:right}.tabs-container .tabs input:checked+label{background:linear-gradient(to right, var(--gray-200), rgba(0,0,0,0) 95%),linear-gradient(to bottom, var(--kmwc), rgba(0,0,0,0) 1px),linear-gradient(to right, rgba(0,0,0,0), #fff 95%);font-weight:bold}.tabs-container .tabpanel{background-size:1px 100%;background-repeat:no-repeat;margin-top:var(--tab-top-space);width:calc(var(--hero-width) - var(--tabs-width))}#panel1,#panel2,#panel3{display:none}.tabs:has(>#tab1:checked)~#panel1,.tabs:has(>#tab2:checked)~#panel2,.tabs:has(>#tab3:checked)~#panel3{display:block;width:calc(var(--hero-width) - 20px - var(--tabs-width))}.tabs:has(>#tab1:checked)~#panel1 ul,.tabs:has(>#tab2:checked)~#panel2 ul,.tabs:has(>#tab3:checked)~#panel3 ul{margin:0;padding-right:1rem}.tabs:has(>#tab1:checked)~#panel1 ul a,.tabs:has(>#tab2:checked)~#panel2 ul a,.tabs:has(>#tab3:checked)~#panel3 ul a{text-decoration:none;color:var(--kmwc)}.tabs:has(>#tab1:checked)~#panel1 ul a:hover,.tabs:has(>#tab2:checked)~#panel2 ul a:hover,.tabs:has(>#tab3:checked)~#panel3 ul a:hover{text-decoration:underline}.left{width:var(--hero-width)}.right{display:flex;flex-direction:column;align-items:center;flex-grow:1;gap:1.5rem}.right>*{min-width:180px}main{display:flex;flex-direction:row}@media (max-width: 934px){main{flex-direction:column}.right{align-items:center;margin:1rem 0 1rem calc(var(--tabs-width) + 1rem)}.right>*{min-width:80%}}.service-status,.side-nav{background-color:#fff;box-shadow:2px 2px 5px 0px rgba(0,0,0,.25);--cell-padding: .5rem;--margin: calc(var(--cell-padding) + .25rem);--border-radius: .25rem;border-radius:var(--border-radius);border:1px solid var(--gray-400)}.service-status::after,.side-nav::after{display:block;content:"";height:1rem;width:100%;outline:1px solid var(--gray-400);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.service-status th,.side-nav h3{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom:1px solid var(--gray-400)}.service-status th,.service-status::after,.side-nav h3,.side-nav::after{background:linear-gradient(to bottom, var(--blue-50), var(--kmwc-gray))}.service-status tr:first-child,.side-nav li:first-child{--fake-shadow-height: 5px;background:linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0) var(--fake-shadow-height))}.service-status th,.service-status td:not(.status),.side-nav a,.side-nav h3{padding:var(--cell-padding)}.service-status .status{display:inline-block;margin:var(--margin);margin-right:0rem;width:.25rem;height:.25rem;border-radius:3px;background:linear-gradient(to bottom right, var(--mid), var(--dark));border:1px solid var(--light);outline:1px solid var(--dark)}.service-status .status.operational{--light: var(--lime-100);--mid: var(--lime-300);--dark: var(--lime-600)}.service-status .status.degraded{--light: var(--amber-100);--mid: var(--amber-300);--dark: var(--amber-600)}.service-status .status.offline{--light: var(--red-100);--mid: var(--red-300);--dark: var(--red-600)}.service-status table{border-spacing:0px;width:100%}.service-status tr:first-child td.status{margin-top:calc(var(--margin) + var(--fake-shadow-height))}.service-status tr:first-child td:not(.status){padding-top:calc(var(--cell-padding) + var(--fake-shadow-height))}.service-status th{text-align:left}.side-nav{background:#fff}.side-nav h3{margin:0;font-size:inherit}.side-nav ul{list-style:none;margin:0;padding:0}.side-nav li:first-child a{margin-top:var(--fake-shadow-height)}.side-nav a{display:inline-block;color:#000;text-decoration:none;width:calc(180px - 2*var(--cell-padding))}.side-nav a:hover{background:var(--gray-100);text-decoration:underline}.fake-ad img{border:1px solid var(--gray-900)}