.leaflet-popup-content {width: 500px;}
.leaflet-popup img {max-width: 80%; max-height: 80%;}

div.Drop div.icon, div.Drop .icon_arrow,
div.Ball div, div.Ball div, div.Default div, div.Default {opacity: 0.9;}
div.Default div.icon_arrow {opacity: 0.5;}

div.leaflet-marker-icon {min-width: 32px; min-height: 32px;}
div.Ball, div.Drop {
    margin: 0; padding: 0;
    width: 32px; height: 32px;
}
div.Ball div.icon {
    /* box-shadow: 1px 21px 6px -3px black; */
    box-shadow: 0px 24px 6px -3px #000020;
    width: 16px; height: 16px; border-radius: 50%;
    position: relative; left: 8px;
    background: transparent radial-gradient(circle at 40% 40%, white 20%, yellow 40%);
}
.Ball .icon_arrow {
  background-color: red;
  height: 16px;
  left: 15px;
  position: relative;
  top: -0px;
  width: 2px;
}
div.Drop div.icon, div.Default div.icon {
  margin: 0; padding: 0; width: 32px;  height: 32px;
  text-align: center;
  color: white;
  padding: 4px 0 0 0;
  border: 0px solid; /* border-radius: 4ex; */
  box-shadow: 5px 10px 6px -3px #000020;
  font-size: 16px;
}
div.Drop div.icon {border-radius: 4ex;}
div.Default div.icon {border-radius: 20%;}
div.Drop .icon_arrow, div.Default .icon_arrow {
    margin: 0;
    position: relative;
    width: 2px; height: 0px;
    left: 4px; top: -8px;
    border-top: solid 24px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}