.mapCard {
  display: grid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--Base-Surface-Primary-light-Normal);
  padding: var(--Spacing-x2);
  border-top-left-radius: var(--Corner-radius-md);
  border-top-right-radius: var(--Corner-radius-md);
}

.poiList {
  list-style: none;
  margin-top: var(--Spacing-x1);
  margin-bottom: var(--Spacing-x2);
}

.poiItem {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  gap: var(--Spacing-x-half);
  align-items: center;
  padding: var(--Spacing-x2) 0;
  border-bottom: 1px solid var(--Base-Border-Subtle);
}
