.map-search {

  top: calc(100vh - 9em);

  left: calc(50% - 10.5em);

  position: absolute;

  display: flex;

  gap: 0;

  background-color: var(--dynaui-bg);

  padding: 0.5em;

  width: 20em !important;

  border-radius: 1em;

}

.map-search input {

  flex: 1;

  padding: 10px;

  font-size: 16px;

}

.map-search button {

  padding: 10px 16px;

  cursor: pointer;

}

.map-filters {

  top: 1em;

  left: 1em;

  position: absolute;

  display: flex;

  flex-wrap: wrap;

  gap: 0.1em;

  background-color: var(--dynaui-bg);

  border-radius: 1em;

  width: 15em !important;

  z-index: 1;

  padding: 1em;

}

.map-filters label {

  cursor: pointer;

  background: var(--dynaui-bg-one);

  padding: 0.3em 0.5em;

  border-radius: 0.5em;

  width: calc(100% - 1em);

}

.map-explorer {

  height: calc(100vh - 1.5em);

  position: absolute;

  top: 0.1em;

  left: 0.1em;

  width: calc(100% - 0.2em) !important;

  border-radius: 1.1em;

}

.maplibregl-popup-content {

  padding: 1em;

  font-size: 1.4em;

  border-radius: 0.5em;

  min-width: 10em;

}

.map-info {

  position: absolute;

  background-color: var(--dynaui-text);

  padding: 0.5em 1em;

  width: fit-content !important;

  border-radius: 0 0.5em 0 0.5em;

  top: calc(100vh - 3.4em);

  left: 0;

  font-size: 0.8em;

  color: var(--dynaui-bg);

}

.map-holder {

  position: relative;

}

.map-holder .map-explorer {

  height: 50em;

  width: 100% !important;

  position: relative;

  top: unset;

  left: unset;

}

.map-holder .map-info {

  top: unset;

  bottom: 0;

}