@layer theme,base;@layer components{.ds-map{width:100%;position:relative;container-type:inline-size}.ds-map[data-ratio=fill]{height:100%}.ds-map-skip{z-index:6;border-radius:var(--radius-control,.75rem);background:var(--overlay);color:var(--ink);font-size:var(--text-ui,.9375rem);line-height:var(--text-ui--line-height,1.45);box-shadow:var(--shadow-2);text-underline-offset:3px;padding:.5rem .875rem;font-weight:600;text-decoration:underline;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem}.ds-map-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}.ds-map-box{aspect-ratio:4/3;border-radius:var(--radius-media,1rem);background:var(--surface-2);isolation:isolate;width:100%;position:relative;overflow:clip}.ds-map[data-ratio="2x1"] .ds-map-box{aspect-ratio:2}.ds-map[data-ratio="16x9"] .ds-map-box{aspect-ratio:16/9}.ds-map[data-ratio="1x1"] .ds-map-box{aspect-ratio:1}.ds-map[data-ratio=fill] .ds-map-box{aspect-ratio:auto;border-radius:0;height:100%;min-height:18rem}@container (max-width:39.99rem){.ds-map[data-ratio="2x1"] .ds-map-box,.ds-map[data-ratio="16x9"] .ds-map-box{aspect-ratio:4/3}}.ds-map-canvas{position:absolute;inset:0}.ds-map-gl{width:100%;height:100%}.ds-map-facade{z-index:4;background-color:var(--surface-2);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);text-align:center;background-position:50%;background-size:2rem 2rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.ds-map-note{border-radius:var(--radius-control,.75rem);background:var(--overlay);max-width:22rem;color:var(--ink-2);font-size:var(--text-caption,.8125rem);line-height:var(--text-caption--line-height,1.38);padding:.25rem .625rem}.ds-map-controls{z-index:2;flex-direction:column;gap:.5rem;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.ds-map-credits{z-index:2;pointer-events:none;position:absolute;inset:0}.ds-map-credits>*{position:absolute;inset:0}.ds-map-actions{z-index:2;pointer-events:none;justify-content:center;gap:.5rem;display:flex;position:absolute;inset-block-start:.75rem;inset-inline:4rem}.ds-map-actions>*{pointer-events:auto}.ds-map-pins{z-index:1;pointer-events:none;position:absolute;inset:0}.ds-map-pin{opacity:0;pointer-events:none;background:0 0;border:0;border-radius:9999px;min-width:1.5rem;min-height:1.5rem;padding:0;position:absolute;translate:-50% -50%}.ds-map-pin:focus-visible{opacity:1}.ds-map-pins:focus-within{z-index:4}.ds-map-focus-name{z-index:4;background:var(--overlay);max-width:calc(100% - 1rem);color:var(--ink);font-size:var(--text-caption,.8125rem);line-height:var(--text-caption--line-height,1.38);white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--shadow-2);pointer-events:none;border-radius:.5rem;padding:.25rem .5rem;font-weight:600;position:absolute;overflow:hidden}.ds-map-popup{--popup-w:min(18.5rem, 100% - 1rem);z-index:3;width:var(--popup-w);left:clamp(calc(var(--popup-w) / 2 + .5rem), var(--map-popup-x,50%), calc(100% - var(--popup-w) / 2 - .5rem));top:var(--map-popup-y,50%);border-radius:var(--radius-card,1.5rem);background:var(--overlay);color:var(--ink);box-shadow:var(--shadow-3);outline:none;position:absolute;translate:-50% calc(-100% - 1.5rem)}.ds-map-popup[data-place=below]{translate:-50% 1.5rem}.ds-map-popup[data-docked=true]{width:auto;inset:auto .5rem .5rem;translate:none}.ds-map-popup-body{padding:.5rem}.ds-map-popup-close{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.ds-map-keys[hidden]{display:none}}@layer utilities;.ds-map-pin:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--overlay)}.ds-map-popup:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (forced-colors:active){.ds-map-pin:focus-visible{outline-color:highlight}}