.obsrvly-marketing .self-status{max-width:780px;padding:56px 0 var(--sec-pad);margin:0 auto}.obsrvly-marketing .ss-banner{--ss-tone:var(--up);background:var(--ss-tone);color:#fff;border-radius:var(--r-lg);margin-bottom:28px;padding:18px 22px}.obsrvly-marketing .ss-banner[data-state=degraded]{--ss-tone:var(--degraded);color:#1b1208}:root[data-theme=light] .obsrvly-marketing .ss-banner[data-state=degraded]{color:#fff}.obsrvly-marketing .ss-banner[data-state=down]{--ss-tone:var(--down)}.obsrvly-marketing .ss-banner h1{font-family:var(--font-display);color:inherit;margin:0;font-size:20px;font-weight:700;line-height:1.25}.obsrvly-marketing .ss-components{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.obsrvly-marketing .ss-component{border-bottom:1px solid var(--line);padding:18px 22px}.obsrvly-marketing .ss-component-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.obsrvly-marketing .ss-component-name{color:var(--ink);font-size:15px;font-weight:600}.obsrvly-marketing .ss-state{color:var(--up);font-size:14px;font-weight:500}.obsrvly-marketing .ss-state[data-state=degraded]{color:var(--degraded)}.obsrvly-marketing .ss-state[data-state=down]{color:var(--down)}.obsrvly-marketing .ss-unavailable,.obsrvly-marketing .ss-checked{color:var(--ink-3);margin:0;padding:14px 22px;font-size:13px}.obsrvly-marketing .ss-unavailable{border-bottom:1px solid var(--line);color:var(--ink-2)}.obsrvly-marketing .ss-history{margin-top:12px}.obsrvly-marketing .ss-bars{gap:2px;height:34px;margin:0;padding:0;list-style:none;display:flex}.obsrvly-marketing .ss-bar{background:var(--up);cursor:pointer;border-radius:2px;outline:none;flex:1 1 0;min-width:0;position:relative}.obsrvly-marketing .ss-bar[data-tone=degraded]{background:var(--degraded)}.obsrvly-marketing .ss-bar[data-tone=down]{background:var(--down)}.obsrvly-marketing .ss-bar[data-tone=none]{background:var(--line-2)}.obsrvly-marketing .ss-bar:hover,.obsrvly-marketing .ss-bar:focus-visible{opacity:.7}.obsrvly-marketing .ss-bar:focus-visible{box-shadow:0 0 0 2px var(--ink)}.obsrvly-marketing .ss-tip{z-index:5;background:var(--surface);border:1px solid var(--line-2);width:max-content;max-width:220px;box-shadow:var(--sh);color:var(--ink-2);pointer-events:none;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;line-height:1.4;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.obsrvly-marketing .ss-tip strong{color:var(--ink);font-weight:600}.obsrvly-marketing .ss-bar[data-edge=start] .ss-tip{left:0;transform:none}.obsrvly-marketing .ss-bar[data-edge=end] .ss-tip{left:auto;right:0;transform:none}.obsrvly-marketing .ss-bar:hover .ss-tip,.obsrvly-marketing .ss-bar:focus .ss-tip,.obsrvly-marketing .ss-bar:focus-visible .ss-tip{display:flex}.obsrvly-marketing .ss-bars-foot{color:var(--ink-3);white-space:nowrap;align-items:center;gap:10px;margin-top:8px;font-size:12.5px;display:flex}.obsrvly-marketing .ss-rule{background:var(--line);flex:1;height:1px}.obsrvly-marketing .ss-uptime{color:var(--ink-2)}.obsrvly-marketing .ss-short{display:none}.obsrvly-marketing .ss-incidents{margin-top:48px}.obsrvly-marketing .ss-incidents h2{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:700}.obsrvly-marketing .ss-incident-day{border-bottom:1px solid var(--line);padding:16px 0}.obsrvly-marketing .ss-incident-day h3{color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:600}.obsrvly-marketing .ss-incident-day ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.obsrvly-marketing .ss-incident-day li{color:var(--ink-2);overflow-wrap:anywhere;font-size:14.5px}.obsrvly-marketing .ss-incident-day li[data-state=ongoing]{color:var(--down)}.obsrvly-marketing .ss-none{color:var(--ink-3);margin:0;font-size:14px}@media (max-width:600px){.obsrvly-marketing .self-status{padding-top:32px}.obsrvly-marketing .ss-banner,.obsrvly-marketing .ss-component,.obsrvly-marketing .ss-unavailable,.obsrvly-marketing .ss-checked{padding-left:16px;padding-right:16px}.obsrvly-marketing .ss-banner h1{font-size:19px}.obsrvly-marketing .ss-bar:nth-last-child(n+31){display:none}.obsrvly-marketing .ss-bar:nth-last-child(-n+30):nth-last-child(n+25) .ss-tip{left:0;right:auto;transform:none}.obsrvly-marketing .ss-long{display:none}.obsrvly-marketing .ss-short{display:inline}.obsrvly-marketing .ss-bars-foot{gap:6px;font-size:12px}.obsrvly-marketing .ss-uptime{white-space:normal;text-align:center}}