geopf-extensions-openlayers/src/packages/CSS/Controls/SearchEngine/DSFRsearchEngineStyle.css

French Geoportal Extensions for OpenLayers libraries

.gpf-widget-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.gpf-widget-color {
  background-color: var(--background-default-grey);
}

.gpf-panel__items_searchengine,
.GPlabelTitle {
  border-bottom: 1px solid var(--grey-900-175);
  padding: 12px;
}

.gpf-panel__items_searchengine:last-child {
  border-bottom: unset;
}

.gpf-panel__items.GPautoCompleteProposal {
  height: 48px;
  box-sizing: border-box;
  margin-bottom: 0;
  line-height: unset;
}

.GPlabelTitle {
  font-size: 1.4rem;
  margin-bottom: 0;
  padding-left: 35px;
  background-size: 32px;
  background-position: center left;
  background-repeat: no-repeat;
}

.GPlabelTitle.search-results-loc {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im1hcC1waW4tMiI+CjxwYXRoIGlkPSJJYyYjMTk1OyYjMTgwO25lIiBkPSJNMTYgMzEuNjM4M0w3LjUxNDY3IDIzLjE1M0M1LjgzNjQ2IDIxLjQ3NDcgNC42OTM1OCAxOS4zMzY1IDQuMjMwNTcgMTcuMDA4OEMzLjc2NzU2IDE0LjY4MSA0LjAwNTIxIDEyLjI2ODIgNC45MTM0NiAxMC4wNzU1QzUuODIxNzIgNy44ODI3OCA3LjM1OTc5IDYuMDA4NjUgOS4zMzMxOCA0LjY5MDA4QzExLjMwNjYgMy4zNzE1MSAxMy42MjY2IDIuNjY3NzIgMTYgMi42Njc3MkMxOC4zNzM0IDIuNjY3NzIgMjAuNjkzNCAzLjM3MTUxIDIyLjY2NjggNC42OTAwOEMyNC42NDAyIDYuMDA4NjUgMjYuMTc4MyA3Ljg4Mjc4IDI3LjA4NjUgMTAuMDc1NUMyNy45OTQ4IDEyLjI2ODIgMjguMjMyNCAxNC42ODEgMjcuNzY5NCAxNy4wMDg4QzI3LjMwNjQgMTkuMzM2NSAyNi4xNjM2IDIxLjQ3NDcgMjQuNDg1MyAyMy4xNTNMMTYgMzEuNjM4M1pNMjIuNiAyMS4yNjc2QzIzLjkwNTIgMTkuOTYyMyAyNC43OTQgMTguMjk5MiAyNS4xNTQxIDE2LjQ4ODhDMjUuNTE0MSAxNC42NzgzIDI1LjMyOTIgMTIuODAxNyAyNC42MjI4IDExLjA5NjRDMjMuOTE2MyA5LjM5MDk3IDIyLjcyMDEgNy45MzMzNiAyMS4xODUyIDYuOTA3ODRDMTkuNjUwNCA1Ljg4MjMzIDE3Ljg0NTkgNS4zMzQ5NiAxNiA1LjMzNDk2QzE0LjE1NDEgNS4zMzQ5NiAxMi4zNDk2IDUuODgyMzMgMTAuODE0OCA2LjkwNzg0QzkuMjc5OTQgNy45MzMzNiA4LjA4MzY3IDkuMzkwOTcgNy4zNzcyMiAxMS4wOTY0QzYuNjcwNzcgMTIuODAxNyA2LjQ4NTg5IDE0LjY3ODMgNi44NDU5NCAxNi40ODg4QzcuMjA1OTkgMTguMjk5MiA4LjA5NDgxIDE5Ljk2MjMgOS40IDIxLjI2NzZMMTYgMjcuODY3NkwyMi42IDIxLjI2NzZaTTE2IDE3LjMzNDNDMTUuMjkyOCAxNy4zMzQzIDE0LjYxNDUgMTcuMDUzMyAxNC4xMTQ0IDE2LjU1MzJDMTMuNjE0MyAxNi4wNTMxIDEzLjMzMzMgMTUuMzc0OSAxMy4zMzMzIDE0LjY2NzZDMTMuMzMzMyAxMy45NjA0IDEzLjYxNDMgMTMuMjgyMSAxNC4xMTQ0IDEyLjc4MkMxNC42MTQ1IDEyLjI4MTkgMTUuMjkyOCAxMi4wMDEgMTYgMTIuMDAxQzE2LjcwNzIgMTIuMDAxIDE3LjM4NTUgMTIuMjgxOSAxNy44ODU2IDEyLjc4MkMxOC4zODU3IDEzLjI4MjEgMTguNjY2NyAxMy45NjA0IDE4LjY2NjcgMTQuNjY3NkMxOC42NjY3IDE1LjM3NDkgMTguMzg1NyAxNi4wNTMxIDE3Ljg4NTYgMTYuNTUzMkMxNy4zODU1IDE3LjA1MzMgMTYuNzA3MiAxNy4zMzQzIDE2IDE3LjMzNDNaIiBmaWxsPSIjMTYxNjE2Ii8+CjwvZz4KPC9zdmc+Cg==');
}

