/* Lives in the always-dark header, so the colors are fixed instead of following the theme tokens. */
.server-load {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--header-muted);
    font-size: 0.8125rem;
    white-space: nowrap;
}

.server-load-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #4cb167;
}

.is-high .server-load-dot {
    background-color: #e0a63c;
}

.is-full .server-load-dot {
    background-color: #ef6b65;
}

.server-load-count {
    color: var(--header-text);
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 560px) {
    .server-load-label {
        display: none;
    }
}