.wrapper {
  align-item: center;
  display: flex;
}
.wrapper .filter-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 50px;
}

h3 small {
  display: block;
  font-size: 12px;
}

button {
  margin-top: 40px;
}

#map {
  height: 100vh;
  width: 700px;
}

.alert {
  color: red;
  display: none;
  font-size: 16px;
  font-weight: bold;
}
.alert.is-visible {
  display: block;
}

.tt-menu {
  border: 1px solid transparent;
  border-color: transparent lightgrey lightgrey lightgrey;
  background: white;
  width: 100%;
}
.tt-menu .tt-dataset .tt-suggestion {
  color: darkgrey;
  cursor: pointer;
  padding: 1rem;
  user-select: none;
}
.tt-menu .tt-dataset .tt-suggestion.tt-cursor, .tt-menu .tt-dataset .tt-suggestion:hover {
  background: lightgrey;
  color: white;
}
.tt-menu .tt-dataset .tt-suggestion + .tt-suggestion {
  border-top: 1px solid lightgrey;
}

.custom-map-control-button {
    background: none;
    border: none;
    margin: 10px;
    padding: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-map-control-button:hover {
    background-color: #f1f1f1;
}