/**
 * @file
 * webform_location_leaflet element styles.
 *
 * @see /webform/test_element_loc_geocomplete
 */

/**
 * Map styles.
 */
.webform_location_leaflet-map {
  margin-top: 5px;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 600px;
  display: block;
  position: relative;
}

.webform_location_leaflet-map:after {
  padding-top: 56.25%; /* 16:9 ratio */
  display: block;
  content: "";
}

.webform_location_leaflet-map--container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}