google-map, .google-map {
  display: block;
  aspect-ratio: 16/9;
  position: relative;
}
google-map > div, .google-map > div {
  height: 100%;
}
google-map .popup-container, .google-map .popup-container {
  position: relative;
}
google-map, .google-map {
  /* The popup bubble styling. */
}
google-map .popup-bubble, .google-map .popup-bubble {
  /* Position the bubble centred-above its parent. */
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the bubble. */
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  font-family: sans-serif;
  overflow-y: auto;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
  max-width: 300px;
}
google-map .popup-bubble img, .google-map .popup-bubble img {
  width: 100%;
  margin-bottom: 7px;
}
google-map .popup-bubble h4, .google-map .popup-bubble h4 {
  margin: 0;
  font-size: 14px;
}
google-map .popup-bubble p, .google-map .popup-bubble p {
  margin: 7px 0;
  font-size: 12px;
}
google-map .popup-bubble a.button, .google-map .popup-bubble a.button {
  margin-top: 2px;
}
google-map, .google-map {
  /* The parent of the bubble. A zero-height div at the top of the tip. */
}
google-map .popup-bubble-anchor, .google-map .popup-bubble-anchor {
  /* Position the div a fixed distance above the tip. */
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0;
}
google-map, .google-map {
  /* This element draws the tip. */
}
google-map .popup-bubble-anchor::after, .google-map .popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid white;
}
/*# sourceMappingURL=../sourcemaps/components/google-map.css.map */