/* Globe 3D canvas */

.globe-canvas {
    flex-shrink: 0;
    width: clamp(54px, 5.6vw, 88px);
    height: clamp(54px, 5.6vw, 88px);
    display: block;
    filter:
        drop-shadow(0 0 6px rgba(35, 229, 255, 0.6))
        drop-shadow(0 0 18px rgba(35, 229, 255, 0.3));
    -webkit-filter:
        drop-shadow(0 0 6px rgba(35, 229, 255, 0.6))
        drop-shadow(0 0 18px rgba(35, 229, 255, 0.3));
    animation: globe-halo 4s ease-in-out infinite;
}

@keyframes globe-halo {
    0%, 100% {
        filter: drop-shadow(0 0 6px rgba(35,229,255,0.5)) drop-shadow(0 0 18px rgba(35,229,255,0.25));
        -webkit-filter: drop-shadow(0 0 6px rgba(35,229,255,0.5)) drop-shadow(0 0 18px rgba(35,229,255,0.25));
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(35,229,255,0.8)) drop-shadow(0 0 28px rgba(35,229,255,0.45));
        -webkit-filter: drop-shadow(0 0 10px rgba(35,229,255,0.8)) drop-shadow(0 0 28px rgba(35,229,255,0.45));
    }
}