world-globe{max-width:44rem;margin-inline:auto;display:block}.gl-stage{aspect-ratio:1;width:100%;min-height:0;position:relative}world-globe[data-mode=flat] .gl-stage{aspect-ratio:2}.gl-canvas{touch-action:pan-y;cursor:grab;outline-offset:3px;border-radius:.8rem;width:100%;height:100%;display:block}world-globe[data-mode=globe] .gl-canvas{touch-action:none;border-radius:50%}.gl-canvas:active{cursor:grabbing}.gl-info{font-variant-numeric:tabular-nums;min-height:4.6em;margin-block:.75rem .25rem}.gl-controls{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:6.3rem;display:flex}.gl-controls label{font-weight:600}.gl-controls input[type=range]{min-height:2.75rem;accent-color:var(--color-accent);flex:10rem}.gl-offset{font-variant-numeric:tabular-nums;min-width:4.5rem}.gl-btn{border:1px solid var(--color-line);background:var(--color-bg);min-height:2.75rem;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:.6rem;padding-inline:1rem}.gl-card{font-variant-numeric:tabular-nums;min-height:4.6em;margin-block:.75rem}.globe-cities{columns:12rem;margin-block:1rem;padding:0;list-style:none}.globe-cities li{break-inside:avoid;padding-block:.2rem}.gl-canvas[hidden]{display:none}@media (width>=641px){.gl-info,.gl-card{min-height:3em}.gl-controls{min-height:3.1rem}}
