/* generated by tools/homepage/build.py from globe.py — do not edit */
.hp-globe{--gs:300px;position:relative;width:var(--gs);height:var(--gs);flex:none}.hp-globe::before{content:'';position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(93,176,240,.16),rgba(93,176,240,.05) 46%,rgba(4,15,32,0) 72%);box-shadow:inset 0 0 0 1px rgba(93,176,240,.32),inset 0 0 26px rgba(93,176,240,.12),0 0 46px -6px rgba(93,176,240,.28)}.hp-globe-c{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s}.hp-globe-c.is-on{opacity:1}.hp-globe-ring{position:absolute;inset:-9%;width:118%;height:118%;overflow:visible;pointer-events:none}.hp-globe-ring .gr-t{fill:none;stroke:#5db0f0;stroke-opacity:.42;stroke-width:.6}.hp-globe-ring .gr-c{fill:none;stroke:#5db0f0;stroke-opacity:.14;stroke-width:.5}.hp-globe-ring .gr-a circle{fill:none;stroke:#5db0f0;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:46 20 8 20 70 196}.hp-globe-ring .gr-a{transform-origin:100px 100px}html.hp-motion .hp-globe-ring .gr-a{animation:hp-rot 30s linear infinite}@media (max-width:900px){.hp-globe{--gs:250px}}@media (max-width:640px){.hp-globe{--gs:min(236px,64vw)}}.hp-globe{visibility:visible}