:host {
  display:             inline-block;
  user-select:         none;
  -webkit-user-select: none;
  -moz-user-select:    none;
  -ms-user-select:     none;
}

.app-geo-map {
  display:     flex;
  padding:     0 6px;
  border-left: 1px solid #bdc7d8;
  white-space: nowrap;
  cursor:      pointer;
  align-items: center;
  height:      18px;
}

.app-geo-map__switcher {
  cursor: pointer;
}

.app-geo-map__title {
  display:             inline-block;
  color:               #4b4f56;
  font-weight:         bold;
  user-select:         none;
  -webkit-user-select: none;
  -moz-user-select:    none;
  -ms-user-select:     none;
}

.app-geo-map__title_inactive,
.app-geo-map__title.app-geo-map__title_active:hover:not(.app-geo-map__title_inactive) {
  color: #4b4f56;
}

.app-geo-map__title_active,
.app-geo-map__title.app-geo-map__title_inactive:hover:not(.app-geo-map__title_active) {
  color: #53aaca;
}

.app-geo-map__container {
  position:      absolute;
  bottom:        36px;
  transform:     translateY(100%);
  left:          0;
  z-index:       100;
  box-sizing:    border-box;
  width:         100%;
  border:        1px solid #d0d0d0;
  border-top:    none;
  border-radius: 0 0 3px 3px;
}

.app-geo-map__container_pin-mode .leaflet-grab,
.app-geo-map__container_pin-mode .leaflet-interactive {
  cursor: crosshair !important;
}

.app-geo-map__element {
  position: relative;
  width:    100%;
  height:   230px;
  outline:  none;
}

.app-geo-map__element .leaflet-popup-content {
  margin: 8px;
  width:  auto !important;
}

.app-geo-map__element .leaflet-bar {
  border-radius: 3px;
}

.app-geo-map__pin {
  position:         relative;
  border-radius:    6px;
  background-color: #ffffff;
  box-shadow:       0 0 5px 0 rgba(154, 168, 181, 0.39);
}

.app-geo-map__pin:before {
  position:         absolute;
  top:              2px;
  left:             2px;
  display:          block;
  width:            8px;
  height:           8px;
  border-radius:    4px;
  background-color: #4d6aa4;
  content:          '';
}

.app-geo-map__pin svg {
  width:          48px;
  height:         48px;
  transform:      translate3d(-18px, -40px, 0);
  stroke:         #4d6aa4;
  stroke-opacity: 1;
  stroke-width:   1;
}