/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.section-map {
  display: none;
}

#_map {
  height: 300px;
  border-radius: 15px;
}
@media (min-width: 768px) {
  #_map {
    height: 500px;
    border-radius: 25px;
  }
}
#_map .map-pin-wrapper {
  cursor: pointer;
  transform: scale(0.6);
  position: relative;
}
#_map .map-pin-wrapper:hover::before {
  background: var(--sk-color-primary);
}
#_map .map-pin-wrapper:hover::after {
  background: var(--sk-color-second);
}
#_map .map-pin-wrapper::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 100px;
  -webkit-mask: url("../../../resources/img/map-pin.svg");
          mask: url("../../../resources/img/map-pin.svg");
  background: var(--sk-color-second);
  transition: 0.3s all ease-in-out;
}
#_map .map-pin-wrapper::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 59px;
  -webkit-mask: url("../../../resources/img/map-pin-logo.svg");
          mask: url("../../../resources/img/map-pin-logo.svg");
  background: var(--sk-color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -62%);
  transition: 0.3s all ease-in-out;
}
#_map .map-pin-wrapper img {
  opacity: 0;
}
@media (min-width: 1024px) {
  #_map .map-pin-wrapper {
    transform: scale(1);
  }
}
#_map .maplibregl-ctrl {
  display: none;
}