.place-map{--map-sea:color-mix(in oklab, var(--accent) 12%, var(--base));--map-land:color-mix(in oklab, var(--ink) 9%, var(--surface));--map-edge:color-mix(in oklab, var(--muted) 55%, var(--faint));--map-neighbour:color-mix(in oklab, var(--surface) 55%, var(--base))}.place-map .map-box{background:var(--map-sea)}.place-map .map-box.is-tall{height:clamp(26rem,78vh,52rem)}.place-map .map-gl{opacity:0;transition:opacity .2s}.place-map.is-live .map-gl{opacity:1}.place-map.is-live .map-svg{visibility:hidden}.place-map .map-sea{fill:var(--map-sea)}.place-map .map-neighbours path{fill:var(--map-neighbour);stroke:var(--map-edge);stroke-width:.6px}.place-map .map-country{fill:var(--map-land);stroke:var(--map-edge);stroke-width:1.2px}.place-map .map-pin{cursor:pointer;outline:none}.place-map .map-pin-body{transition:transform .12s}.place-map .map-pin-disc{fill:#fff;stroke:var(--muted);stroke-width:1.5px}.place-map .map-pin-disc.is-approximate{stroke-dasharray:3 2}.place-map .map-pin.is-home .map-pin-disc{stroke:var(--accent);stroke-width:2.5px}.place-map .map-pin-code{font-family:var(--font-mono);fill:#333;font-size:8.5px;font-weight:700}.place-map .map-pin-badge{fill:var(--ink)}.place-map .map-pin-badge-text{fill:var(--base);font-size:9px;font-weight:700}.place-map .map-pin.is-on .map-pin-body,.place-map .map-pin:focus-visible .map-pin-body{transform:scale(1.25)}.place-map .map-pin.is-on .map-pin-disc,.place-map .map-pin:focus-visible .map-pin-disc{stroke:var(--accent);stroke-width:2.5px}.place-map,.country-map{--tier-1:#b8860b;--tier-2:#2f8a7e;--tier-3:#3a6fb0;--tier-4:#8a56b8;--tier-5:#c04f78;--tier-6:#c8692a;--tier-7:#6f8f2a;--tier-8:#7d776f}.place-map .tier-1{--tier:var(--tier-1)}.place-map .tier-2{--tier:var(--tier-2)}.place-map .tier-3{--tier:var(--tier-3)}.place-map .tier-4{--tier:var(--tier-4)}.place-map .tier-5{--tier:var(--tier-5)}.place-map .tier-6{--tier:var(--tier-6)}.place-map .tier-7{--tier:var(--tier-7)}.place-map .tier-8{--tier:var(--tier-8)}.place-map .map-pin[data-tier] .map-pin-disc{stroke:var(--tier);stroke-width:2.5px}.place-map .gl-pin[data-tier] .gl-pin-body{border:2.5px solid var(--tier)}.place-map .map-pin.is-home[data-tier] .map-pin-disc{stroke:var(--accent);stroke-width:4px}.place-map .gl-pin.is-home[data-tier] .gl-pin-body{border:4px solid var(--accent);box-shadow:0 0 0 2px var(--base), 0 1px 4px #0006}.place-map .is-filtered{display:none}.place-map .gl-cluster{border:2px solid var(--base);background:color-mix(in oklab, var(--accent) 85%, var(--ink));min-width:34px;height:34px;color:var(--base);cursor:pointer;border-radius:9999px;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:grid;box-shadow:0 1px 4px #00000059}.place-map .gl-cluster:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.place-map:not(.show-away) .is-away{display:none}.place-map .gl-pin{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;display:block}.place-map .gl-pin.is-away{width:22px;height:22px}.place-map:not(.show-away) .gl-pin.is-away{display:none}.place-map .gl-pin-body{border:1.5px solid var(--muted);background:#fff;border-radius:9999px;place-items:center;width:100%;height:100%;transition:transform .12s;display:grid;position:relative;box-shadow:0 1px 3px #0000004d}.place-map .gl-pin.is-home .gl-pin-body{border:2.5px solid var(--accent)}.place-map .gl-pin.is-approximate .gl-pin-body{border-style:dashed}.place-map .gl-pin img{object-fit:contain;width:70%;height:70%}.place-map .gl-pin-code{font-family:var(--font-mono);color:#333;font-size:8.5px;font-weight:700}.place-map .gl-pin-badge{background:var(--ink);min-width:14px;height:14px;color:var(--base);text-align:center;border-radius:9999px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;right:-5px}.place-map .gl-pin.is-on .gl-pin-body,.place-map .gl-pin:focus-visible .gl-pin-body{border-color:var(--accent);border-width:2.5px;transform:scale(1.25)}.place-map .gl-pin:focus-visible{outline:none}.place-map .mapboxgl-ctrl-group{background:var(--base)}.place-map .mapboxgl-ctrl-group button+button{border-top-color:var(--rule)}.dark .place-map .mapboxgl-ctrl-icon{filter:invert()}