/*
 * SPDX-FileCopyrightText: 2021 codedust
 *
 * SPDX-License-Identifier: EUPL-1.2
 */

html {
  overflow: auto;
}

#map { height: 100vh; }

.search {
  position: absolute;
  top: 10px;
  left: 60px;
  max-width: 30vw;
  z-index: 1000;
  border-radius: .25em;
  scrollbar-width: thin;
  scrollbar-color: #363636 rgba(255, 255, 255, 0.5);
}

.search input {
  border: 2px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  min-width: 24em;
}

.search input:active, .search input:focus {
  border: 2px solid rgba(0,0,0,0.2);
}

.search input::placeholder {
  color: unset;
}

.search .result-wrapper {
  max-height: 60vh;
  margin-top: .5em;
  padding-top: 0;
  padding-right: .5em;
  padding-bottom: 0;
  overflow-y: auto;
}

.search .result {
  background: rgba(255, 255, 255, 0.5);
}

.search .result img {
  height: 1.5em;
  float: right;
}

section.load-more {
  padding-top: 1em;
  padding-bottom: 5rem;
}

.result {
  margin-bottom: .5rem;
  border: 1px solid #f5f5f5;
  padding: .5em;
  border-radius: .5em;
  cursor: pointer;
}

.result:hover {
  border: 1px solid #dadada;
}