.GPlabelTitle.search-results-data {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNhdGFsb2d1ZSI+CjxwYXRoIGlkPSJJYyYjMTk1OyYjMTgwO25lIiBkPSJNMTcuMzMzMiAyOC4wMDE1VjMwLjY2ODFIMTQuNjY2NVYyOC4wMDE1SDMuOTk5ODRDMy4yNjM0NiAyOC4wMDE1IDIuNjY2NSAyNy40MDQ1IDIuNjY2NSAyNi42NjgxVjUuMzM0OEMyLjY2NjUgNC41OTg0MiAzLjI2MzQ2IDQuMDAxNDYgMy45OTk4NCA0LjAwMTQ2SDExLjk5OThDMTMuNTkyOCA0LjAwMTQ2IDE1LjAyMjYgNC42OTk4IDE1Ljk5OTggNS44MDcwNEMxNi45NzcgNC42OTk4IDE4LjQwNjkgNC4wMDE0NiAxOS45OTk4IDQuMDAxNDZIMjcuOTk5OEMyOC43MzYyIDQuMDAxNDYgMjkuMzMzMiA0LjU5ODQyIDI5LjMzMzIgNS4zMzQ4VjI2LjY2ODFDMjkuMzMzMiAyNy40MDQ1IDI4LjczNjIgMjguMDAxNSAyNy45OTk4IDI4LjAwMTVIMTcuMzMzMlpNMjYuNjY2NSAyNS4zMzQ4VjYuNjY4MTNIMTkuOTk5OEMxOC41MjcgNi42NjgxMyAxNy4zMzMyIDcuODYyMDQgMTcuMzMzMiA5LjMzNDhWMjUuMzM0OEgyNi42NjY1Wk0xNC42NjY1IDI1LjMzNDhWOS4zMzQ4QzE0LjY2NjUgNy44NjIwNCAxMy40NzI2IDYuNjY4MTMgMTEuOTk5OCA2LjY2ODEzSDUuMzMzMTdWMjUuMzM0OEgxNC42NjY1WiIgZmlsbD0iIzE2MTYxNiIvPgo8L2c+Cjwvc3ZnPgo=');
}

dialog[id^=GPcoordinateSearchPanel],
dialog[id^=GPadvancedSearchPanel] {
  max-height: unset;
}

select[name^="inputSex"].gpf-select {
  padding: unset;
}

input[name^="inputSex"].gpf-input {
  padding: unset;
}

button[id^=GPsearchInputReset] {
  width: 40px;
  height: 40px;
}

[id^="GPshowSearchDiv"] {
  flex-direction: row-reverse;
}

[id^="GPsearchEngine-"] {
  flex-direction: column;
}

[id^="GPsearchEngine-"].gpf-widget-padding {
  align-items: center;
}

div.GPbuttonsContainer > button {
  width: 40px;
}

.GPsearchFirstLineWrapper {
  height: 40px;
}

.gpf-widget-padding > .GPsearchFirstLineWrapper {
  margin: 0.5rem 0;
}

.GPbuttonsContainer {
  height: 56px;
  padding-left: 10px;
}

.GPsearchRadioContainer {
  display: flex;
  flex-direction: row;
  background-color: var(--background-default-grey);
  white-space: nowrap;
  max-height: 0;
  overflow: clip;
  transition: max-height 0.3s;
  gap: 1rem;
}

[id^="GPsearchEngine-"]:has([id^="GPshowSearchByCoordinate-"][aria-pressed="true"]) > .GPsearchRadioContainer,
[id^="GPsearchEngine-"]:focus-within > .GPsearchRadioContainer,
[id^="GPsearchEngine-"]:hover > .GPsearchRadioContainer {
  max-height: 3rem;
}

