.earth{position:relative;display:inline-block;width:clamp(160px,26vw,260px);height:clamp(160px,26vw,260px);flex-shrink:0}.earth-atmosphere{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,transparent 58%,var(--earth-glow) 100%);filter:blur(4px);animation:earth-pulse 5s ease-in-out infinite}.earth-sphere{display:block;background-color:var(--earth-ocean);background-image:radial-gradient(circle at 8% 30%,var(--earth-land) 0,transparent 16%),radial-gradient(circle at 58% 30%,var(--earth-land) 0,transparent 16%),radial-gradient(circle at 20% 68%,var(--earth-land-2) 0,transparent 15%),radial-gradient(circle at 70% 68%,var(--earth-land-2) 0,transparent 15%),radial-gradient(circle at 35% 12%,var(--earth-land-2) 0,transparent 11%),radial-gradient(circle at 85% 12%,var(--earth-land-2) 0,transparent 11%),radial-gradient(circle at 46% 82%,var(--earth-land) 0,transparent 10%),radial-gradient(circle at 96% 82%,var(--earth-land) 0,transparent 10%);background-size:200% 100%;background-position:0 0;animation:earth-spin 16s linear infinite;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08)}.earth-shading,.earth-sphere{position:absolute;inset:0;border-radius:50%}.earth-shading{pointer-events:none;background:radial-gradient(circle at 30% 26%,hsla(0,0%,100%,.4),transparent 42%),radial-gradient(circle at 74% 78%,rgba(0,0,0,.5),transparent 60%)}@keyframes earth-spin{0%{background-position:0 0}to{background-position:100% 0}}@keyframes earth-pulse{0%,to{opacity:.55}50%{opacity:.85}}