.globe-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.globe-revolution{will-change:transform;animation:20s linear infinite revolve-globe}.globe-wrapper{width:clamp(280px,60vw,400px);height:clamp(280px,60vw,400px);transform-style:preserve-3d;position:relative}.globe{background-color:var(--color-primary);width:100%;height:100%;transform-style:preserve-3d;background-repeat:repeat-x;background-size:200% 100%;border-radius:50%;animation:25s linear infinite rotate-globe;position:absolute;top:0;left:0;box-shadow:inset 0 0 40px #0000004d,0 0 50px #2a2c4e66}.orbit{transform-style:preserve-3d;pointer-events:none;border-style:solid;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-1{--orbit-tilt:rotateZ(60deg) rotateX(75deg);width:120%;height:120%;transform:var(--orbit-tilt);border-width:2px;border-color:#6efafb #0000 #0000;margin-top:-60%;margin-left:-60%;animation:15s linear infinite revolve-orbit-1}.orbit-2{--orbit-tilt:rotateZ(-30deg) rotateX(80deg);width:110%;height:110%;transform:var(--orbit-tilt);border-width:2px;border-color:#a597e7 #0000 #0000;margin-top:-55%;margin-left:-55%;animation:20s linear infinite revolve-orbit-2}.orbit-3{--orbit-tilt:rotateZ(120deg) rotateX(160deg);width:115%;height:115%;transform:var(--orbit-tilt);border-width:1px;border-color:#e88aa4 #0000 #0000;margin-top:-57.5%;margin-left:-57.5%;animation:18s linear infinite revolve-orbit-3}@keyframes revolve-globe{0%{transform:rotate(0)translate(18px)rotate(0)}to{transform:rotate(360deg)translate(18px)rotate(-360deg)}}@keyframes rotate-globe{0%{background-position:0%}to{background-position:200%}}@keyframes revolve-orbit-1{0%{transform:rotate(60deg)rotateX(75deg)rotate(0)}to{transform:rotate(60deg)rotateX(75deg)rotate(360deg)}}@keyframes revolve-orbit-2{0%{transform:rotate(-30deg)rotateX(80deg)rotate(0)}to{transform:rotate(-30deg)rotateX(80deg)rotate(-360deg)}}@keyframes revolve-orbit-3{0%{transform:rotate(120deg)rotateX(160deg)rotate(0)}to{transform:rotate(120deg)rotateX(160deg)rotate(360deg)}}.marker{width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;top:50%;left:50%}.marker-dot{background-color:var(--marker-color);width:100%;height:100%;box-shadow:0 0 5px var(--marker-color), 0 0 10px var(--marker-color), 0 0 15px var(--marker-color);animation:2s ease-in-out infinite pulse-glow;animation-delay:var(--pulse-delay,0s);border-radius:50%;display:block}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@media (max-width:480px){.globe-revolution{animation-duration:28s}.orbit-1,.orbit-2{border-width:1px}@keyframes revolve-globe{0%{transform:rotate(0)translate(10px)rotate(0)}to{transform:rotate(360deg)translate(10px)rotate(-360deg)}}}