/* Rotating Earth logo in the app-page headers (traverse, field survey, field visit, converters, workspace).
   Same look as the site navbar's .gbn .gbn-globe; drawn by /earth-globe.js. */
.app-globe{position:relative;display:block;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,#4b9be0,#13467e 48%,#04162b 78%);box-shadow:0 0 6px 1px rgba(120,200,255,.55),0 0 16px 3px rgba(24,170,255,.28)}
.app-globe canvas{display:block;width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .6s}
.app-globe.is-ready canvas{opacity:1}
.brand .app-globe{width:36px;height:36px}
@media(max-width:840px){.brand .app-globe{width:31px;height:31px}}
@media(max-width:560px){.brand .app-globe{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.app-globe canvas{transition:none}}