.indicator{--red:#bc5454;--green:#5fbf5f;border-radius:5px;width:10px;height:10px;transition:background-color .5s;display:inline-block}#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{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (max-width:700px){header h1.title{font-size:1.4rem}}body{color:#242424;background-color:#e0f4f421;font-family:Inter,sans-serif}button,input,select,textarea{font-family:Inter,sans-serif}button{cursor:pointer}code,pre{background-color:#2c898921;border-radius:3px;padding:1px 3px;font-family:JetBrains Mono,monospace;line-height:1.5}a{color:#427baa}main.page{max-width:60rem;margin:0 auto}