.area-map{--map-land:color-mix(in srgb, var(--accent) 52%, transparent);--map-pin:#172336;--map-ring:#ffffffe6;--map-home:var(--apricot);aspect-ratio:1000/1162;width:100%;position:relative}.area-map-land{background:var(--map-land);-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:url(/images/maps/swfl-dots.svg),linear-gradient(90deg,#000 62%,#0000 98%);mask-image:url(/images/maps/swfl-dots.svg),linear-gradient(90deg,#000 62%,#0000 98%);-webkit-mask-position:50%,0 0;mask-position:50%,0 0;-webkit-mask-size:100% 100%,auto;mask-size:100% 100%,auto;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.area-map-label{font:500 9px/1 var(--font-mono), monospace;letter-spacing:.14em;color:var(--muted);position:absolute;bottom:2%;left:2%}.area-map-pin{white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;translate:-8px -50%}.area-map-pin i{background:var(--map-pin);width:16px;height:16px;box-shadow:0 0 0 4px var(--map-ring), 0 8px 16px -6px #0d13208c;border-radius:50%;flex:none}.area-map-pin[data-home] i{background:var(--map-home);box-shadow:0 0 0 4px var(--map-pin), 0 0 0 9px color-mix(in srgb, var(--map-home) 35%, transparent), 0 8px 16px -6px #0d13208c}.area-map-pin b{color:#152139;background:#fff;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;box-shadow:0 6px 16px -8px #0d132073}.area-map-pin small{background:var(--map-pin);color:#fff;font:600 9px/1 var(--font-mono), monospace;letter-spacing:.08em;border-radius:999px;padding:4px 8px}html[data-theme=dark] .area-map{--map-ring:#0d1320e6;--map-pin:#eef2fb}html[data-theme=dark] .area-map-pin small{color:#152139}.apricot-band .area-map,html[data-theme=dark] .apricot-band .area-map{--map-land:#15213957;--map-pin:#152139;--map-ring:#ffffffd9;--map-home:#1b3cc0}html[data-theme=dark] .apricot-band .area-map-pin small{color:#fff}@media (max-width:799px){.area-map-pin b{padding:4px 9px;font-size:12px}}