.GPsearchRadioElements {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.GPshowAdvancedSearch {
  color: var(--text-action-high-blue-france);
  text-decoration: underline;
  cursor: pointer;
  align-items: center;
}

.gpf-btn-icon-search {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KICAgIDxwYXRoIGZpbGw9IiNmNWY1ZmUiIGQ9Im0xOC4wMzEgMTYuNjE3IDQuMjgzIDQuMjgyLTEuNDE1IDEuNDE1LTQuMjgyLTQuMjgzQTguOTYgOC45NiAwIDAgMSAxMSAyMGMtNC45NjggMC05LTQuMDMyLTktOXM0LjAzMi05IDktOSA5IDQuMDMyIDkgOWE4Ljk2IDguOTYgMCAwIDEtMS45NjkgNS42MTdabS0yLjAwNi0uNzQyQTYuOTc3IDYuOTc3IDAgMCAwIDE4IDExYzAtMy44NjgtMy4xMzMtNy03LTctMy44NjggMC03IDMuMTMyLTcgNyAwIDMuODY3IDMuMTMyIDcgNyA3YTYuOTc3IDYuOTc3IDAgMCAwIDQuODc1LTEuOTc1bC4xNS0uMTVaIiAvPgo8L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  /* cas particulier ou on n'utilise pas la class gpf-icon-button pour la largeur à cause du DOM du control*/
  width: 40px;
}

form[id^=GPsearchInput-] {
  margin-left: 8px;
  width: 300px;
}

button[id^="GPshowSearchEnginePicto-"][aria-pressed="false"] + form[id^=GPsearchInput-] {
  max-width: 300px;
  border: none;
}

button[id^="GPshowSearchEnginePicto-"] {
  border-radius: 0 0.25rem 0 0;
}

.gpf-btn-icon-search-advanced::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkljJiMxOTU7JiMxODA7bmUiIGQ9Ik00LjE3IDE2QzQuMzc2NiAxNS40MTQ1IDQuNzU5NzQgMTQuOTA3NCA1LjI2NjYgMTQuNTQ4OEM1Ljc3MzQ2IDE0LjE5MDIgNi4zNzkwOSAxMy45OTc2IDcgMTMuOTk3NkM3LjYyMDkxIDEzLjk5NzYgOC4yMjY1NCAxNC4xOTAyIDguNzMzNCAxNC41NDg4QzkuMjQwMjYgMTQuOTA3NCA5LjYyMzQgMTUuNDE0NSA5LjgzIDE2SDIwVjE4SDkuODNDOS42MjM0IDE4LjU4NTUgOS4yNDAyNiAxOS4wOTI2IDguNzMzNCAxOS40NTEyQzguMjI2NTQgMTkuODA5OSA3LjYyMDkxIDIwLjAwMjUgNyAyMC4wMDI1QzYuMzc5MDkgMjAuMDAyNSA1Ljc3MzQ2IDE5LjgwOTkgNS4yNjY2IDE5LjQ1MTJDNC43NTk3NCAxOS4wOTI2IDQuMzc2NiAxOC41ODU1IDQuMTcgMThIMFYxNkg0LjE3Wk0xMC4xNyA5LjAwMDAxQzEwLjM3NjYgOC40MTQ0OCAxMC43NTk3IDcuOTA3NDQgMTEuMjY2NiA3LjU0ODhDMTEuNzczNSA3LjE5MDE1IDEyLjM3OTEgNi45OTc1NiAxMyA2Ljk5NzU2QzEzLjYyMDkgNi45OTc1NiAxNC4yMjY1IDcuMTkwMTUgMTQuNzMzNCA3LjU0ODhDMTUuMjQwMyA3LjkwNzQ0IDE1LjYyMzQgOC40MTQ0OCAxNS44MyA5LjAwMDAxSDIwVjExSDE1LjgzQzE1LjYyMzQgMTEuNTg1NSAxNS4yNDAzIDEyLjA5MjYgMTQuNzMzNCAxMi40NTEyQzE0LjIyNjUgMTIuODA5OSAxMy42MjA5IDEzLjAwMjUgMTMgMTMuMDAyNUMxMi4zNzkxIDEzLjAwMjUgMTEuNzczNSAxMi44MDk5IDExLjI2NjYgMTIuNDUxMkMxMC43NTk3IDEyLjA5MjYgMTAuMzc2NiAxMS41ODU1IDEwLjE3IDExSDBWOS4wMDAwMUgxMC4xN1pNNC4xNyAyLjAwMDAxQzQuMzc2NiAxLjQxNDQ4IDQuNzU5NzQgMC45MDc0NDMgNS4yNjY2IDAuNTQ4Nzk5QzUuNzczNDYgMC4xOTAxNTQgNi4zNzkwOSAtMC4wMDI0NDE0MSA3IC0wLjAwMjQ0MTQxQzcuNjIwOTEgLTAuMDAyNDQxNDEgOC4yMjY1NCAwLjE5MDE1NCA4LjczMzQgMC41NDg3OTlDOS4yNDAyNiAwLjkwNzQ0MyA5LjYyMzQgMS40MTQ0OCA5LjgzIDIuMDAwMDFIMjBWNC4wMDAwMUg5LjgzQzkuNjIzNCA0LjU4NTU0IDkuMjQwMjYgNS4wOTI1OCA4LjczMzQgNS40NTEyMkM4LjIyNjU0IDUuODA5ODYgNy42MjA5MSA2LjAwMjQ2IDcgNi4wMDI0NkM2LjM3OTA5IDYuMDAyNDYgNS43NzM0NiA1LjgwOTg2IDUuMjY2NiA1LjQ1MTIyQzQuNzU5NzQgNS4wOTI1OCA0LjM3NjYgNC41ODU1NCA0LjE3IDQuMDAwMDFIMFYyLjAwMDAxSDQuMTdaTTcgNC4wMDAwMUM3LjI2NTIyIDQuMDAwMDEgNy41MTk1NyAzLjg5NDY1IDcuNzA3MTEgMy43MDcxMkM3Ljg5NDY0IDMuNTE5NTggOCAzLjI2NTIzIDggMy4wMDAwMUM4IDIuNzM0NzkgNy44OTQ2NCAyLjQ4MDQ0IDcuNzA3MTEgMi4yOTI5QzcuNTE5NTcgMi4xMDUzNyA3LjI2NTIyIDIuMDAwMDEgNyAyLjAwMDAxQzYuNzM0NzggMi4wMDAwMSA2LjQ4MDQzIDIuMTA1MzcgNi4yOTI4OSAyLjI5MjlDNi4xMDUzNiAyLjQ4MDQ0IDYgMi43MzQ3OSA2IDMuMDAwMDFDNiAzLjI2NTIzIDYuMTA1MzYgMy41MTk1OCA2LjI5Mjg5IDMuNzA3MTJDNi40ODA0MyAzLjg5NDY1IDYuNzM0NzggNC4wMDAwMSA3IDQuMDAwMDFaTTEzIDExQzEzLjI2NTIgMTEgMTMuNTE5NiAxMC44OTQ3IDEzLjcwNzEgMTAuNzA3MUMxMy44OTQ2IDEwLjUxOTYgMTQgMTAuMjY1MiAxNCAxMEMxNCA5LjczNDc5IDEzLjg5NDYgOS40ODA0NCAxMy43MDcxIDkuMjkyOUMxMy41MTk2IDkuMTA1MzcgMTMuMjY1MiA5LjAwMDAxIDEzIDkuMDAwMDFDMTIuNzM0OCA5LjAwMDAxIDEyLjQ4MDQgOS4xMDUzNyAxMi4yOTI5IDkuMjkyOUMxMi4xMDU0IDkuNDgwNDQgMTIgOS43MzQ3OSAxMiAxMEMxMiAxMC4yNjUyIDEyLjEwNTQgMTAuNTE5NiAxMi4yOTI5IDEwLjcwNzFDMTIuNDgwNCAxMC44OTQ3IDEyLjczNDggMTEgMTMgMTFaTTcgMThDNy4yNjUyMiAxOCA3LjUxOTU3IDE3Ljg5NDcgNy43MDcxMSAxNy43MDcxQzcuODk0NjQgMTcuNTE5NiA4IDE3LjI2NTIgOCAxN0M4IDE2LjczNDggNy44OTQ2NCAxNi40ODA0IDcuNzA3MTEgMTYuMjkyOUM3LjUxOTU3IDE2LjEwNTQgNy4yNjUyMiAxNiA3IDE2QzYuNzM0NzggMTYgNi40ODA0MyAxNi4xMDU0IDYuMjkyODkgMTYuMjkyOUM2LjEwNTM2IDE2LjQ4MDQgNiAxNi43MzQ4IDYgMTdDNiAxNy4yNjUyIDYuMTA1MzYgMTcuNTE5NiA2LjI5Mjg5IDE3LjcwNzFDNi40ODA0MyAxNy44OTQ3IDYuNzM0NzggMTggNyAxOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkljJiMxOTU7JiMxODA7bmUiIGQ9Ik00LjE3IDE2QzQuMzc2NiAxNS40MTQ1IDQuNzU5NzQgMTQuOTA3NCA1LjI2NjYgMTQuNTQ4OEM1Ljc3MzQ2IDE0LjE5MDIgNi4zNzkwOSAxMy45OTc2IDcgMTMuOTk3NkM3LjYyMDkxIDEzLjk5NzYgOC4yMjY1NCAxNC4xOTAyIDguNzMzNCAxNC41NDg4QzkuMjQwMjYgMTQuOTA3NCA5LjYyMzQgMTUuNDE0NSA5LjgzIDE2SDIwVjE4SDkuODNDOS42MjM0IDE4LjU4NTUgOS4yNDAyNiAxOS4wOTI2IDguNzMzNCAxOS40NTEyQzguMjI2NTQgMTkuODA5OSA3LjYyMDkxIDIwLjAwMjUgNyAyMC4wMDI1QzYuMzc5MDkgMjAuMDAyNSA1Ljc3MzQ2IDE5LjgwOTkgNS4yNjY2IDE5LjQ1MTJDNC43NTk3NCAxOS4wOTI2IDQuMzc2NiAxOC41ODU1IDQuMTcgMThIMFYxNkg0LjE3Wk0xMC4xNyA5LjAwMDAxQzEwLjM3NjYgOC40MTQ0OCAxMC43NTk3IDcuOTA3NDQgMTEuMjY2NiA3LjU0ODhDMTEuNzczNSA3LjE5MDE1IDEyLjM3OTEgNi45OTc1NiAxMyA2Ljk5NzU2QzEzLjYyMDkgNi45OTc1NiAxNC4yMjY1IDcuMTkwMTUgMTQuNzMzNCA3LjU0ODhDMTUuMjQwMyA3LjkwNzQ0IDE1LjYyMzQgOC40MTQ0OCAxNS44MyA5LjAwMDAxSDIwVjExSDE1LjgzQzE1LjYyMzQgMTEuNTg1NSAxNS4yNDAzIDEyLjA5MjYgMTQuNzMzNCAxMi40NTEyQzE0LjIyNjUgMTIuODA5OSAxMy42MjA5IDEzLjAwMjUgMTMgMTMuMDAyNUMxMi4zNzkxIDEzLjAwMjUgMTEuNzczNSAxMi44MDk5IDExLjI2NjYgMTIuNDUxMkMxMC43NTk3IDEyLjA5MjYgMTAuMzc2NiAxMS41ODU1IDEwLjE3IDExSDBWOS4wMDAwMUgxMC4xN1pNNC4xNyAyLjAwMDAxQzQuMzc2NiAxLjQxNDQ4IDQuNzU5NzQgMC45MDc0NDMgNS4yNjY2IDAuNTQ4Nzk5QzUuNzczNDYgMC4xOTAxNTQgNi4zNzkwOSAtMC4wMDI0NDE0MSA3IC0wLjAwMjQ0MTQxQzcuNjIwOTEgLTAuMDAyNDQxNDEgOC4yMjY1NCAwLjE5MDE1NCA4LjczMzQgMC41NDg3OTlDOS4yNDAyNiAwLjkwNzQ0MyA5LjYyMzQgMS40MTQ0OCA5LjgzIDIuMDAwMDFIMjBWNC4wMDAwMUg5LjgzQzkuNjIzNCA0LjU4NTU0IDkuMjQwMjYgNS4wOTI1OCA4LjczMzQgNS40NTEyMkM4LjIyNjU0IDUuODA5ODYgNy42MjA5MSA2LjAwMjQ2IDcgNi4wMDI0NkM2LjM3OTA5IDYuMDAyNDYgNS43NzM0NiA1LjgwOTg2IDUuMjY2NiA1LjQ1MTIyQzQuNzU5NzQgNS4wOTI1OCA0LjM3NjYgNC41ODU1NCA0LjE3IDQuMDAwMDFIMFYyLjAwMDAxSDQuMTdaTTcgNC4wMDAwMUM3LjI2NTIyIDQuMDAwMDEgNy41MTk1NyAzLjg5NDY1IDcuNzA3MTEgMy43MDcxMkM3Ljg5NDY0IDMuNTE5NTggOCAzLjI2NTIzIDggMy4wMDAwMUM4IDIuNzM0NzkgNy44OTQ2NCAyLjQ4MDQ0IDcuNzA3MTEgMi4yOTI5QzcuNTE5NTcgMi4xMDUzNyA3LjI2NTIyIDIuMDAwMDEgNyAyLjAwMDAxQzYuNzM0NzggMi4wMDAwMSA2LjQ4MDQzIDIuMTA1MzcgNi4yOTI4OSAyLjI5MjlDNi4xMDUzNiAyLjQ4MDQ0IDYgMi43MzQ3OSA2IDMuMDAwMDFDNiAzLjI2NTIzIDYuMTA1MzYgMy41MTk1OCA2LjI5Mjg5IDMuNzA3MTJDNi40ODA0MyAzLjg5NDY1IDYuNzM0NzggNC4wMDAwMSA3IDQuMDAwMDFaTTEzIDExQzEzLjI2NTIgMTEgMTMuNTE5NiAxMC44OTQ3IDEzLjcwNzEgMTAuNzA3MUMxMy44OTQ2IDEwLjUxOTYgMTQgMTAuMjY1MiAxNCAxMEMxNCA5LjczNDc5IDEzLjg5NDYgOS40ODA0NCAxMy43MDcxIDkuMjkyOUMxMy41MTk2IDkuMTA1MzcgMTMuMjY1MiA5LjAwMDAxIDEzIDkuMDAwMDFDMTIuNzM0OCA5LjAwMDAxIDEyLjQ4MDQgOS4xMDUzNyAxMi4yOTI5IDkuMjkyOUMxMi4xMDU0IDkuNDgwNDQgMTIgOS43MzQ3OSAxMiAxMEMxMiAxMC4yNjUyIDEyLjEwNTQgMTAuNTE5NiAxMi4yOTI5IDEwLjcwNzFDMTIuNDgwNCAxMC44OTQ3IDEyLjczNDggMTEgMTMgMTFaTTcgMThDNy4yNjUyMiAxOCA3LjUxOTU3IDE3Ljg5NDcgNy43MDcxMSAxNy43MDcxQzcuODk0NjQgMTcuNTE5NiA4IDE3LjI2NTIgOCAxN0M4IDE2LjczNDggNy44OTQ2NCAxNi40ODA0IDcuNzA3MTEgMTYuMjkyOUM3LjUxOTU3IDE2LjEwNTQgNy4yNjUyMiAxNiA3IDE2QzYuNzM0NzggMTYgNi40ODA0MyAxNi4xMDU0IDYuMjkyODkgMTYuMjkyOUM2LjEwNTM2IDE2LjQ4MDQgNiAxNi43MzQ4IDYgMTdDNiAxNy4yNjUyIDYuMTA1MzYgMTcuNTE5NiA2LjI5Mjg5IDE3LjcwNzFDNi40ODA0MyAxNy44OTQ3IDYuNzM0NzggMTggNyAxOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}

