.ttp-globe{width:100%;max-width:420px;aspect-ratio:1/1;margin:0 auto;display:block}
.ttp-globe svg{width:100%;height:100%;display:block;overflow:visible}
.ttp-globe .ttp-globe-outline{fill:none;stroke:#14B8A6;stroke-width:1.5;opacity:.9}
.ttp-globe .ttp-globe-lat{fill:none;stroke:#14B8A6;stroke-width:1;opacity:.35}
.ttp-globe .ttp-globe-meridian{fill:none;stroke:#14B8A6;stroke-width:1.25;opacity:.6;transform-box:fill-box;transform-origin:center;animation:ttp-globe-spin 6s ease-in-out infinite}
.ttp-globe .ttp-globe-meridian:nth-child(2){animation-delay:-2s}
.ttp-globe .ttp-globe-meridian:nth-child(3){animation-delay:-4s}
.ttp-globe .ttp-globe-dot{fill:#5EEAD4;transform-box:fill-box;transform-origin:center;animation:ttp-globe-pulse 2.4s ease-in-out infinite}
.ttp-globe .ttp-globe-dot:nth-child(1){animation-delay:0s}
.ttp-globe .ttp-globe-dot:nth-child(2){animation-delay:.6s}
.ttp-globe .ttp-globe-dot:nth-child(3){animation-delay:1.2s}
.ttp-globe .ttp-globe-dot:nth-child(4){animation-delay:1.8s}
.ttp-globe .ttp-globe-orbit{fill:none;stroke:#14B8A6;stroke-width:1;stroke-dasharray:2 6;opacity:.3}
.ttp-globe .ttp-globe-tracer{transform-box:view-box;transform-origin:100px 100px;animation:ttp-globe-orbit 7s linear infinite}
.ttp-globe .ttp-globe-tracer circle{fill:#5EEAD4;filter:drop-shadow(0 0 4px #5EEAD4)}
@keyframes ttp-globe-spin{
  0%{transform:scaleX(1)}
  25%{transform:scaleX(.15)}
  50%{transform:scaleX(1)}
  75%{transform:scaleX(-.15)}
  100%{transform:scaleX(1)}
}
@keyframes ttp-globe-pulse{
  0%,100%{opacity:.4;transform:scale(1)}
  50%{opacity:1;transform:scale(1.6)}
}
@keyframes ttp-globe-orbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@media (prefers-reduced-motion:reduce){
  .ttp-globe .ttp-globe-meridian,.ttp-globe .ttp-globe-dot,.ttp-globe .ttp-globe-tracer{animation:none}
}