/* Map pins, popups and controls (used on the site and in the editor). */
.hsp-map { position: relative; z-index: 0; width: 100%; min-height: 260px; background: #eef1f3; border-radius: var(--hsp-radius, 6px); }
.hsp-pin { background: none; border: 0; }
.hsp-pin__dot { display: grid; place-items: center; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; background: var(--pin, #20242a); border: 2px solid #fff; box-shadow: 0 1px 3px rgb(0 0 0 / .35); color: #fff; font: 700 13px/1 system-ui, sans-serif; }
.hsp-pin--num .hsp-pin__dot { border-width: 2px; }
.leaflet-marker-icon.hsp-pin:focus-visible .hsp-pin__dot { outline: 3px solid #f2b632; outline-offset: 2px; }
.hsp-popup img { display: block; width: 100%; height: 110px; object-fit: cover; border-radius: 4px; margin-bottom: 6px; }
.hsp-popup__title { margin: 0; font-weight: 700; font-size: 14px; line-height: 1.3; }
.hsp-popup__meta { margin: 2px 0 0 !important; color: #5a6470; font-size: 12px; }
.hsp-popup__num { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #20242a; color: #fff; font-size: 11px; }
.hsp-map__locate { background: #fff; border: 2px solid rgb(0 0 0 / .2); border-radius: 4px; padding: 5px 9px; font: 600 13px/1.2 system-ui, sans-serif; cursor: pointer; }
.hsp-map__locate:hover { background: #f4f4f4; }
.leaflet-container { font: inherit; }
.leaflet-container a { color: inherit; }
.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large { background-color: rgb(32 36 42 / .2); }
.marker-cluster-small div, .marker-cluster-medium div, .marker-cluster-large div { background-color: #20242a; color: #fff; font-weight: 700; }

/* Map | Satellite switch */
.hsp-map__view { display: flex; background: #fff; border: 2px solid rgb(0 0 0 / .2); border-radius: 4px; overflow: hidden; background-clip: padding-box; }
.hsp-map__view-btn { margin: 0; padding: 5px 10px; border: 0; background: #fff; color: #20242a; font: 600 13px/1.2 system-ui, sans-serif; cursor: pointer; }
.hsp-map__view-btn + .hsp-map__view-btn { border-left: 1px solid rgb(0 0 0 / .15); }
.hsp-map__view-btn:hover { background: #f4f4f4; }
.hsp-map__view-btn[aria-pressed="true"] { background: var(--c-navy, #1b365d); color: #fff; }
.hsp-map__view-btn:focus-visible { outline: 3px solid #f2b632; outline-offset: -3px; }
.leaflet-container.is-satellite { background: #4a6b78; }
.is-satellite .hsp-tour-line { stroke: #fff; stroke-opacity: .9; }