.gpf-btn-icon-search-geolocate::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTAwMjIgMTYuMjkyMkMxMi45NzUzIDE2LjI5MjIgMTUuNzkyNCAxMy40NzUxIDE1Ljc5MjQgOS45OTk5N0MxNS43OTI0IDYuNTI0ODggMTIuOTc1MyAzLjcwNzc2IDkuNTAwMjIgMy43MDc3NkM2LjAyNTEzIDMuNzA3NzYgMy4yMDgwMSA2LjUyNDg4IDMuMjA4MDEgOS45OTk5N0MzLjIwODAxIDEzLjQ3NTEgNi4wMjUxMyAxNi4yOTIyIDkuNTAwMjIgMTYuMjkyMloiIHN0cm9rZT0iIzEwMTA5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTEgMTBIMy4yMDc3OSIgc3Ryb2tlPSIjMTAxMDkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43OTIgMTBIMTcuOTk5OCIgc3Ryb2tlPSIjMTAxMDkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjUgMS41VjMuNzA3NzkiIHN0cm9rZT0iIzEwMTA5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS41IDE2LjI5MjJWMTguNSIgc3Ryb2tlPSIjMTAxMDkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjUwMDM4IDExLjEwMzhDMTAuMTEgMTEuMTAzOCAxMC42MDQzIDEwLjYwOTYgMTAuNjA0MyA5Ljk5OTg5QzEwLjYwNDMgOS4zOTAyMyAxMC4xMSA4Ljg5NiA5LjUwMDM4IDguODk2QzguODkwNzIgOC44OTYgOC4zOTY0OCA5LjM5MDIzIDguMzk2NDggOS45OTk4OUM4LjM5NjQ4IDEwLjYwOTYgOC44OTA3MiAxMS4xMDM4IDkuNTAwMzggMTEuMTAzOFoiIGZpbGw9IiMxMDEwOTIiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTAwMjIgMTYuMjkyMkMxMi45NzUzIDE2LjI5MjIgMTUuNzkyNCAxMy40NzUxIDE1Ljc5MjQgOS45OTk5N0MxNS43OTI0IDYuNTI0ODggMTIuOTc1MyAzLjcwNzc2IDkuNTAwMjIgMy43MDc3NkM2LjAyNTEzIDMuNzA3NzYgMy4yMDgwMSA2LjUyNDg4IDMuMjA4MDEgOS45OTk5N0MzLjIwODAxIDEzLjQ3NTEgNi4wMjUxMyAxNi4yOTIyIDkuNTAwMjIgMTYuMjkyMloiIHN0cm9rZT0iIzEwMTA5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTEgMTBIMy4yMDc3OSIgc3Ryb2tlPSIjMTAxMDkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43OTIgMTBIMTcuOTk5OCIgc3Ryb2tlPSIjMTAxMDkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjUgMS41VjMuNzA3NzkiIHN0cm9rZT0iIzEwMTA5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS41IDE2LjI5MjJWMTguNSIgc3Ryb2tlPSIjMTAxMDkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjUwMDM4IDExLjEwMzhDMTAuMTEgMTEuMTAzOCAxMC42MDQzIDEwLjYwOTYgMTAuNjA0MyA5Ljk5OTg5QzEwLjYwNDMgOS4zOTAyMyAxMC4xMSA4Ljg5NiA5LjUwMDM4IDguODk2QzguODkwNzIgOC44OTYgOC4zOTY0OCA5LjM5MDIzIDguMzk2NDggOS45OTk4OUM4LjM5NjQ4IDEwLjYwOTYgOC44OTA3MiAxMS4xMDM4IDkuNTAwMzggMTEuMTAzOFoiIGZpbGw9IiMxMDEwOTIiLz4KPC9zdmc+Cg==') center no-repeat;
}

