body,html{padding:0;margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:white}body{text-align:center;background-color:#2c2c2c}h1,h2{color:#fff}h1{text-decoration:underline;margin-top:.5em}h2{font-size:3rem}h2,h3{margin-top:.5rem}h3{font-size:1.5rem}hr{height:5px;border-width:0;color:white;width:600px;background-color:white}.container{margin-top:1rem}.cards.top{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:stretch;grid-gap:1rem;gap:1rem;padding:1rem 3rem 0}.time-box{display:flex;flex-direction:column;justify-content:center;padding-top:.25rem;padding-bottom:.25rem}.status-block{display:grid;grid-template-rows:auto auto auto auto;grid-gap:.5rem;gap:.5rem}.source-label{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.4rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.source-label:after,.source-label:before{content:"";width:10rem;height:2px;background-color:white}.status-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.card{border-radius:20px;padding:2rem;box-shadow:5px 5px 30px 7px rgba(0,0,0,.25),-5px -5px 30px 7px rgba(0,0,0,.22)}.status-row .card{padding-top:.25rem;padding-bottom:.25rem}.status-row h1{margin-top:0;margin-bottom:0;font-size:1.3rem}.status-row h2{font-size:3.15rem;margin-top:.25rem;margin-bottom:0;line-height:1}.time-box h2{font-size:3.5rem}.card-bottom{overflow-y:auto;max-height:43rem}.card-bottom h1{margin-top:0}.card-bottom-item,.status{margin-bottom:0}.status{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,2fr));grid-auto-rows:auto;grid-gap:1rem;padding:1rem 3rem 0;min-height:48rem;max-height:53rem}.gray{background-color:#494a4d}.warning{background-color:#f7b500}.critical{background-color:#e02020}.ok{background-color:#0fb611}.warning h1,.warning h2{color:black}.ack-tag{font-size:1.5rem;font-weight:700;color:#0fb611;vertical-align:middle}.dot-critical{background-color:#e02020}.dot-critical,.dot-warn{height:25px;width:25px;border-radius:50%;display:inline-block;text-align:right;vertical-align:middle}.dot-warn{background-color:#f7b500}.loader-container-top{margin:1rem auto}.loader-container-bottom{margin:5rem 0 20rem 25rem}.loader{border-radius:50%;border:6px solid white;border-top-color:black;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}