.map-scene-controls{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:108px;right:14px}.map-scene-controls button{pointer-events:auto;color:#292733;cursor:pointer;background:#fff;border:1px solid #e6e6e6;border-radius:14px;width:42px;height:42px;font-weight:650;box-shadow:0 3px 14px #0000000d}.map-scene-controls>span{color:#6c6873;background:#fffffff0;border-radius:8px;max-width:180px;padding:5px 7px;font-size:10px}.map-scene-controls>span button{border:0;width:auto;height:auto;padding:4px}.env-display .env-3d{margin-left:auto}.env-play{color:#615080;font:inherit;cursor:pointer;background:#ede8f7;border:0;border-radius:10px;padding:7px 10px}.mapbox-explorer .map-scene-controls{z-index:7;align-items:flex-end;top:309px;left:auto;right:12px}.mapbox-explorer .map-scene-controls>button{color:#2e442c;border:0;border-radius:50%;width:46px;height:46px}.mapbox-explorer:has(.map-results-panel[data-snap="2"]):not(.routing-open) .map-scene-controls{visibility:hidden}.mapbox-explorer:not(.routing-open) .map-scene-controls>span{display:none}.route-health input[type=range]{accent-color:#81709e;width:100%}.preview-region{gap:8px;margin:12px 0;display:flex}.preview-region button{cursor:pointer;font:inherit;background:#fff;border:1px solid #ddd;border-radius:10px;padding:9px 15px}.preview-region button[aria-pressed=true]{color:#fff;background:#292731;border-color:#292731}.mapbox-explorer:not(.routing-open) .map-scene-controls>span.scene-error,.mapbox-explorer:not(.routing-open) .map-scene-controls>span.scene-loading{pointer-events:auto;display:block}.map-scene-controls>span.scene-error{color:#8a3347;background:#fff8fa;border:1px solid #ead0d8}.mapbox-explorer.routing-open .map-scene-controls{flex-direction:column;align-items:flex-end}.map-range-control{pointer-events:auto;position:relative}.mapbox-explorer .map-range-control>button{touch-action:none;-webkit-user-select:none;user-select:none;color:#2e442c;background:#fff;border:0;border-radius:50%;width:46px;height:46px;transition:transform .18s,background .18s}.map-scene-controls>button:disabled{opacity:.45;cursor:default}.map-range-control>button[aria-pressed=true]{color:#694ca0;background:#ede7fa}.map-range-control>button.range-holding{animation:.45s forwards range-hold}.map-range-picker{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 100%;background:#fffffff5;border-radius:24px;width:max-content;max-width:calc(100vw - 110px);padding:14px;animation:.2s ease-out range-reveal;position:absolute;bottom:0;right:58px;box-shadow:0 8px 32px #25213226}.map-range-picker strong{color:#777;margin-bottom:10px;font-size:12px;display:block}.map-range-picker>div{gap:5px;display:flex}.map-scene-controls .map-range-picker button{width:43px;height:50px;box-shadow:none;background:#f3f3f5;border:0;border-radius:16px;font-size:15px}.map-range-picker button[aria-pressed=true]{background:#ded2f9}.map-range-picker small{font-size:9px;font-weight:400;display:block}@keyframes range-hold{to{transform:scale(.87);box-shadow:0 0 0 6px #cbbbed66}}@keyframes range-reveal{0%{opacity:0;transform:scale(.85)translate(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.map-range-picker,.map-range-control>button.range-holding{animation:none}.map-range-control>button{transition:none}}.map-scene-controls>button.map-camera-control{place-items:center;display:grid}.map-scene-controls>button.map-camera-control[aria-pressed=true]{color:#007d86;background:#e1f2f3}.route-height-note{z-index:5;color:#506773;pointer-events:none;background:#ffffffed;border-radius:10px;width:fit-content;max-width:calc(100% - 94px);padding:5px 8px;font-size:11px;line-height:1.5;position:absolute;top:100px;left:18px;right:76px}.map-camera-tools{pointer-events:auto;color:#294437;background:#fff;border-radius:22px;width:210px;max-width:calc(100vw - 96px);padding:12px;position:absolute;top:64px;right:56px;box-shadow:0 5px 25px #20362a25}.map-camera-tools header{justify-content:space-between;align-items:center;font-size:14px;display:flex}.map-camera-tools p{margin:3px 0 8px;font-size:12px;line-height:1.5}.map-camera-tools>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.map-scene-controls .map-camera-tools button{width:100%;min-height:44px;box-shadow:none;background:#edf3e8;border-radius:999px}.map-scene-controls .map-camera-tools header button{background:0 0;width:44px;font-size:22px}.map-range-picker>div{flex-wrap:wrap;max-width:245px}