.gpf-btn-icon-search-coordinate::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzAxODggNC44NjgyNkM5LjMxNjE0IDQuODY4MjYgOC45ODg4NSA0Ljg2ODI2IDguNjQ5ODYgNC44NjgyNkM4LjE1ODkyIDQuODY4MjYgNy45NjAyMSA0LjUxNzU4IDguMTkzOTkgNC4wOTY3OEM4Ljc5MDEzIDMuMDQ0NzYgOS4zOTc5NiAyLjAwNDQzIDEwLjAwNTggMC45NjQxMDdDMTAuMjM5NiAwLjU2NjY3OCAxMC42MzcgMC41NjY2NzggMTAuODcwOCAwLjk3NTc5NkMxMS40NjY5IDEuOTkyNzQgMTIuMDUxNCAzLjAwOTY5IDEyLjYzNTggNC4wMjY2NEMxMi45MjgxIDQuNTQwOTYgMTIuNzI5MyA0Ljg1NjU3IDEyLjEzMzIgNC44NjgyNkMxMS44MTc2IDQuODY4MjYgMTEuNTAyIDQuODY4MjYgMTEuMTYzIDQuODY4MjZDMTEuMTYzIDUuMDA4NTIgMTEuMTUxMyA1LjEwMjA0IDExLjE1MTMgNS4yMDcyNEMxMS4xNTEzIDcuMjUyODMgMTEuMTUxMyA5LjI5ODQxIDExLjE1MTMgMTEuMzQ0QzExLjE1MTMgMTEuNDg0MyAxMS4yMzMxIDExLjY4MyAxMS4zMzgzIDExLjc2NDhDMTMuMzQ4OSAxMy4xOTA5IDE1LjM3MTEgMTQuNjA1MyAxNy4zOTMzIDE2LjAxOTZDMTcuNDE2NyAxNi4wMzEzIDE3LjQ1MTcgMTYuMDQzIDE3LjQ5ODUgMTYuMDY2NEMxNy43MDg5IDE1Ljc4NTggMTcuOTE5MyAxNS41MDUzIDE4LjEyOTcgMTUuMjM2NUMxOC40NTcgMTQuODE1NyAxOC44NDI3IDE0Ljg1MDcgMTkuMDQxNCAxNS4zNDE3QzE5LjUwOSAxNi40MTcxIDE5Ljk2NDkgMTcuNTA0MSAyMC40MjA4IDE4LjU3OTVDMjAuNjMxMiAxOS4wNzA1IDIwLjQwOTEgMTkuMzc0NCAxOS44NzE0IDE5LjMxNTlDMTguNzE0MiAxOS4xODc0IDE3LjU1NjkgMTkuMDU4OCAxNi4zOTk3IDE4LjkxODVDMTUuODE1MyAxOC44NDg0IDE1LjY3NSAxOC40ODYgMTYuMDM3NCAxOC4wMTg1QzE2LjIwMSAxNy43OTY0IDE2LjM2NDYgMTcuNTc0MyAxNi41MjgzIDE3LjM1MjJDMTYuNTQgMTcuMzQwNSAxNi41NCAxNy4zMTcxIDE2LjU3NTEgMTcuMjQ3QzE2LjIxMjcgMTYuOTg5OCAxNS44Mzg2IDE2LjcyMSAxNS40NjQ2IDE2LjQ1MjFDMTMuODc0OSAxNS4zMyAxMi4yNzM1IDE0LjIxOTUgMTAuNjgzOCAxMy4wOTc0QzEwLjQ4NSAxMi45NTcxIDEwLjM0NDggMTIuOTMzNyAxMC4xMzQ0IDEzLjA5NzRDOC4yNTI0MyAxNC40Mjk5IDYuMzU4ODEgMTUuNzYyNSA0LjQ3Njg3IDE3LjA4MzNDNC40MzAxMSAxNy4xMTg0IDQuMzk1MDQgMTcuMTQxOCA0LjMzNjYgMTcuMTg4NUM0LjU1ODY5IDE3LjQ5MjUgNC43OTI0NyAxNy43NzMgNS4wMDI4NyAxOC4wNzY5QzUuMjk1MSAxOC40ODYgNS4xNTQ4MyAxOC44NDg0IDQuNjQwNTEgMTguOTA2OEMzLjQ0ODIzIDE5LjA1ODggMi4yNDQyNSAxOS4xOTkxIDEuMDUxOTcgMTkuMzI3NkMwLjYwNzc4MyAxOS4zNzQ0IDAuMzg1NjkxIDE5LjA1ODggMC41NjEwMjcgMTguNjI2M0MwLjk0Njc2NiAxNy43MDI5IDEuMzQ0MTkgMTYuNzc5NCAxLjc0MTYyIDE1Ljg1NkMxLjgyMzQ1IDE1LjY2OSAxLjg5MzU4IDE1LjQ4MTkgMS45NzU0IDE1LjMwNjZDMi4xNzQxMiAxNC44ODU4IDIuNTQ4MTcgMTQuODM5IDIuODUyMDggMTUuMjAxNEMzLjAzOTExIDE1LjQ0NjkgMy4yMjYxMyAxNS42OTIzIDMuNDEzMTYgMTUuOTM3OEMzLjQyNDg1IDE1Ljk0OTUgMy40NDgyMyAxNS45NjEyIDMuNDk0OTggMTUuOTg0NkM0LjE2MTI2IDE1LjUxNyA0LjgyNzU0IDE1LjA0OTQgNS41MDU1IDE0LjU3MDJDNi44MDI5OSAxMy42NTg0IDguMTAwNDggMTIuNzM1IDkuNDA5NjUgMTEuODM0OUM5LjYzMTc1IDExLjY4MyA5LjcwMTg4IDExLjUxOTMgOS43MDE4OCAxMS4yNjIyQzkuNzAxODggOS4yNjMzNSA5LjcwMTg4IDcuMjUyODMgOS43MDE4OCA1LjI1NEM5LjcwMTg4IDUuMTM3MSA5LjcwMTg4IDUuMDIwMjEgOS43MDE4OCA0Ljg1NjU3VjQuODY4MjZaIiBmaWxsPSIjMTAxMDkyIi8+Cjwvc3ZnPgo=') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzAxODggNC44NjgyNkM5LjMxNjE0IDQuODY4MjYgOC45ODg4NSA0Ljg2ODI2IDguNjQ5ODYgNC44NjgyNkM4LjE1ODkyIDQuODY4MjYgNy45NjAyMSA0LjUxNzU4IDguMTkzOTkgNC4wOTY3OEM4Ljc5MDEzIDMuMDQ0NzYgOS4zOTc5NiAyLjAwNDQzIDEwLjAwNTggMC45NjQxMDdDMTAuMjM5NiAwLjU2NjY3OCAxMC42MzcgMC41NjY2NzggMTAuODcwOCAwLjk3NTc5NkMxMS40NjY5IDEuOTkyNzQgMTIuMDUxNCAzLjAwOTY5IDEyLjYzNTggNC4wMjY2NEMxMi45MjgxIDQuNTQwOTYgMTIuNzI5MyA0Ljg1NjU3IDEyLjEzMzIgNC44NjgyNkMxMS44MTc2IDQuODY4MjYgMTEuNTAyIDQuODY4MjYgMTEuMTYzIDQuODY4MjZDMTEuMTYzIDUuMDA4NTIgMTEuMTUxMyA1LjEwMjA0IDExLjE1MTMgNS4yMDcyNEMxMS4xNTEzIDcuMjUyODMgMTEuMTUxMyA5LjI5ODQxIDExLjE1MTMgMTEuMzQ0QzExLjE1MTMgMTEuNDg0MyAxMS4yMzMxIDExLjY4MyAxMS4zMzgzIDExLjc2NDhDMTMuMzQ4OSAxMy4xOTA5IDE1LjM3MTEgMTQuNjA1MyAxNy4zOTMzIDE2LjAxOTZDMTcuNDE2NyAxNi4wMzEzIDE3LjQ1MTcgMTYuMDQzIDE3LjQ5ODUgMTYuMDY2NEMxNy43MDg5IDE1Ljc4NTggMTcuOTE5MyAxNS41MDUzIDE4LjEyOTcgMTUuMjM2NUMxOC40NTcgMTQuODE1NyAxOC44NDI3IDE0Ljg1MDcgMTkuMDQxNCAxNS4zNDE3QzE5LjUwOSAxNi40MTcxIDE5Ljk2NDkgMTcuNTA0MSAyMC40MjA4IDE4LjU3OTVDMjAuNjMxMiAxOS4wNzA1IDIwLjQwOTEgMTkuMzc0NCAxOS44NzE0IDE5LjMxNTlDMTguNzE0MiAxOS4xODc0IDE3LjU1NjkgMTkuMDU4OCAxNi4zOTk3IDE4LjkxODVDMTUuODE1MyAxOC44NDg0IDE1LjY3NSAxOC40ODYgMTYuMDM3NCAxOC4wMTg1QzE2LjIwMSAxNy43OTY0IDE2LjM2NDYgMTcuNTc0MyAxNi41MjgzIDE3LjM1MjJDMTYuNTQgMTcuMzQwNSAxNi41NCAxNy4zMTcxIDE2LjU3NTEgMTcuMjQ3QzE2LjIxMjcgMTYuOTg5OCAxNS44Mzg2IDE2LjcyMSAxNS40NjQ2IDE2LjQ1MjFDMTMuODc0OSAxNS4zMyAxMi4yNzM1IDE0LjIxOTUgMTAuNjgzOCAxMy4wOTc0QzEwLjQ4NSAxMi45NTcxIDEwLjM0NDggMTIuOTMzNyAxMC4xMzQ0IDEzLjA5NzRDOC4yNTI0MyAxNC40Mjk5IDYuMzU4ODEgMTUuNzYyNSA0LjQ3Njg3IDE3LjA4MzNDNC40MzAxMSAxNy4xMTg0IDQuMzk1MDQgMTcuMTQxOCA0LjMzNjYgMTcuMTg4NUM0LjU1ODY5IDE3LjQ5MjUgNC43OTI0NyAxNy43NzMgNS4wMDI4NyAxOC4wNzY5QzUuMjk1MSAxOC40ODYgNS4xNTQ4MyAxOC44NDg0IDQuNjQwNTEgMTguOTA2OEMzLjQ0ODIzIDE5LjA1ODggMi4yNDQyNSAxOS4xOTkxIDEuMDUxOTcgMTkuMzI3NkMwLjYwNzc4MyAxOS4zNzQ0IDAuMzg1NjkxIDE5LjA1ODggMC41NjEwMjcgMTguNjI2M0MwLjk0Njc2NiAxNy43MDI5IDEuMzQ0MTkgMTYuNzc5NCAxLjc0MTYyIDE1Ljg1NkMxLjgyMzQ1IDE1LjY2OSAxLjg5MzU4IDE1LjQ4MTkgMS45NzU0IDE1LjMwNjZDMi4xNzQxMiAxNC44ODU4IDIuNTQ4MTcgMTQuODM5IDIuODUyMDggMTUuMjAxNEMzLjAzOTExIDE1LjQ0NjkgMy4yMjYxMyAxNS42OTIzIDMuNDEzMTYgMTUuOTM3OEMzLjQyNDg1IDE1Ljk0OTUgMy40NDgyMyAxNS45NjEyIDMuNDk0OTggMTUuOTg0NkM0LjE2MTI2IDE1LjUxNyA0LjgyNzU0IDE1LjA0OTQgNS41MDU1IDE0LjU3MDJDNi44MDI5OSAxMy42NTg0IDguMTAwNDggMTIuNzM1IDkuNDA5NjUgMTEuODM0OUM5LjYzMTc1IDExLjY4MyA5LjcwMTg4IDExLjUxOTMgOS43MDE4OCAxMS4yNjIyQzkuNzAxODggOS4yNjMzNSA5LjcwMTg4IDcuMjUyODMgOS43MDE4OCA1LjI1NEM5LjcwMTg4IDUuMTM3MSA5LjcwMTg4IDUuMDIwMjEgOS43MDE4OCA0Ljg1NjU3VjQuODY4MjZaIiBmaWxsPSIjMTAxMDkyIi8+Cjwvc3ZnPgo=') center no-repeat;
}

