:root {
  --box-shadow: 0px 8px 40px rgba(155, 155, 155, 0.25);
  --gradient-purple-pink: linear-gradient(90deg, #380594 0%, #eb5af6 100%);
  --gradient-grape-aqua: linear-gradient(90deg, #6529f6 0%, #42fbfe 100%);
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
  --component-spacing: 80px;
  --navigation-height: 97px;
}
@media (min-width: 768px) {
  :root {
    --component-spacing: 95px;
  }
}
@media (min-width: 1024px) {
  :root {
    --component-spacing: 130px;
    --navigation-height: 164px;
  }
}
@media (min-width: 1280px) {
  :root {
    --navigation-height: 153px;
  }
}

.block-maps-installateurs {
  --map-height: 773px;
}
.block-maps-installateurs.bg-purple {
  background-color: #f6f3fa;
  padding-block: calc(var(--component-spacing) * 0.846);
}
.block-maps-installateurs.bg-purple:first-of-type {
  margin-top: 0;
}
.block-maps-installateurs.bg-purple:last-of-type {
  margin-bottom: 0;
}
.block-maps-installateurs p {
  max-width: 768px;
}
.block-maps-installateurs .map-with-search {
  display: flex;
  flex-direction: column;
}
.block-maps-installateurs .map-with-search .column-search-info .search-bar {
  position: relative;
  margin-bottom: 10px;
}
.block-maps-installateurs .map-with-search .column-search-info .search-bar #search-input {
  width: 100%;
  padding: 10px 60px 10px 20px !important;
  background-color: #f9f9f9;
  border-radius: 4px;
  font-size: 15px !important;
  line-height: 1.7;
}
.block-maps-installateurs .map-with-search .column-search-info .search-bar #search-input::-moz-placeholder {
  font-family: "Quicksand", sans-serif;
  font-size: 15px !important;
  font-weight: medium;
  line-height: 1.7;
  color: #333333;
  line-height: 1.7;
}
.block-maps-installateurs .map-with-search .column-search-info .search-bar #search-input::placeholder {
  font-family: "Quicksand", sans-serif;
  font-size: 15px !important;
  font-weight: medium;
  line-height: 1.7;
  color: #333333;
  line-height: 1.7;
}
.block-maps-installateurs .map-with-search .column-search-info .search-bar::after {
  content: "";
  display: inline-block;
  height: 19px;
  width: 19px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguNjg3OSAxNy42ODk1TDE1LjEwMDEgMTQuMTEyM0MxNi4yNTc3IDEyLjYzNzYgMTYuODg1OCAxMC44MTY1IDE2Ljg4MzQgOC45NDE3M0MxNi44ODM0IDcuMjcyMTEgMTYuMzg4NCA1LjYzOTk5IDE1LjQ2MDggNC4yNTE3NkMxNC41MzMyIDIuODYzNTIgMTMuMjE0OCAxLjc4MTUzIDExLjY3MjIgMS4xNDI1OUMxMC4xMjk3IDAuNTAzNjU4IDguNDMyMzYgMC4zMzY0ODMgNi43OTQ4MyAwLjY2MjIwOUM1LjE1NzI5IDAuOTg3OTM1IDMuNjUzMTIgMS43OTE5MyAyLjQ3MjUzIDIuOTcyNTNDMS4yOTE5MyA0LjE1MzEyIDAuNDg3OTM1IDUuNjU3MjkgMC4xNjIyMDkgNy4yOTQ4M0MtMC4xNjM1MTcgOC45MzIzNiAwLjAwMzY1NzY0IDEwLjYyOTcgMC42NDI1OTIgMTIuMTcyMkMxLjI4MTUzIDEzLjcxNDggMi4zNjM1MiAxNS4wMzMyIDMuNzUxNzYgMTUuOTYwOEM1LjEzOTk5IDE2Ljg4ODQgNi43NzIxMSAxNy4zODM0IDguNDQxNzMgMTcuMzgzNEMxMC4zMTY1IDE3LjM4NTggMTIuMTM3NiAxNi43NTc3IDEzLjYxMjMgMTUuNjAwMUwxNy4xODk1IDE5LjE4NzlDMTcuMjg3NiAxOS4yODY4IDE3LjQwNDMgMTkuMzY1MyAxNy41MzI5IDE5LjQxODhDMTcuNjYxNCAxOS40NzI0IDE3Ljc5OTQgMTkuNSAxNy45Mzg3IDE5LjVDMTguMDc4IDE5LjUgMTguMjE1OSAxOS40NzI0IDE4LjM0NDUgMTkuNDE4OEMxOC40NzMxIDE5LjM2NTMgMTguNTg5OCAxOS4yODY4IDE4LjY4NzkgMTkuMTg3OUMxOC43ODY4IDE5LjA4OTggMTguODY1MyAxOC45NzMxIDE4LjkxODggMTguODQ0NUMxOC45NzI0IDE4LjcxNTkgMTkgMTguNTc4IDE5IDE4LjQzODdDMTkgMTguMjk5NCAxOC45NzI0IDE4LjE2MTQgMTguOTE4OCAxOC4wMzI5QzE4Ljg2NTMgMTcuOTA0MyAxOC43ODY4IDE3Ljc4NzYgMTguNjg3OSAxNy42ODk1Wk0yLjExMDQzIDguOTQxNzNDMi4xMTA0MyA3LjY4OTUyIDIuNDgxNzYgNi40NjU0MyAzLjE3NzQ1IDUuNDI0MjVDMy44NzMxNCA0LjM4MzA3IDQuODYxOTUgMy41NzE1OCA2LjAxODg1IDMuMDkyMzhDNy4xNzU3NCAyLjYxMzE3IDguNDQ4NzUgMi40ODc3OSA5LjY3NjkgMi43MzIwOUMxMC45MDUxIDIuOTc2MzggMTIuMDMzMiAzLjU3OTM4IDEyLjkxODYgNC40NjQ4M0MxMy44MDQxIDUuMzUwMjcgMTQuNDA3MSA2LjQ3ODQgMTQuNjUxNCA3LjcwNjU1QzE0Ljg5NTcgOC45MzQ3IDE0Ljc3MDMgMTAuMjA3NyAxNC4yOTExIDExLjM2NDZDMTMuODExOSAxMi41MjE1IDEzLjAwMDQgMTMuNTEwMyAxMS45NTkyIDE0LjIwNkMxMC45MTggMTQuOTAxNyA5LjY5Mzk0IDE1LjI3MyA4LjQ0MTczIDE1LjI3M0M2Ljc2MjU2IDE1LjI3MyA1LjE1MjE3IDE0LjYwNiAzLjk2NDgzIDEzLjQxODZDMi43Nzc0OCAxMi4yMzEzIDIuMTEwNDMgMTAuNjIwOSAyLjExMDQzIDguOTQxNzNaIiBmaWxsPSIjMzMzMzMzIi8+PC9zdmc+");
  background-size: cover;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.block-maps-installateurs .map-with-search .column-search-info #list {
  overflow-y: scroll;
  padding: 10px 10px 10px 0;
  border-right: 1px solid #ccc;
  height: calc(var(--map-height) - 400px);
  margin-bottom: 32px;
}
.block-maps-installateurs .map-with-search .column-search-info #list h3 {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item {
  display: flex;
  padding: 16px 10px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .img-ctn {
  display: block;
  position: relative;
  height: 60px;
  width: 60px;
  flex-shrink: 0;
  align-self: center;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .img-ctn img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .text-ctn {
  margin-left: 20px;
  width: 100%;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .text-ctn .title-distance {
  display: flex;
  justify-content: space-between;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .text-ctn .title-distance h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .text-ctn .title-distance span {
  display: block;
  font-weight: medium;
  font-size: 12px;
  line-height: 1.7;
  font-family: "Quicksand", sans-serif;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .text-ctn p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item .text-ctn a {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  width: -moz-fit-content;
  width: fit-content;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item.list-item-selected {
  background-color: #f9f9f9;
}
.block-maps-installateurs .map-with-search .column-search-info #list .list-item:hover {
  background-color: #f9f9f9;
}
.block-maps-installateurs .map-with-search .column-search-info #list::-webkit-scrollbar {
  width: 8px;
}
.block-maps-installateurs .map-with-search .column-search-info #list::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
}
.block-maps-installateurs .map-with-search .column-search-info #list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #dddddd;
}
.block-maps-installateurs .map-with-search .column-search-info #list {
  /*        ScrollBar 3    */
}
.block-maps-installateurs .map-with-search .column-map {
  position: relative;
}
.block-maps-installateurs .map-with-search .column-map #map {
  height: var(--map-height);
}
@media (min-width: 480px) {
  .block-maps-installateurs .map-with-search .column-search-info #list .list-item .img-ctn {
    height: 100px;
    width: 100px;
  }
}
@media (min-width: 1280px) {
  .block-maps-installateurs .map-with-search {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .block-maps-installateurs .map-with-search .column-search-info {
    grid-column: 1/6;
  }
  .block-maps-installateurs .map-with-search .column-search-info .search-bar {
    margin-top: 42px;
  }
  .block-maps-installateurs .map-with-search .column-search-info #list {
    height: calc(var(--map-height) - 102px);
  }
  .block-maps-installateurs .map-with-search .column-map {
    grid-column: 6/-1;
  }
}
@media (min-width: 1400px) {
  .block-maps-installateurs .map-with-search .column-search-info {
    margin-right: 58px;
  }
}/*# sourceMappingURL=style.css.map */