:root{
  --warn:#FF9F43;
  --danger-tint:rgba(242,109,122,.16);
}
.page-status :where(h1,h2,h3,h4,p){margin:0}

.sh{position:relative;overflow:hidden;background:var(--side);border-bottom:1px solid var(--border);padding:80px 0 64px}
.sh .wrap{position:relative}
.sh-skin{position:absolute;right:max(24px,calc((100% - var(--w)) / 2 + 40px));bottom:0;height:210px;width:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.45));pointer-events:none}
.st-overall-head{display:flex;align-items:center;gap:14px;margin-top:28px}
.st-overall-dot{width:14px;height:14px;flex:0 0 auto;background:var(--border2);border-radius:2px}
.st-dot-ok{background:var(--ok)}
.st-dot-partial{background:var(--warn)}
.st-dot-down{background:var(--danger)}
.st-overall-text{font-weight:700;font-size:20px}

.st-map-wrap{padding-top:48px}
.st-worldmap{position:relative;overflow:hidden;background:#12161C;border:1px solid var(--border);border-radius:var(--r)}
.st-worldmap svg{width:100%;aspect-ratio:5/2;display:block;touch-action:none;cursor:grab}
.st-map-land{fill:rgba(242,244,247,.09);stroke:rgba(242,244,247,.16);stroke-width:.15}
.st-map-grat{stroke:rgba(242,244,247,.05);stroke-width:.5;fill:none}
.st-map-pin{fill:var(--accent);fill-opacity:.9;stroke:#12161C}
.st-map-label{fill:#F2F4F7;font-weight:700;font-family:var(--sans);paint-order:stroke;stroke:rgba(18,22,28,.9);stroke-linejoin:round;pointer-events:none;-webkit-user-select:none;user-select:none}
.st-map-sublabel{fill:#B3BCC8;font-weight:500}

#status{padding-top:64px}
.st-list{display:flex;flex-direction:column;gap:12px}
.st-card{padding:16px 20px 18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);transition:border-color .12s}
.st-card:hover{border-color:var(--border2)}
.st-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.st-card-left{display:flex;align-items:center;gap:12px;min-width:0}
.st-card-flag{width:30px;height:22px;object-fit:cover;flex:0 0 auto;border-radius:2px;border:2px solid var(--border2)}
.st-card-name-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}
.st-card-name{font-weight:800;font-size:16px;line-height:1.1;text-transform:uppercase}
.st-card-loc{font-size:13px;color:var(--muted2);line-height:1.2}
.st-card-right{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(64px,auto);align-items:center;justify-items:end;column-gap:22px}
.st-lbl{font-size:12px;font-weight:500;color:var(--muted2)}
.st-load-wrap{display:flex;align-items:center;gap:8px}
.st-up-wrap{display:flex;align-items:baseline;gap:5px}
.st-word{font-weight:600;font-size:13.5px}
.st-word-ok{color:var(--ok)}
.st-word-down{color:var(--danger)}
.st-load{width:160px;height:6px;background:var(--border);border-radius:2px;overflow:hidden}
.st-load-none{opacity:.55}
.st-load-fill{height:100%;background:var(--accent);width:0}
.st-load-fill.warn{background:var(--warn)}
.st-load-fill.hot{background:var(--danger)}
.st-up{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.st-up-great,.st-up-good{color:var(--ok)}
.st-up-warn{color:var(--warn)}
.st-up-bad{color:var(--danger)}
.st-history{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:8px;align-items:start}
.st-history-body{grid-column:2;min-width:0}
.st-history-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel2);color:var(--muted);transition:color .12s,border-color .12s}
.st-history-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.st-history-arrow:hover{color:var(--text);border-color:var(--border2)}
.st-history-arrow[hidden]{display:none}
.st-history-newer{grid-column:3}
.st-blocks{display:grid;grid-template-columns:repeat(var(--st-cols,73),1fr);gap:2px}
.st-block{aspect-ratio:1;border-radius:2px;cursor:default;transition:opacity .12s}
.st-block:hover{opacity:.8}
.st-block-great{background:var(--ok)}
.st-block-good{background:rgba(91,208,138,.6)}
.st-block-warn{background:var(--warn)}
.st-block-bad{background:var(--danger)}
.st-block-nodata{background:#000}
.st-blocks-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;font-size:12px;color:var(--muted2)}

@media (max-width:900px){
  .sh{padding:56px 0 48px}
  .sh-skin{display:none}
}
@media (max-width:640px){
  .st-worldmap svg{aspect-ratio:2/1}
  .st-overall-text{font-size:17px}
  .st-card-top{flex-direction:column;align-items:flex-start}
  .st-card-right{width:100%;grid-template-columns:minmax(0,1fr) minmax(64px,auto);justify-items:start}
  .st-load-wrap{width:100%}
  .st-load{width:100%}
  .st-up-wrap{justify-self:end}
}