.diagram_ring_topology{--orange:#fd8144;--red:#e84855;--mint:#6ef0b8;--text:#fff;--card-border:hsla(0,0%,100%,.1);--card-bg:hsla(0,0%,100%,.04);--hover-border:rgba(253,129,68,.32);--hover-bg:rgba(253,129,68,.16);--bar-track:hsla(0,0%,100%,.1);--bar-fill:linear-gradient(90deg,var(--orange),var(--red));--font-sans:"Poppins",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;background:transparent;color:var(--text);display:flex;flex-direction:column;font-family:var(--font-sans);gap:36px;margin:0 auto;max-width:1320px}.diagram_ring_topology *,.diagram_ring_topology :after,.diagram_ring_topology :before{box-sizing:border-box}.diagram_ring_card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;transition:background-color .2s ease,border-color .2s ease}.diagram_ring_card.diagram_ring_is-hover,.diagram_ring_card:hover{background:var(--hover-bg);border-color:var(--hover-border)}.diagram_ring_bar{background:var(--bar-track);border-radius:999px;height:6px;overflow:hidden}.diagram_ring_bar_fill{background:var(--bar-fill);border-radius:inherit;height:100%;transition:width .3s ease-out;width:var(--fill,0)}.diagram_ring_tenants{display:grid;gap:12px;grid-template-columns:repeat(8,1fr)}.diagram_ring_tenant{display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px}.diagram_ring_tenant_label{color:var(--orange);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.diagram_ring_tenant_name{font-size:16px;font-weight:400;line-height:1.2;white-space:nowrap}.diagram_ring_namespace{background:linear-gradient(94deg,rgba(253,129,68,.16),rgba(232,72,85,.12));border:1px solid rgba(253,129,68,.32);border-radius:28px;padding:34px 24px;text-align:center}.diagram_ring_namespace_title{color:var(--orange);font-size:32px;font-weight:300;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.diagram_ring_namespace_sub{color:var(--text);font-size:20px;font-weight:400;margin:0}.diagram_ring_locations{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.diagram_ring_location{display:flex;flex-direction:column;gap:14px;padding:20px 20px 16px}.diagram_ring_location_head{align-items:center;display:flex;gap:8px;justify-content:space-between}.diagram_ring_location_name{font-size:16px;font-weight:400}.diagram_ring_status{align-items:center;color:var(--mint);display:inline-flex;font-family:var(--font-mono);font-size:11px;gap:6px;letter-spacing:.04em;text-transform:uppercase}.diagram_ring_status_dot{background:rgba(110,240,184,.18);border-radius:50%;display:grid;height:15px;place-items:center;width:15px}.diagram_ring_status_dot:after{background:var(--mint);border-radius:50%;box-shadow:0 0 6px rgba(110,240,184,.7);content:"";height:7px;width:7px}.diagram_ring_location_meta{justify-content:space-between}.diagram_ring_latency,.diagram_ring_location_meta{display:flex;font-family:var(--font-mono);font-size:12px}.diagram_ring_latency{align-items:center;gap:24px;letter-spacing:.02em}.diagram_ring_latency_label{text-transform:uppercase;white-space:nowrap}.diagram_ring_latency_line{background:linear-gradient(90deg,var(--mint) 0,var(--orange) 55%,var(--red) 100%);border-radius:999px;flex:1;height:4px}.diagram_ring_latency_value{text-align:right;text-transform:uppercase}.diagram_ring_latency_value strong{color:var(--mint);font-weight:400}.diagram_ring_topology.diagram_ring_is-ready .diagram_ring_bar_fill{width:0}.diagram_ring_topology.diagram_ring_is-ready .diagram_ring_bar.diagram_ring_is-on .diagram_ring_bar_fill{width:var(--fill)}.diagram_ring_topology.diagram_ring_is-ready .diagram_ring_latency_line{clip-path:inset(0 100% 0 0);transition:clip-path .3s ease-out}.diagram_ring_topology.diagram_ring_is-ready .diagram_ring_latency_line.diagram_ring_is-on{clip-path:inset(0 0 0 0)}.diagram_ring_topology.diagram_ring_is-pulsing .diagram_ring_status_dot{animation:dot-breathe var(--pulse-duration,2s) ease-in-out infinite}.diagram_ring_topology.diagram_ring_is-pulsing .diagram_ring_status_dot:after{animation:dot-glow var(--pulse-duration,2s) ease-in-out infinite}@keyframes dot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes dot-glow{0%,to{box-shadow:0 0 4px rgba(110,240,184,.5)}50%{box-shadow:0 0 10px rgba(110,240,184,.9)}}@media (max-width:767px){.diagram_ring_topology{gap:24px}.diagram_ring_tenants{gap:14px;grid-template-columns:repeat(2,1fr)}.diagram_ring_tenant{padding:14px 14px 16px}.diagram_ring_namespace{border-radius:20px;padding:22px 18px}.diagram_ring_namespace_title{font-size:12px;font-weight:400;letter-spacing:.12em;margin-bottom:12px}.diagram_ring_namespace_sub{font-size:16px}.diagram_ring_locations{gap:14px;grid-template-columns:repeat(2,1fr)}.diagram_ring_location{gap:12px;padding:14px}.diagram_ring_location_head{flex-wrap:wrap;gap:4px 8px;justify-content:flex-start}.diagram_ring_latency{font-size:11px;gap:12px}.diagram_ring_latency_value{max-width:110px;text-transform:none}}@media (prefers-reduced-motion:reduce){.diagram_ring_bar_fill,.diagram_ring_card,.diagram_ring_latency_line{transition:none}.diagram_ring_status_dot,.diagram_ring_status_dot:after{animation:none!important}}