.status-page{min-width:0;flex-basis:70%;font-size:15px;color:#111}
.status-page .status-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}
.status-page h1{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0;font-weight:600}
.status-page #status-state{font-size:13px;white-space:nowrap}
.status-page #status-state::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#999;margin-right:7px;vertical-align:middle}
.status-page[data-online="true"] #status-state::before{background:#111}
.status-page .status-intro{margin:10px 0 4px}
.status-page .status-caption{color:#666;font-size:12px;line-height:1.6}
.status-page .status-measures{margin-top:27px}
.status-page dl>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:13px 0;border-bottom:1px solid #ededed}
.status-page dd{font-variant-numeric:tabular-nums;text-align:right}
.status-page dd small{font-size:12px;color:#666;margin-left:10px;display:inline-block}
.status-page h2{font-size:15px;line-height:1.4;font-weight:600;margin:0}
.status-page .status-history{margin-top:33px}
.status-page .status-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.status-page .status-period{display:flex;gap:15px}
.status-page button{background:none;border:0;color:#666;font:inherit;font-size:12px;cursor:pointer;padding:6px 0;min-height:32px}
.status-page button[aria-pressed="true"]{color:#111;text-decoration:underline;text-underline-offset:5px}
.status-page #status-chart,.status-page #status-network-chart{display:block;width:100%;height:158px;overflow:visible}
.status-page #status-chart text,.status-page #status-network-chart text{font:11px system-ui,sans-serif;fill:#666}
.status-page .status-chart-grid{stroke:#ededed;stroke-width:1}
.status-page .status-chart-area{fill:#f6f6f6}
.status-page .status-chart-line{fill:none;stroke:#222;stroke-width:1.5}
.status-page .status-chart-point{fill:#222}
.status-page .status-machine{margin-top:29px}
.status-page .status-machine dl>div{padding:8px 0;font-size:13px;border-bottom:0}
@media(max-width:45rem){.status-page{flex-basis:100%}.status-page dd small{display:block;margin:0}.status-page dl>div{gap:12px}.status-page h1{font-size:21px}.status-page button{min-height:44px;min-width:44px}}

.status-page .status-network-sent{stroke-dasharray:4 3}
.status-page .status-network-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#666;margin-top:6px}
.status-page .status-network-legend span::before{content:"";display:inline-block;width:18px;vertical-align:middle;border-top:1.5px solid #222;margin-right:7px}
.status-page .status-network-legend .status-sent::before{border-top-style:dashed}
.status-page .status-network-total>div{border-bottom:0;font-size:13px;padding-top:14px}
