.map-canvas:has(.map-filter-bar){position:relative}
.map-filter-bar{position:absolute;z-index:2;top:12px;left:58px;right:12px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:3px 3px 7px;margin:0;pointer-events:none;scrollbar-width:thin}
.map-filter-bar>*{pointer-events:auto;flex:0 0 auto;box-shadow:0 3px 12px #0002}
.map-filter-bar select{width:auto;max-width:180px;min-width:108px;min-height:42px!important;font-size:14px;padding:9px 32px 9px 12px!important;border-radius:7px;background-position:right 9px center!important}
.map-filter-bar button{min-height:42px;white-space:nowrap;font-size:14px;padding:9px 13px;border-radius:7px}
.map-filter-bar button span{font-size:18px;vertical-align:-1px;margin-right:3px}
@media(max-width:600px){.map-filter-bar{left:48px;right:6px;top:8px;gap:6px}.map-filter-bar select{min-width:98px;font-size:14px!important;max-width:160px}.map-filter-bar button{padding:9px 10px}}

/* Fill the former caption and disclosure area with the map. */
.map-surface-expanded .map-canvas{height:584px;min-height:584px;flex:1}
@media(max-width:900px){.map-surface-expanded .map-canvas{height:604px;min-height:604px}}
@media(max-width:600px){.map-surface-expanded .map-canvas{height:514px;min-height:514px}}