.pdbi-marker[hidden], .asset-component[hidden] { display: none; }
.pdbi-marker { pointer-events: none; z-index: 2; }
.pdbi-marker.is-selected, .pdbi-marker:focus-within { z-index: 3; }
.pdbi-card.atlas__card {
  width: max-content; max-width: 160px;
  font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
.pdbi-card .atlas__place { white-space: normal; text-wrap: balance; line-height: 16px; }
.pdbi-card .atlas__code { white-space: normal; line-height: 14px; }
.pdbi-card .atlas__code[hidden] { display: none; }
.pdbi-pin.atlas__card {
  position: relative; left: auto; top: auto; translate: none; min-height: 44px;
  border: 0; text-align: left; cursor: pointer; pointer-events: none;
  transform-origin: center;
}
.pdbi-pin[aria-pressed="true"] { box-shadow: 0 0 0 1px rgba(255,255,255,.75); }
.pdbi-pin:active { scale: .96; }
.pdbi-pin:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .pdbi-card.atlas__card { transition: none; } }

.is-pdbi .maplibregl-canvas {
  filter: blur(0);
  transition: filter 650ms cubic-bezier(.22, 1, .36, 1);
}
.is-pdbi.is-resolving-imagery .maplibregl-canvas {
  filter: blur(4px);
  transition-duration: 180ms;
}
@media (prefers-reduced-motion: reduce) {
  .is-pdbi .maplibregl-canvas { filter: none; transition: none; }
}

.pdbi-overlay { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .32s cubic-bezier(.23, 1, .32, 1); }
.pdbi-overlay.is-in { opacity: 1; }
.pdbi-overlay[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .pdbi-overlay { transition: none; } }
.pdbi-overlay svg { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }