/* Keep the footprint of the original SVG in every dashboard/preview card. */
.nilo-globe360{position:relative;isolation:isolate;aspect-ratio:1;user-select:none;overflow:visible}
.nilo-globe360 canvas{display:block;width:100%;height:100%;aspect-ratio:1;cursor:grab;touch-action:none;border-radius:50%;outline-offset:-20px}
.nilo-globe360 canvas:focus-visible{outline:2px solid #4d90df}
.nilo-globe360.is-dragging canvas{cursor:grabbing}
.globe360-controls{position:absolute;z-index:2;left:50%;bottom:11%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:3px 5px 3px 9px;border:1px solid #fff9;border-radius:24px;background:#f5faffd9;box-shadow:0 3px 15px #3c6a9b14;backdrop-filter:blur(8px);font-family:inherit;color:#4b6c90;opacity:.62;transition:opacity .2s;white-space:nowrap}
.globe360-controls>span{font-size:9px;font-weight:600;letter-spacing:.7px;margin-right:3px}
.globe360-controls>button{display:grid;place-items:center;width:25px;height:25px;min-width:0;padding:0;border:0;border-radius:50%;background:transparent;color:#45698e;font:600 13px/1 sans-serif;cursor:pointer}
.globe360-controls>button:hover,.globe360-controls>button:focus-visible{background:#dcecff;color:#235eaa;outline:2px solid #81aee6;outline-offset:1px}
.nilo-globe360:hover .globe360-controls,.nilo-globe360:focus-within .globe360-controls{opacity:1}
@media(prefers-reduced-motion:reduce){.globe360-controls{transition:none}}
@media(pointer:coarse){.globe360-controls{opacity:1}.globe360-controls>button{width:30px;height:30px}}