.gpf-btn-icon-search-reset {
  background-position: -25px center;
}

dialog[id^=GPgeocodeResultsList],
dialog[id^=GPcoordinateSearchPanel],
dialog[id^="GPadvancedSearchPanel"] {
  position: absolute;
  width: inherit;
}

/* Autocomplete list / geocode results */

[id^="GPautocompleteResults-"] {
  border: 1px solid var(--background-open-blue-france);
}

div[id^=GPautoCompleteList] {
  width: 320px;
  position: absolute;
  height: fit-content;
  background-color: var(--background-default-grey);
  max-height: unset;
}

div[id^=GPautoCompleteList] {
  top: 42px;
  margin-left: 2px;
}

.position-container-top-left [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
.position-container-bottom-left [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
.position-container-top-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
.position-container-bottom-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList] {
  width: 340px;
  position: relative;
  top: unset;
  margin-left: 8px;
}

.position-container-top-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
.position-container-bottom-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList] {
  margin-right: 10px;
}

.gpf-widget-padding > div[id^=GPautoCompleteList] {
  top: 100%;
  width: 100%;
  margin: 0;
}

dialog[id^=GPgeocodeResultsList] {
  overflow: hidden;
  max-height: unset;
  height: inherit;
  bottom: unset;
}

div[id^=GPgeocodeResults-] {
  width: 100%;
  position: relative;
  background-color: var(--background-default-grey);
  max-height: 240px;
  overflow-y: auto;
}

[id^="GPautocompleteResultsSuggest"],
[id^="GPautocompleteResultsLocation"] {
  max-height: 322px;
  padding: 16px;
  border-bottom: 1px solid var(--grey-900-175);
}

/* Mode Mobile */
@media (max-width: 576px) {

  .gpf-widget-padding > .GPsearchFirstLineWrapper {
    flex-direction: column;
    height: fit-content;
  }

  .GPsearchRadioContainer {
    flex-direction: column;
    align-items: center;
  }

  dialog[id^=GPcoordinateSearchPanel],
  dialog[id^="GPadvancedSearchPanel"] {
    position: relative;
    top: unset;
    margin-left: unset;
  }

  .GPsearchRadioContainer {
    gap: 0;
    margin: 0 8px;
  }

  form[id^=GPsearchInput-] {
    margin-left: 0;
  }

  [id^="GPsearchEngine-"]:has([id^="GPshowSearchByCoordinate-"][aria-pressed="true"]) > .GPsearchRadioContainer,
  [id^="GPsearchEngine-"]:focus-within > .GPsearchRadioContainer,
  [id^="GPsearchEngine-"]:hover > .GPsearchRadioContainer {
    max-height: 4rem;
  }
}