/* The static outline is visible until the optional WebGL renderer is ready. */
.globe-fallback,
.globe-render { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.globe-fallback { color: var(--brand); }
.globe-render { visibility: hidden; }
.globe[data-globe-state="ready"] .globe-render { visibility: visible; }
.globe[data-globe-state="ready"] .globe-fallback { visibility: hidden; }
.globe-render > div { width: 100%; height: 100%; }
.globe-render::after { content: ""; position: absolute; inset: 7.5%; border: .75px solid rgba(32, 61, 168, .83); border-radius: 50%; pointer-events: none; }
.globe-pause { z-index: 1; }
.globe-pause[hidden] { display: none; }