.indicator{transition:background-color .5s;display:inline-block;width:10px;height:10px;border-radius:5px;--red: #bc5454;--green: #5fbf5f}#visibility-indicator.hidden{background-color:gray}#visibility-indicator.visible{background-color:#1e90ff}#connection-indicator.disconnected{background-color:VAR(--red)}#connection-indicator.connected,.upstream-status.indicator.good{background-color:VAR(--green)}.upstream-status.indicator.bad{background-color:VAR(--red)}header h1.title{text-align:center;font-size:2rem}header .badges{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media(max-width:700px){header h1.title{font-size:1.4rem}}body{font-family:Inter,sans-serif;color:#242424;background-color:#e0f4f421}button,input,select,textarea{font-family:Inter,sans-serif}button{cursor:pointer}code,pre{font-family:JetBrains Mono,monospace;background-color:#2c898921;border-radius:3px;padding:1px 3px;line-height:1.5}a{color:#427baa}main.page{max-width:60rem;margin:0 auto}