html, body, #map { width: 100%; height: 100%; margin: 0; }
body { background: #f4f3ef; color: #252525; font: 16px/1.5 Arial, sans-serif; }
.map-marker { position: absolute; width: 56px; height: 72px; transform: translate(-50%, -100%); pointer-events: none; }
.map-status { position: absolute; inset: 0; display: grid; place-content: center; margin: 0; padding: 24px; background: #f4f3ef; text-align: center; }
.map-status[hidden] { display: none; }