.map-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.map-layer-toggle{position:relative;display:inline-flex;overflow:hidden;border:1px solid #c8d4e4;border-radius:8px;background:#eef2f7;box-shadow:inset 0 1px 2px #1e293b1f;perspective:240px}.map-toggle-indicator{position:absolute;z-index:0;inset:2px auto 2px 2px;width:calc(50% - 2px);border-radius:5px;background:#285a9d;box-shadow:inset 0 1px #ffffff5e,0 3px 0 #173c68,0 5px 8px #193a6542;transform:translateX(0) translateZ(0);transition:transform .48s cubic-bezier(.22,.86,.25,1.14),box-shadow .22s ease}.map-layer-toggle.aerial-active .map-toggle-indicator{transform:translateX(100%) translateZ(5px)}.map-layer-toggle.is-switching .map-toggle-indicator{animation:map-toggle-depth .52s ease-out}.map-layer-toggle button{position:relative;z-index:1;display:flex;align-items:center;gap:5px;min-width:67px;height:36px;border:0;background:transparent;color:#667488;padding:0 9px;font:800 11px inherit;cursor:pointer;transition:color .2s ease}.map-layer-toggle button:hover:not(.active){color:#285a9d}.map-layer-toggle button:hover .map-mode-illustration{animation:map-icon-bob .48s ease-in-out}.map-layer-toggle button.active{color:#fff}.map-mode-illustration{display:grid;place-items:center;width:18px;height:18px;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:16px;line-height:1;transform-origin:center}@keyframes map-toggle-depth{0%,100%{filter:brightness(1)}45%{filter:brightness(1.14);box-shadow:inset 0 1px #ffffff82,0 5px 0 #173c68,0 10px 14px #193a6550}}@keyframes map-icon-bob{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-3px) rotate(-10deg)}70%{transform:translateY(1px) rotate(7deg)}}.map-canvas{position:relative}.map-layer-transition{position:absolute;z-index:700;inset:0;pointer-events:none;background:#dceeff;animation:map-layer-switch .38s ease-out forwards}@keyframes map-layer-switch{0%{opacity:.42}55%{opacity:.16}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.map-toggle-indicator{transition:none}.map-layer-toggle.is-switching .map-toggle-indicator,.map-layer-toggle button:hover .map-mode-illustration{animation:none}}@media(max-width:760px){.map-actions{gap:6px}.map-layer-toggle button{min-width:59px;padding:0 7px}.map-heading{align-items:flex-start}.google-map-button{padding:8px}}
