.status-probe[data-astro-cid-x5dceki2]{align-items:center;gap:var(--space-xs) var(--space-md);padding:var(--space-sm) var(--space-md);grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;grid-template-areas:"name beats state";display:grid;&+.status-probe[data-astro-cid-x5dceki2]{border-top:var(--border-width) solid color-mix(in oklab, var(--border-color) 50%, transparent)}@container (width<=34rem){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name state""beats beats"}& .status-probe__name{flex-direction:column;grid-area:name;min-width:0;display:flex;& .status-probe__target{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}& .status-probe__beats{gap:var(--beat-gap);height:var(--beat-height);grid-area:beats;display:flex;& .status-board__beat{flex:1;min-width:0}@container (width<=24rem){& .status-board__beat:nth-child(-n+10){display:none}}& .status-board__beat:last-child{animation:.3s ease-out status-probe-beat;@media (prefers-reduced-motion:reduce){animation:none}}}& .status-probe__state{justify-content:end;align-items:center;gap:var(--space-md);grid-area:state;display:flex;& .status-probe__latency{width:7ch;color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:end}& .status{width:9.5ch}}}@keyframes status-probe-beat{0%{opacity:0;scale:1 .4}}.status-board[data-astro-cid-76j4thxz]{--beat-up:color-mix(in oklab, var(--color-success-accent) 65%, transparent);--beat-down:var(--color-destructive);--beat-unknown:color-mix(in oklab, var(--color-text-muted) 25%, transparent);--beat-gap:2px;--beat-height:1.5rem;text-align:start;flex-direction:column;width:100%;margin:0;display:flex;container-type:inline-size;& .status-board__beat{background:var(--beat-unknown);border-radius:min(var(--radius), 2px);transform-origin:bottom;align-self:end;height:40%;&[data-state=up]{background:var(--beat-up);height:70%}&[data-state=down]{background:var(--beat-down);height:100%}@media (forced-colors:active){forced-color-adjust:none}}& .status-board__head{gap:var(--space-md);padding:var(--space-md);border-bottom:var(--border-width) solid var(--border-color);background-image:linear-gradient(color-mix(in oklab, var(--tone) 8%, transparent), transparent);flex-direction:column;display:flex}& .status-board__headline{font:var(--type-subheading)}& .status-board__overview{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}& .status-board__tile{gap:var(--space-xs);padding:var(--space-sm);background-image:linear-gradient(color-mix(in oklab, var(--tone) 10%, transparent), transparent);border:var(--border-width) solid var(--border-color);border-top:2px solid var(--tone-accent);flex-direction:column-reverse;display:flex;& dt{padding-top:var(--space-xs);border-top:var(--border-width) dashed var(--color-border-strong);color:var(--color-text-muted)}& dd{color:var(--tone);font-variant-numeric:tabular-nums;margin:0}}& .status-board__hosts{flex-direction:column;display:flex}& .status-board__host+.status-board__host[data-astro-cid-76j4thxz]{border-top:var(--border-width) solid var(--border-color)}& .status-board__host-name{justify-content:space-between;gap:0 var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:var(--border-width) dashed var(--color-border-strong);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;margin:0;display:flex;& .status-board__about{color:var(--color-text-muted);letter-spacing:normal;text-transform:none}}& .status-board__footer{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);min-height:2.75rem;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);border-top:var(--border-width) solid var(--border-color);color:var(--color-text-muted);flex-wrap:wrap;display:flex}& .status-board__key{gap:var(--space-xs) var(--space-md);flex-wrap:wrap;margin-inline-start:auto;display:flex;&>span[data-astro-cid-76j4thxz]{align-items:end;gap:var(--space-xs);height:.75rem;display:flex}& .status-board__beat{width:.375rem}}&.status-board--fill{--beat-height:clamp(1.5rem, 3.5vh, 3rem);& .status-board__headline{font:var(--type-title)}& .status-board__tile{padding:var(--space-md)}& .status-board__hosts{flex:1}& .status-board__host{flex:var(--probes) 0 auto;flex-direction:column;display:flex}& .status-board__probes{flex:1;grid-auto-rows:1fr;display:grid}}}