*{box-sizing:border-box;outline:0}:root{--body-background-color: #F4F4F4;--body-color: #000;--status-color-up: #008800;--status-color-up-rgb: 0, 136, 0;--status-color-down: #FF8800;--status-color-maintenance: #0074b0;--status-color-pending: #808080;--status-color-unknown: #E1E1E1;--header-background-color: #FFF;--header-color: #000;--header-color-rgb: 0, 0, 0;--article-background-color: #FFF;--article-box-shadow-color-rgba: 0, 0, 0, .2;--footer-background-color: #FFF;--footer-color: #808080;--dark-color: 0, 0, 0;--logo-padding: 10px;--logo-margin: 15px;--info-ok-background-color: #d1e7dd;--info-ok-color: #008800}html.dark-mode{--body-background-color: #1e2129;--body-color: #d2d2d2;--header-background-color: #273646;--header-color: #d2d2d2;--header-color-rgb: 210, 210, 210;--footer-background-color: #273646;--footer-color: #F4F4F4;--article-background-color: #272a35;--dark-color: 255, 255, 255;--info-ok-background-color: #0a3622;--info-ok-color: #75b798}html,body{padding:0;margin:0;cursor:default;min-height:100vh}body{font-family:"Open Sans",Helvetica;font-size:11pt;padding-top:60px;background-color:var(--body-background-color);color:var(--body-color);display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden}header{height:50px;position:fixed;left:0;right:0;top:0;z-index:99;flex:0 0 auto;display:flex;align-items:stretch;user-select:none;background-color:var(--header-background-color);color:var(--header-color);box-shadow:0 0 10px rgba(0,0,0,.1)}header .container{display:flex;align-items:stretch}header .container .logo{flex:0 0 1px;display:inline-flex;align-items:center;padding:var(--logo-padding) 0}header .container .logo img{max-height:100%;object-fit:contain;margin-right:var(--logo-margin);pointer-events:none;user-select:none}header .container .title{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;overflow:hidden}header .container .title h1{font-weight:400;font-size:16pt}header .container .title small{display:block;font-size:10pt;margin-top:-3px;color:rgba(var(--header-color-rgb), 0.8)}header .container .title h1,header .container .title small{text-overflow:ellipsis;overflow:hidden}header .container nav{flex:0 0 auto;display:inline-flex}header .container nav a{padding:0 10px;color:inherit;text-decoration:none;min-width:40px;display:inline-flex;align-items:center;cursor:pointer}header .container nav a::before{font-weight:300;font-size:20px}header .container nav a:hover{background-color:rgba(0,0,0,.05)}header .container nav a:active{background-color:rgba(0,0,0,.1)}header .container nav #next-update-progress{padding:0}header .container nav #next-update-progress svg{transform:rotate(-90deg)}header .container nav #next-update-progress svg circle:nth-child(1){stroke:rgba(var(--header-color-rgb), 0.2)}header .container nav #next-update-progress svg circle:nth-child(2){stroke:var(--header-color);stroke-dashoffset:94.2px;transition:stroke-dashoffset .2s ease-in-out}main{padding-top:10px;padding-bottom:10px;flex:1 1 auto}h1,h2,h3{font-family:inherit;margin:0;padding:0}h1{font-size:18pt}h2{font-size:16pt}h3{font-size:13pt}.container{width:800px;max-width:100%;margin-left:auto;margin-right:auto}@media(max-width: 800px){.container{padding-right:8px;padding-left:8px}}section.group+section.group{margin-top:30px}section.group h2{margin-bottom:15px}section.group article{--monitor-status-icon: "";--monitor-status-color: transparent;padding:10px;background-color:var(--article-background-color);box-shadow:0 0 5px rgba(var(--article-box-shadow-color-rgba));border-radius:5px;display:flex;align-items:center;position:relative}section.group article h3{display:flex;align-items:center;overflow:hidden;flex-wrap:nowrap;white-space:nowrap}section.group article h3 span{text-overflow:ellipsis;overflow:hidden;flex:0 1 auto}section.group article h3[data-badge]::after{font-size:9pt;color:#fff;text-shadow:1px 1px 0 #000;border-radius:3px;padding:2px 4px;margin-left:12px;background-color:var(--monitor-status-color);content:attr(data-badge)}@media(max-width: 600px){section.group article h3[data-badge]::after{display:none}}@media(max-width: 600px){section.group article{flex-wrap:wrap}}section.group article+article{margin-top:15px}section.group article::before{margin-right:15px;width:30px;flex:0 0 30px;font-family:"kbo-icon";font-weight:900;font-size:20px;display:inline-flex;align-items:center;justify-content:center;transition:color .5s ease-in-out;color:var(--monitor-status-color);content:var(--monitor-status-icon)}section.group article .info{flex:1 1 1px;min-width:1px;overflow:hidden}section.group article .status{font-size:90%;font-weight:bold;color:var(--monitor-status-color);display:block}section.group article small{font-size:90%;color:gray;display:block}section.group article small a{color:inherit;text-decoration:underline;transition:text-decoration-color .2s ease-in-out}section.group article small a:hover{text-decoration-color:rgba(0,0,0,0)}section.group article.status-up{--monitor-status-color: var(--status-color-up);--monitor-status-icon: ""}section.group article.status-down{--monitor-status-color: var(--status-color-down);--monitor-status-icon: ""}section.group article.status-maintenance{--monitor-status-color: var(--status-color-maintenance);--monitor-status-icon: ""}section.group .heartbeats{display:inline-flex;align-items:center;justify-content:flex-end}section.group .heartbeats>i{display:none;align-items:center;width:4px;height:15px;border-radius:2px;cursor:default;background-color:var(--status-color-unknown);transition:background-color 1s ease-in-out,transform .1s ease-in-out}section.group .heartbeats>i:hover{transform:scale(130%, 150%)}section.group .heartbeats>i+i{margin-left:3px}section.group .heartbeats>i.status-down{background-color:var(--status-color-down)}section.group .heartbeats>i.status-up{background-color:var(--status-color-up)}section.group .heartbeats>i.status-maintenance{background-color:var(--status-color-maintenance)}section.group .heartbeats>i.status-pending{background-color:var(--status-color-pending)}@media(min-width: 801px){section.group .heartbeats>i~i{display:inline-flex}}@media(max-width: 800px){section.group .heartbeats>i:nth-child(15)~i{display:inline-flex}}@media(max-width: 600px){section.group .heartbeats{margin-top:15px;flex:0 0 100%}}footer{flex:0 0 auto;background-color:var(--footer-background-color);color:var(--footer-color);border-top:1px solid rgba(var(--dark-color), 0.1);padding:10px 0;font-size:85%;display:flex;align-items:stretch;margin-top:50px}footer .container{display:flex;align-items:center;justify-content:space-between}@media(max-width: 600px){footer .container{display:block}}footer ul{display:flex;align-items:center;list-style-type:none;margin:0;padding:0}footer ul li+li::before{margin:0 12px;border-left:1px solid rgba(var(--dark-color), 0.3);height:10px;display:inline-flex;content:""}@media(max-width: 600px){footer ul{display:grid;grid-template-columns:1fr 1fr;font-size:90%}footer ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer ul li:nth-child(2n+1)::before{content:none}footer ul+ul{margin-top:10px}}footer a{color:inherit;text-decoration:none}footer [data-last-update]::after{content:attr(data-last-update)}