.network-summary{--quality:#667085;width:min(680px,100%);margin:.5rem auto 1.5rem;padding:1rem 1.25rem;border:1px solid color-mix(in srgb,var(--quality),transparent 55%);border-left:6px solid var(--quality);border-radius:14px;background:color-mix(in srgb,var(--quality),transparent 92%);text-align:left}.network-summary[data-level=excellent]{--quality:#079455}.network-summary[data-level=good]{--quality:#1570ef}.network-summary[data-level=fair]{--quality:#dc6803}.network-summary[data-level=poor]{--quality:#d92d20}.network-summary-heading{display:flex;align-items:center;gap:.65rem;font-size:1.2rem}.network-status-dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--quality);box-shadow:0 0 0 5px color-mix(in srgb,var(--quality),transparent 82%)}.network-summary p{margin:.35rem 0 .75rem;color:var(--muted)}.network-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.network-scale span{height:.45rem;border-radius:999px;background:var(--line)}.network-summary[data-level=poor] .network-scale [data-level=poor],.network-summary[data-level=fair] .network-scale [data-level=poor],.network-summary[data-level=fair] .network-scale [data-level=fair],.network-summary[data-level=good] .network-scale [data-level=poor],.network-summary[data-level=good] .network-scale [data-level=fair],.network-summary[data-level=good] .network-scale [data-level=good],.network-summary[data-level=excellent] .network-scale span{background:var(--quality)}