.map-canvas{height:520px;position:relative;z-index:0}.map-canvas--compact{height:320px}.map-canvas--column{height:340px}@media(min-width:64rem){.map-canvas--column{height:calc(100dvh - 12rem);min-height:20rem;max-height:32rem}}:root{--peta-rail: 24rem}body:has(#peta-panel) header nav{transition:margin-right .13s ease}@media(min-width:40rem){body:has(#peta-panel:not([hidden])) header nav{margin-right:var(--peta-rail)}}@media(prefers-reduced-motion:reduce){body:has(#peta-panel) header nav{transition:none}}.map-canvas--full.map-canvas--full{position:absolute;inset:0;height:auto;z-index:0}.peta-marker{--peta-size: 30px;--peta-halo: 2px;--peta-z: 500;position:relative;z-index:var(--peta-z);box-sizing:border-box;min-width:var(--peta-size);height:var(--peta-size);padding-inline:calc(var(--peta-size) * .16);display:flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--chart-1) 92%,transparent);color:var(--primary-foreground);font-size:clamp(10px,calc(var(--peta-size) * .33),15px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1;text-decoration:none;border:1.5px solid color-mix(in srgb,var(--background) 85%,transparent);box-shadow:0 0 0 var(--peta-halo) color-mix(in srgb,var(--chart-1) 15%,transparent),0 1px 3px #00000040;transition:transform .13s ease,background-color .13s ease,box-shadow .13s ease}.peta-marker--dot{font-weight:650}.peta-marker--glyph{padding-inline:0}.peta-marker__glyph{width:calc(var(--peta-size) * .58);height:calc(var(--peta-size) * .58);display:block}.peta-marker--static{cursor:default}.peta-marker--static:hover{z-index:var(--peta-z);background:color-mix(in srgb,var(--chart-1) 92%,transparent);transform:none;box-shadow:0 0 0 var(--peta-halo) color-mix(in srgb,var(--chart-1) 15%,transparent),0 1px 3px #00000040}.peta-marker:hover,.peta-marker:focus-visible{z-index:1000;background:var(--primary);transform:scale(1.12);outline:none;box-shadow:0 0 0 var(--peta-halo) color-mix(in srgb,var(--chart-1) 30%,transparent),0 0 0 calc(var(--peta-halo) + 3px) color-mix(in srgb,var(--ring) 35%,transparent),0 4px 10px #00000047}.peta-marker--selected{z-index:1001;background:var(--primary);box-shadow:0 0 0 var(--peta-halo) color-mix(in srgb,var(--chart-1) 30%,transparent),0 0 0 calc(var(--peta-halo) + 3px) var(--ring),0 4px 10px #0000004d}@media(max-width:39.9375rem){#peta-panel{transform:translateY(0);opacity:1;transition:transform .22s ease,opacity .16s ease,display .22s allow-discrete}#peta-panel[hidden]{display:none;transform:translateY(100%);opacity:0}@starting-style{#peta-panel:not([hidden]){transform:translateY(100%);opacity:0}}.map-places,.map-layers{transform:translateY(calc(-1 * var(--peta-sheet, 0px)));transition:transform .22s ease}}@media(prefers-reduced-motion:reduce){#peta-panel,.map-places,.map-layers{transition:none}}.map-places__button{display:inline-flex;align-items:center;gap:.4rem}.map-places__dot{width:9px;height:9px;border-radius:999px;border:2px solid color-mix(in srgb,var(--chart-1) 90%,transparent);background:var(--background)}.map-places__button[aria-pressed=true]{border-color:color-mix(in srgb,var(--chart-1) 55%,transparent);background:var(--accent)}.map-places__button[aria-pressed=true] .map-places__dot{background:var(--chart-1)}.peta-place{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.peta-place__dot{width:12px;height:12px;border-radius:4px;background:color-mix(in srgb,var(--background) 88%,transparent);border:1.5px solid color-mix(in srgb,var(--chart-1) 70%,transparent);box-shadow:0 1px 2px #00000040;transition:transform .13s ease,background-color .13s ease,box-shadow .13s ease}.peta-place:hover,.peta-place:focus-visible{z-index:30;outline:none}.peta-place:hover .peta-place__dot,.peta-place:focus-visible .peta-place__dot{background:var(--chart-1);transform:scale(1.35);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 35%,transparent),0 2px 6px #0000004d}.peta-pin{--peta-pin: 26px;width:var(--peta-pin);height:calc(var(--peta-pin) * 1.21);position:relative;pointer-events:none}.peta-pin__head{position:absolute;top:0;left:0;width:var(--peta-pin);height:var(--peta-pin);box-sizing:border-box;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--primary);border:1.5px solid color-mix(in srgb,var(--background) 85%,transparent);box-shadow:0 3px 8px #00000059;animation:peta-pin-drop .22s cubic-bezier(.2,.9,.3,1.2)}.peta-pin__head:after{content:"";position:absolute;inset:28%;border-radius:50%;background:var(--primary-foreground)}@keyframes peta-pin-drop{0%{transform:translateY(-10px) rotate(-45deg);opacity:0}to{transform:translateY(0) rotate(-45deg);opacity:1}}@media(prefers-reduced-motion:reduce){.peta-marker{transition:none}.peta-marker:hover,.peta-marker:focus-visible{transform:none}.peta-pin__head{animation:none}}.maplibregl-ctrl.maplibregl-ctrl-scale{background:color-mix(in srgb,var(--background) 50%,transparent);border-color:color-mix(in srgb,var(--muted-foreground) 40%,transparent);border-width:0 1px 1px;color:var(--muted-foreground);font-size:10px;font-weight:500;height:11px;line-height:10px;padding:0 4px}.map-layers{--card-w: 72px;--card-h: 58px;display:flex;flex-wrap:wrap;gap:5px;min-inline-size:0;max-width:min(22rem,calc(100vw - 5rem));margin:0;padding:0;border:0}.map-layers__card{position:relative;box-sizing:border-box;width:var(--card-w);height:var(--card-h);border-radius:7px;overflow:hidden;cursor:pointer;border:2px solid var(--background);box-shadow:0 1px 4px #0000004d;transition:transform .13s ease,box-shadow .13s ease}.map-layers__thumb{position:absolute;inset:0}.map-layers__thumb svg{display:block;width:100%;height:100%}.map-layers__label{position:absolute;inset-inline:0;bottom:0;padding:1px 3px;background:color-mix(in srgb,var(--background) 82%,transparent);color:var(--foreground);font-size:9px;font-weight:600;line-height:1.55;text-align:center;backdrop-filter:blur(2px)}.map-layers__card:has(input:checked){box-shadow:0 0 0 2px var(--ring),0 2px 6px #00000059}.map-layers__card:hover{transform:translateY(-1px);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 55%,transparent),0 3px 8px #00000059}.map-layers__card:has(input:checked):hover{box-shadow:0 0 0 2px var(--ring),0 3px 8px #00000059}.map-layers__card:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}@media(max-width:1023px){.map-layers{display:grid}.map-layers__card{grid-area:1 / 1;transform:translateY(calc(-4px * (var(--i) + 1))) scaleX(calc(1 - .07 * (var(--i) + 1)));z-index:1}.map-layers__card:has(input:checked){transform:none;z-index:2}.map-layers[data-open=true]{display:flex}.map-layers[data-open=true] .map-layers__card{transform:none;z-index:auto}.map-layers[data-open=true] .map-layers__card:hover{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.map-layers__card{transition:none}.map-layers__card:hover{transform:none}}body:has(.maplibregl-ctrl-attrib.maplibregl-compact-show) .peta-regions{visibility:hidden;pointer-events:none}@media(min-width:64rem){body:has(.maplibregl-ctrl-attrib.maplibregl-compact-show) .peta-regions{visibility:visible;pointer-events:auto;right:calc(var(--map-credits-width, 0px) + 1.125rem)}}
