/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-241c7ccc70/0/cache/css-loader-npm-6.7.3-63aa933400-473cc32b6c.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./.yarn/__virtual__/postcss-loader-virtual-6076fefe43/0/cache/postcss-loader-npm-6.2.1-45828eb0de-e40ae79c3e.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./.yarn/__virtual__/sass-loader-virtual-ea7408234f/0/cache/sass-loader-npm-12.6.0-19096ee50d-5d73a42858.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/AdvancedMap/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.lg-map-marker, .lg-cluster-marker {
  width: auto;
  min-width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translate(-50%, -50%);
  transition: min-width 0.2s ease-in;
}
.lg-map-marker:hover, .lg-cluster-marker:hover {
  z-index: 1;
  min-width: 65px;
}
.lg-map-marker__icon img {
  height: auto;
  width: auto;
  max-width: 100%;
}
.lg-map-marker__content {
  border: 2px solid #006480;
  position: relative;
  flex-direction: column;
  padding: 7px;
  background-color: #fff;
}
.lg-map-marker__name {
  color: #006480;
  font-size: 14px;
  font-weight: bold;
}
.lg-map-marker__address {
  font-weight: bold;
  color: #000000;
  font-size: 12px;
  white-space: pre;
}
.lg-map-marker__tel {
  color: #d89b2b;
}
.lg-map-marker__tel:hover {
  font-weight: bold;
}
.lg-map-marker__email {
  color: #000000;
}
.lg-map-marker__website {
  color: #000000;
}
.lg-map-marker__services {
  color: #000000;
  list-style-type: none;
  display: flex;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  row-gap: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 5px;
}
.lg-map-marker__service {
  color: #000000;
  flex: 0 1 calc(25% - 5px);
}
.lg-map-marker__service img {
  max-width: 40px;
  max-height: 40px;
}
.lg-map-marker__dismiss {
  position: absolute;
  right: 7px;
  font-weight: bold;
}
.lg-map-marker .inner-triangle, .lg-cluster-marker .inner-triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 10px);
  z-index: 5;
}
.lg-map-marker .outer-triangle, .lg-cluster-marker .outer-triangle {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 17px solid #006480;
  position: absolute;
  bottom: -18px;
  left: calc(50% - 12px);
  z-index: -5;
}
.lg-map-marker .show, .lg-cluster-marker .show {
  display: flex;
  width: auto;
}
.lg-map-marker .hide, .lg-cluster-marker .hide {
  display: none;
}

.lg-map-marker.adjust, .adjust.lg-cluster-marker {
  transform: translate(-50%, -115%);
  z-index: 99;
}

.lg-cluster-marker {
  color: black;
  position: relative;
}
.lg-cluster-marker .clusterpoints__text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
}
.lg-cluster-marker.three-digit {
  min-width: 75px;
}
.lg-cluster-marker.three-digit .clusterpoints__text {
  transform: translate(-14px, 4px);
}
.lg-cluster-marker.two-digit {
  min-width: 60px;
}
.lg-cluster-marker.two-digit .clusterpoints__text {
  transform: translate(-9px, 3px);
}
.lg-cluster-marker.one-digit .clusterpoints__text {
  transform: translate(-4px, -1px);
}

/*# sourceMappingURL=style-index.css.map*/