.bibidir-map-host {
  width: 100%;
  height: 100%;
  min-height: 320px;
  overflow: hidden;
}

.bibidir-map-marker {
  cursor: pointer;
  overflow: visible;
  position: relative;
}

/* Selection rings mark a clicked marker; keep the focus outline for keyboard
   focus only. */
gmp-advanced-marker:focus:not(:focus-visible) {
  outline: none;
}

.bibidir-map-marker-decoration {
  overflow: visible;
  pointer-events: none;
  position: relative;
}

.bibidir-map-marker__image {
  display: block;
  position: relative;
  z-index: 1;
}

.bibidir-map-marker__ring {
  display: none;
  position: absolute;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.bibidir-map-marker--selected .bibidir-map-marker__ring {
  display: block;
}

.bibidir-map-marker__ray {
  display: none;
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  transform-origin: left center;
}

.bibidir-map-marker--selected .bibidir-map-marker__ray {
  display: block;
}

.bibidir-map-selected-card {
  position: relative;
  width: 280px;
  max-width: calc(100vw - 32px);
  cursor: pointer;
  transform: translate(-50%, -104px);
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.24));
}

.bibidir-map-selected-card__content {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  color: #1f2933;
  font-family: Roboto, Arial, sans-serif;
}

.bibidir-map-selected-card__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bibidir-map-selected-card__snippet {
  margin-top: 4px;
  color: #52606d;
  font-size: 12px;
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}