diff --git a/Customizations/AllSharedLayers.ts b/Customizations/AllSharedLayers.ts
index 7e4cf71a1..43c18e981 100644
--- a/Customizations/AllSharedLayers.ts
+++ b/Customizations/AllSharedLayers.ts
@@ -2,7 +2,6 @@ import LayerConfig from "../Models/ThemeConfig/LayerConfig"
 import { Utils } from "../Utils"
 import known_themes from "../assets/generated/known_layers.json"
 import { LayerConfigJson } from "../Models/ThemeConfig/Json/LayerConfigJson"
-import { ALL } from "dns"
 import { AllKnownLayouts } from "./AllKnownLayouts"
 export class AllSharedLayers {
     public static sharedLayers: Map<string, LayerConfig> = AllSharedLayers.getSharedLayers()
diff --git a/Logic/Actors/TitleHandler.ts b/Logic/Actors/TitleHandler.ts
index f2228fa45..d8af466c8 100644
--- a/Logic/Actors/TitleHandler.ts
+++ b/Logic/Actors/TitleHandler.ts
@@ -1,12 +1,13 @@
 import { Store, UIEventSource } from "../UIEventSource"
 import Locale from "../../UI/i18n/Locale"
-import TagRenderingAnswer from "../../UI/Popup/TagRenderingAnswer"
 import Combine from "../../UI/Base/Combine"
 import { Utils } from "../../Utils"
 import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
 import { Feature } from "geojson"
 import FeaturePropertiesStore from "../FeatureSource/Actors/FeaturePropertiesStore"
 import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig"
+import SvelteUIElement from "../../UI/Base/SvelteUIElement"
+import TagRenderingAnswer from "../../UI/Popup/TagRenderingAnswer.svelte"
 
 export default class TitleHandler {
     constructor(
@@ -32,7 +33,7 @@ export default class TitleHandler {
                         const tagsSource =
                             allElements.getStore(tags.id) ??
                             new UIEventSource<Record<string, string>>(tags)
-                        const title = new TagRenderingAnswer(tagsSource, layer.title, {})
+                        const title = new SvelteUIElement(TagRenderingAnswer, { tags: tagsSource })
                         return (
                             new Combine([defaultTitle, " | ", title]).ConstructElement()
                                 ?.textContent ?? defaultTitle
diff --git a/Logic/FeatureSource/Actors/SaveFeatureSourceToLocalStorage.ts b/Logic/FeatureSource/Actors/SaveFeatureSourceToLocalStorage.ts
index 29519b6bb..5e113aaff 100644
--- a/Logic/FeatureSource/Actors/SaveFeatureSourceToLocalStorage.ts
+++ b/Logic/FeatureSource/Actors/SaveFeatureSourceToLocalStorage.ts
@@ -1,12 +1,4 @@
-import FeatureSource, { Tiled } from "../FeatureSource"
-import { Tiles } from "../../../Models/TileRange"
-import { IdbLocalStorage } from "../../Web/IdbLocalStorage"
-import { UIEventSource } from "../../UIEventSource"
-import LayerConfig from "../../../Models/ThemeConfig/LayerConfig"
-import { BBox } from "../../BBox"
-import SimpleFeatureSource from "../Sources/SimpleFeatureSource"
-import FilteredLayer from "../../../Models/FilteredLayer"
-import Loc from "../../../Models/Loc"
+import FeatureSource from "../FeatureSource"
 import { Feature } from "geojson"
 import TileLocalStorage from "./TileLocalStorage"
 import { GeoOperations } from "../../GeoOperations"
diff --git a/Logic/FeatureSource/Sources/SimpleFeatureSource.ts b/Logic/FeatureSource/Sources/SimpleFeatureSource.ts
index 543a26ad5..c280bebcb 100644
--- a/Logic/FeatureSource/Sources/SimpleFeatureSource.ts
+++ b/Logic/FeatureSource/Sources/SimpleFeatureSource.ts
@@ -1,7 +1,6 @@
 import { UIEventSource } from "../../UIEventSource"
 import FilteredLayer from "../../../Models/FilteredLayer"
-import { FeatureSourceForLayer, Tiled } from "../FeatureSource"
-import { BBox } from "../../BBox"
+import { FeatureSourceForLayer } from "../FeatureSource"
 import { Feature } from "geojson"
 
 export default class SimpleFeatureSource implements FeatureSourceForLayer {
diff --git a/Logic/FeatureSource/Sources/SnappingFeatureSource.ts b/Logic/FeatureSource/Sources/SnappingFeatureSource.ts
new file mode 100644
index 000000000..855e935ea
--- /dev/null
+++ b/Logic/FeatureSource/Sources/SnappingFeatureSource.ts
@@ -0,0 +1,52 @@
+import FeatureSource from "../FeatureSource"
+import { Store } from "../../UIEventSource"
+import { Feature, Point } from "geojson"
+import { GeoOperations } from "../../GeoOperations"
+
+export interface SnappingOptions {
+    /**
+     * If the distance is bigger then this amount, don't snap.
+     * In meter
+     */
+    maxDistance?: number
+}
+
+export default class SnappingFeatureSource implements FeatureSource {
+    public readonly features: Store<Feature<Point>[]>
+
+    constructor(
+        snapTo: FeatureSource,
+        location: Store<{ lon: number; lat: number }>,
+        options?: SnappingOptions
+    ) {
+        const simplifiedFeatures = snapTo.features.mapD((features) =>
+            features
+                .filter((feature) => feature.geometry.type !== "Point")
+                .map((f) => GeoOperations.forceLineString(<any>f))
+        )
+
+        location.mapD(
+            ({ lon, lat }) => {
+                const features = snapTo.features.data
+                const loc: [number, number] = [lon, lat]
+                const maxDistance = (options?.maxDistance ?? 1000) * 1000
+                let bestSnap: Feature<Point, { "snapped-to": string; dist: number }> = undefined
+                for (const feature of features) {
+                    const snapped = GeoOperations.nearestPoint(<any>feature, loc)
+                    if (snapped.properties.dist > maxDistance) {
+                        continue
+                    }
+                    if (
+                        bestSnap === undefined ||
+                        bestSnap.properties.dist > snapped.properties.dist
+                    ) {
+                        snapped.properties["snapped-to"] = feature.properties.id
+                        bestSnap = <any>snapped
+                    }
+                }
+                return bestSnap
+            },
+            [snapTo.features]
+        )
+    }
+}
diff --git a/Logic/FeatureSource/Sources/TouchesBboxFeatureSource.ts b/Logic/FeatureSource/Sources/TouchesBboxFeatureSource.ts
index 2fb3fd0a2..6384a3cfd 100644
--- a/Logic/FeatureSource/Sources/TouchesBboxFeatureSource.ts
+++ b/Logic/FeatureSource/Sources/TouchesBboxFeatureSource.ts
@@ -2,7 +2,6 @@ import FeatureSource, { FeatureSourceForLayer } from "../FeatureSource"
 import StaticFeatureSource from "./StaticFeatureSource"
 import { GeoOperations } from "../../GeoOperations"
 import { BBox } from "../../BBox"
-import exp from "constants"
 import FilteredLayer from "../../../Models/FilteredLayer"
 
 /**
diff --git a/Logic/GeoOperations.ts b/Logic/GeoOperations.ts
index 302e809a3..3b5df2add 100644
--- a/Logic/GeoOperations.ts
+++ b/Logic/GeoOperations.ts
@@ -7,6 +7,7 @@ import {
     GeoJSON,
     Geometry,
     LineString,
+    MultiLineString,
     MultiPolygon,
     Point,
     Polygon,
@@ -272,17 +273,42 @@ export class GeoOperations {
      * @param point Point defined as [lon, lat]
      */
     public static nearestPoint(
-        way: Feature<LineString | Polygon>,
+        way: Feature<LineString | MultiLineString | Polygon | MultiPolygon>,
         point: [number, number]
-    ): Feature<Point> {
+    ): Feature<
+        Point,
+        {
+            index: number
+            dist: number
+            location: number
+        }
+    > {
+        return <any>(
+            turf.nearestPointOnLine(<Feature<LineString>>way, point, { units: "kilometers" })
+        )
+    }
+
+    /**
+     * Helper method to reuse the coordinates of the way as LineString.
+     * Mostly used as helper for 'nearestPoint'
+     * @param way
+     */
+    public static forceLineString(
+        way: Feature<LineString | MultiLineString | Polygon | MultiPolygon>
+    ): Feature<LineString | MultiLineString> {
         if (way.geometry.type === "Polygon") {
             way = { ...way }
             way.geometry = { ...way.geometry }
             way.geometry.type = "LineString"
             way.geometry.coordinates = (<Polygon>way.geometry).coordinates[0]
+        } else if (way.geometry.type === "MultiPolygon") {
+            way = { ...way }
+            way.geometry = { ...way.geometry }
+            way.geometry.type = "MultiLineString"
+            way.geometry.coordinates = (<MultiPolygon>way.geometry).coordinates[0]
         }
 
-        return turf.nearestPointOnLine(<Feature<LineString>>way, point, { units: "kilometers" })
+        return <any>way
     }
 
     public static toCSV(features: any[]): string {
diff --git a/Logic/ImageProviders/AllImageProviders.ts b/Logic/ImageProviders/AllImageProviders.ts
index 770da2fbf..6099d0ee4 100644
--- a/Logic/ImageProviders/AllImageProviders.ts
+++ b/Logic/ImageProviders/AllImageProviders.ts
@@ -5,6 +5,7 @@ import GenericImageProvider from "./GenericImageProvider"
 import { Store, UIEventSource } from "../UIEventSource"
 import ImageProvider, { ProvidedImage } from "./ImageProvider"
 import { WikidataImageProvider } from "./WikidataImageProvider"
+import { OsmTags } from "../../Models/OsmFeature"
 
 /**
  * A generic 'from the interwebz' image picker, without attribution
@@ -44,7 +45,7 @@ export default class AllImageProviders {
         UIEventSource<ProvidedImage[]>
     >()
 
-    public static LoadImagesFor(tags: Store<any>, tagKey?: string[]): Store<ProvidedImage[]> {
+    public static LoadImagesFor(tags: Store<OsmTags>, tagKey?: string[]): Store<ProvidedImage[]> {
         if (tags.data.id === undefined) {
             return undefined
         }
diff --git a/Logic/Osm/Actions/ChangeLocationAction.ts b/Logic/Osm/Actions/ChangeLocationAction.ts
index 0ec12bc7b..a0bcf97db 100644
--- a/Logic/Osm/Actions/ChangeLocationAction.ts
+++ b/Logic/Osm/Actions/ChangeLocationAction.ts
@@ -24,7 +24,7 @@ export default class ChangeLocationAction extends OsmChangeAction {
         this._meta = meta
     }
 
-    protected async CreateChangeDescriptions(changes: Changes): Promise<ChangeDescription[]> {
+    protected async CreateChangeDescriptions(): Promise<ChangeDescription[]> {
         const d: ChangeDescription = {
             changes: {
                 lat: this._newLonLat[1],
diff --git a/Logic/Osm/Actions/ChangeTagAction.ts b/Logic/Osm/Actions/ChangeTagAction.ts
index 63d8c2320..2e28a788b 100644
--- a/Logic/Osm/Actions/ChangeTagAction.ts
+++ b/Logic/Osm/Actions/ChangeTagAction.ts
@@ -71,7 +71,7 @@ export default class ChangeTagAction extends OsmChangeAction {
         return { k: key.trim(), v: value.trim() }
     }
 
-    async CreateChangeDescriptions(changes: Changes): Promise<ChangeDescription[]> {
+    async CreateChangeDescriptions(): Promise<ChangeDescription[]> {
         const changedTags: { k: string; v: string }[] = this._tagsFilter
             .asChange(this._currentTags)
             .map(ChangeTagAction.checkChange)
diff --git a/Logic/State/UserRelatedState.ts b/Logic/State/UserRelatedState.ts
index 8f80a5046..06996e9e5 100644
--- a/Logic/State/UserRelatedState.ts
+++ b/Logic/State/UserRelatedState.ts
@@ -3,7 +3,6 @@ import { OsmConnection } from "../Osm/OsmConnection"
 import { MangroveIdentity } from "../Web/MangroveReviews"
 import { Store, Stores, UIEventSource } from "../UIEventSource"
 import Locale from "../../UI/i18n/Locale"
-import { Changes } from "../Osm/Changes"
 import StaticFeatureSource from "../FeatureSource/Sources/StaticFeatureSource"
 import FeatureSource from "../FeatureSource/FeatureSource"
 import { Feature } from "geojson"
diff --git a/Logic/Tags/Tag.ts b/Logic/Tags/Tag.ts
index 945bd49b2..bab74dc6d 100644
--- a/Logic/Tags/Tag.ts
+++ b/Logic/Tags/Tag.ts
@@ -122,7 +122,7 @@ export class Tag extends TagsFilter {
         return [this]
     }
 
-    asChange(properties: any): { k: string; v: string }[] {
+    asChange(): { k: string; v: string }[] {
         return [{ k: this.key, v: this.value }]
     }
 
diff --git a/Models/MapProperties.ts b/Models/MapProperties.ts
index cbb34e7f3..39a49adcc 100644
--- a/Models/MapProperties.ts
+++ b/Models/MapProperties.ts
@@ -1,4 +1,4 @@
-import { Store, UIEventSource } from "../Logic/UIEventSource"
+import { UIEventSource } from "../Logic/UIEventSource"
 import { BBox } from "../Logic/BBox"
 import { RasterLayerPolygon } from "./RasterLayers"
 
diff --git a/Models/ThemeConfig/LayerConfig.ts b/Models/ThemeConfig/LayerConfig.ts
index db15a5df4..05fc634bf 100644
--- a/Models/ThemeConfig/LayerConfig.ts
+++ b/Models/ThemeConfig/LayerConfig.ts
@@ -26,7 +26,6 @@ import Table from "../../UI/Base/Table"
 import FilterConfigJson from "./Json/FilterConfigJson"
 import { And } from "../../Logic/Tags/And"
 import { Overpass } from "../../Logic/Osm/Overpass"
-import Constants from "../Constants"
 import { FixedUiElement } from "../../UI/Base/FixedUiElement"
 import Svg from "../../Svg"
 import { ImmutableStore } from "../../Logic/UIEventSource"
diff --git a/Models/ThemeViewState.ts b/Models/ThemeViewState.ts
index f2f36e34f..f175a6e94 100644
--- a/Models/ThemeViewState.ts
+++ b/Models/ThemeViewState.ts
@@ -108,7 +108,7 @@ export default class ThemeViewState implements SpecialVisualizationState {
         this.availableLayers = AvailableRasterLayers.layersAvailableAt(this.mapProperties.location)
 
         this.layerState = new LayerState(this.osmConnection, layout.layers, layout.id)
-        const indexedElements = new LayoutSource(
+        this.indexedFeatures = new LayoutSource(
             layout.layers,
             this.featureSwitches,
             new StaticFeatureSource([]),
@@ -116,6 +116,7 @@ export default class ThemeViewState implements SpecialVisualizationState {
             this.osmConnection.Backend(),
             (id) => this.layerState.filteredLayers.get(id).isDisplayed
         )
+        const indexedElements = this.indexedFeatures
         this.featureProperties = new FeaturePropertiesStore(indexedElements)
         const perLayer = new PerLayerFeatureSourceSplitter(
             Array.from(this.layerState.filteredLayers.values()),
diff --git a/UI/AllThemesGui.ts b/UI/AllThemesGui.ts
index c55e188c0..605f78fcc 100644
--- a/UI/AllThemesGui.ts
+++ b/UI/AllThemesGui.ts
@@ -15,7 +15,6 @@ import { OsmConnection } from "../Logic/Osm/OsmConnection"
 export default class AllThemesGui {
     setup() {
         try {
-            new FixedUiElement("").AttachTo("centermessage")
             const osmConnection = new OsmConnection()
             const state = new UserRelatedState(osmConnection)
             const intro = new Combine([
@@ -38,15 +37,14 @@ export default class AllThemesGui {
                 new FixedUiElement("v" + Constants.vNumber),
             ])
                 .SetClass("block m-5 lg:w-3/4 lg:ml-40")
-                .SetStyle("pointer-events: all;")
-                .AttachTo("top-left")
+                .AttachTo("main")
         } catch (e) {
             console.error(">>>> CRITICAL", e)
             new FixedUiElement(
                 "Seems like no layers are compiled - check the output of `npm run generate:layeroverview`. Is this visible online? Contact pietervdvn immediately!"
             )
                 .SetClass("alert")
-                .AttachTo("centermessage")
+                .AttachTo("main")
         }
     }
 }
diff --git a/UI/Base/AsyncLazy.ts b/UI/Base/AsyncLazy.ts
index d09c9769f..71c6ab34e 100644
--- a/UI/Base/AsyncLazy.ts
+++ b/UI/Base/AsyncLazy.ts
@@ -1,6 +1,6 @@
 import BaseUIElement from "../BaseUIElement"
 import { VariableUiElement } from "./VariableUIElement"
-import { Stores, UIEventSource } from "../../Logic/UIEventSource"
+import { Stores } from "../../Logic/UIEventSource"
 import Loading from "./Loading"
 
 export default class AsyncLazy extends BaseUIElement {
diff --git a/UI/Base/DivContainer.ts b/UI/Base/DivContainer.ts
index bc6c9e68e..f36b041d6 100644
--- a/UI/Base/DivContainer.ts
+++ b/UI/Base/DivContainer.ts
@@ -1,4 +1,3 @@
-import { UIElement } from "../UIElement"
 import BaseUIElement from "../BaseUIElement"
 
 /**
diff --git a/UI/Base/DragInvitation.svelte b/UI/Base/DragInvitation.svelte
new file mode 100644
index 000000000..853a0ca06
--- /dev/null
+++ b/UI/Base/DragInvitation.svelte
@@ -0,0 +1,89 @@
+<script lang="ts">
+  /**
+   * This overlay element will regularly show a hand that swipes over the underlying element.
+   * This element will hide as soon as the Store 'hideSignal' receives a change (which is not undefined)
+   */
+  import ToSvelte from "./ToSvelte.svelte";
+  import Svg from "../../Svg";
+  import { Store } from "../../Logic/UIEventSource";
+  import { onDestroy } from "svelte";
+
+  let mainElem: HTMLElement;
+  export let hideSignal: Store<any>;
+  function hide(){
+    console.trace("Hiding...")
+      mainElem.style.visibility = "hidden";
+  }
+  if (hideSignal) {
+    onDestroy(hideSignal.addCallbackD(() => {
+      console.trace("Hiding invitation")
+      return true;
+    }));
+  }
+  
+$: {
+    console.log("Binding listeners on", mainElem)
+  mainElem?.addEventListener("click",_ => hide())
+  mainElem?.addEventListener("touchstart",_ => hide())
+}
+</script>
+
+
+<div bind:this={mainElem} class="absolute bottom-0 right-0 w-full h-full">
+  <div id="hand-container">
+    <ToSvelte construct={Svg.hand_ui}></ToSvelte>
+  </div>
+</div>
+
+<style>
+
+    @keyframes hand-drag-animation {
+        /* This is the animation on the little extra hand on the location input. If fades in, invites the user to interact/drag the map */
+        0% {
+            opacity: 0;
+            transform: rotate(-30deg);
+        }
+
+        6% {
+            opacity: 1;
+            transform: rotate(-30deg);
+        }
+
+        12% {
+            opacity: 1;
+            transform: rotate(-45deg);
+        }
+
+        24% {
+            opacity: 1;
+            transform: rotate(-00deg);
+        }
+
+        30% {
+            opacity: 1;
+            transform: rotate(-30deg);
+        }
+
+        36% {
+            opacity: 0;
+            transform: rotate(-30deg);
+        }
+
+        100% {
+            opacity: 0;
+            transform: rotate(-30deg);
+        }
+    }
+
+
+    #hand-container {
+      position: absolute;
+      width: 2rem;
+      left: calc(50% + 4rem); 
+      top: calc(50%); 
+      opacity: 0.7;
+      animation: hand-drag-animation 4s ease-in-out infinite;
+      transform-origin: 50% 125%;
+  }
+  
+</style>
diff --git a/UI/Base/FromHtml.svelte b/UI/Base/FromHtml.svelte
new file mode 100644
index 000000000..af07db545
--- /dev/null
+++ b/UI/Base/FromHtml.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  /**
+   * Given an HTML string, properly shows this
+   */
+
+  export let src: string;
+  let htmlElem: HTMLElement;
+  $: {
+    if(htmlElem !== undefined){
+    htmlElem.innerHTML = src
+    }
+  }
+
+</script>
+
+{#if src !== undefined}
+  <span bind:this={htmlElem}></span>
+{/if}
+
diff --git a/UI/Base/Link.ts b/UI/Base/Link.ts
index 76c025dc6..25f107a47 100644
--- a/UI/Base/Link.ts
+++ b/UI/Base/Link.ts
@@ -1,6 +1,6 @@
 import Translations from "../i18n/Translations"
 import BaseUIElement from "../BaseUIElement"
-import { Store, UIEventSource } from "../../Logic/UIEventSource"
+import { Store } from "../../Logic/UIEventSource"
 
 export default class Link extends BaseUIElement {
     private readonly _href: string | Store<string>
diff --git a/UI/Base/Tr.svelte b/UI/Base/Tr.svelte
new file mode 100644
index 000000000..53e92bbae
--- /dev/null
+++ b/UI/Base/Tr.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  /**
+   * Properly renders a translation
+   */
+  import { Translation } from "../i18n/Translation";
+  import { onDestroy } from "svelte";
+  import Locale from "../i18n/Locale";
+  import { Utils } from "../../Utils";
+  import FromHtml from "./FromHtml.svelte";
+
+  export let t: Translation;
+  export let tags: Record<string, string> | undefined;
+  // Text for the current language
+  let txt: string | undefined;
+
+  onDestroy(Locale.language.addCallbackAndRunD(l => {
+    const translation = t?.textFor(l)
+    if(translation === undefined){
+      return
+    }
+    if(tags){
+      txt = Utils.SubstituteKeys(txt, tags)
+    }else{
+      txt = translation
+    }
+  }));
+
+</script>
+
+<FromHtml src={txt}></FromHtml>
diff --git a/UI/BigComponents/ActionButtons.ts b/UI/BigComponents/ActionButtons.ts
index fad2a0224..beba67986 100644
--- a/UI/BigComponents/ActionButtons.ts
+++ b/UI/BigComponents/ActionButtons.ts
@@ -13,7 +13,6 @@ import { OpenIdEditor, OpenJosm } from "./CopyrightPanel"
 import Toggle from "../Input/Toggle"
 import ScrollableFullScreen from "../Base/ScrollableFullScreen"
 import { DefaultGuiState } from "../DefaultGuiState"
-import DefaultGUI from "../DefaultGUI"
 
 export class BackToThemeOverview extends Toggle {
     constructor(
diff --git a/UI/BigComponents/DownloadPanel.ts b/UI/BigComponents/DownloadPanel.ts
index 98ffad07e..a47703ba7 100644
--- a/UI/BigComponents/DownloadPanel.ts
+++ b/UI/BigComponents/DownloadPanel.ts
@@ -14,7 +14,6 @@ import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig"
 import { BBox } from "../../Logic/BBox"
 import FilteredLayer, { FilterState } from "../../Models/FilteredLayer"
 import geojson2svg from "geojson2svg"
-import Constants from "../../Models/Constants"
 import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
 
 export class DownloadPanel extends Toggle {
diff --git a/UI/BigComponents/FullWelcomePaneWithTabs.ts b/UI/BigComponents/FullWelcomePaneWithTabs.ts
index 5637a05d1..6318595c0 100644
--- a/UI/BigComponents/FullWelcomePaneWithTabs.ts
+++ b/UI/BigComponents/FullWelcomePaneWithTabs.ts
@@ -17,7 +17,6 @@ import UserRelatedState from "../../Logic/State/UserRelatedState"
 import Loc from "../../Models/Loc"
 import BaseLayer from "../../Models/BaseLayer"
 import FilteredLayer from "../../Models/FilteredLayer"
-import CopyrightPanel from "./CopyrightPanel"
 import FeaturePipeline from "../../Logic/FeatureSource/FeaturePipeline"
 import PrivacyPolicy from "./PrivacyPolicy"
 import Hotkeys from "../Base/Hotkeys"
diff --git a/UI/BigComponents/Geosearch.svelte b/UI/BigComponents/Geosearch.svelte
index fe40cb7c7..bc1f30f30 100644
--- a/UI/BigComponents/Geosearch.svelte
+++ b/UI/BigComponents/Geosearch.svelte
@@ -15,8 +15,6 @@
 
   Translations.t;
   export let bounds: UIEventSource<BBox>
-  export let layout: LayoutConfig;
-  export let perLayer: ReadonlyMap<string, GeoIndexedStoreForLayer>
   export let selectedElement: UIEventSource<Feature>;
   export let selectedLayer: UIEventSource<LayerConfig>;
 
diff --git a/UI/BigComponents/SelectedElementView.svelte b/UI/BigComponents/SelectedElementView.svelte
index 5c6715326..ee380537f 100644
--- a/UI/BigComponents/SelectedElementView.svelte
+++ b/UI/BigComponents/SelectedElementView.svelte
@@ -1,23 +1,15 @@
 <script lang="ts">
   import type { Feature } from "geojson";
-  import { Store, UIEventSource } from "../../Logic/UIEventSource";
-  import TagRenderingAnswer from "../Popup/TagRenderingAnswer";
+  import { UIEventSource } from "../../Logic/UIEventSource";
   import LayerConfig from "../../Models/ThemeConfig/LayerConfig";
-  import ToSvelte from "../Base/ToSvelte.svelte";
-  import { VariableUiElement } from "../Base/VariableUIElement.js";
   import type { SpecialVisualizationState } from "../SpecialVisualization";
-  import { onDestroy } from "svelte";
+  import TagRenderingAnswer from "../Popup/TagRenderingAnswer.svelte";
 
-  export let selectedElement: UIEventSource<Feature>;
-  export let layer: UIEventSource<LayerConfig>;
-  export let tags: Store<UIEventSource<Record<string, string>>>;
-  let _tags: UIEventSource<Record<string, string>>;
-  onDestroy(tags.subscribe(tags => {
-    _tags = tags;
-    return false
-  }));
+  export let selectedElement: Feature;
+  export let layer: LayerConfig;
+  export let tags: UIEventSource<Record<string, string>>;
 
-  export let specialVisState: SpecialVisualizationState;
+  export let state: SpecialVisualizationState;
 
   /**
    *        const title = new TagRenderingAnswer(
@@ -46,30 +38,27 @@
 </script>
 
 <div>
-  <div on:click={() =>selectedElement.setData(undefined)}>close</div>
   <div class="flex flex-col sm:flex-row flex-grow justify-between">
     <!-- Title element-->
-    <ToSvelte
-      construct={() => new VariableUiElement(tags.mapD(tags =>   new TagRenderingAnswer(tags, layer.data.title, specialVisState), [layer]))}></ToSvelte>
+    <h3>
+      <TagRenderingAnswer config={layer.title} {tags} {selectedElement}></TagRenderingAnswer>
+    </h3>
 
     <div class="flex flex-row flex-wrap pt-0.5 sm:pt-1 items-center mr-2">
-
-      {#each $layer.titleIcons as titleIconConfig (titleIconConfig.id)}
+      {#each layer.titleIcons as titleIconConfig (titleIconConfig.id)}
         <div class="w-8 h-8">
-          <ToSvelte
-            construct={() => new VariableUiElement(tags.mapD(tags =>   new TagRenderingAnswer(tags, titleIconConfig, specialVisState)))}></ToSvelte>
+          <TagRenderingAnswer config={titleIconConfig} {tags} {selectedElement}></TagRenderingAnswer>
         </div>
-
       {/each}
     </div>
 
 
   </div>
 
-  <ul>
-
-    {#each Object.keys($_tags) as key}
-      <li><b>{key}</b>=<b>{$_tags[key]}</b></li>
+  <div class="flex flex-col">
+    {#each layer.tagRenderings as config (config.id)}
+      <TagRenderingAnswer {tags} {config} {state}></TagRenderingAnswer>
     {/each}
-  </ul>
+  </div>
+
 </div>
diff --git a/UI/BigComponents/ThemeButton.svelte b/UI/BigComponents/ThemeButton.svelte
index 556ba4fc6..2b3814ec0 100644
--- a/UI/BigComponents/ThemeButton.svelte
+++ b/UI/BigComponents/ThemeButton.svelte
@@ -7,6 +7,7 @@
   import Constants from "../../Models/Constants"
   import type Loc from "../../Models/Loc"
   import type { LayoutInformation } from "../../Models/ThemeConfig/LayoutConfig";
+  import Tr from "../Base/Tr.svelte";
 
   export let theme: LayoutInformation
   export let isCustom: boolean = false
@@ -16,8 +17,8 @@
   $: title = new Translation(
     theme.title,
     !isCustom && !theme.mustHaveLanguage ? "themes:" + theme.id + ".title" : undefined
-  ).toString()
-  $: description = new Translation(theme.shortDescription).toString()
+  )
+  $: description = new Translation(theme.shortDescription)
 
   // TODO: Improve this function
   function createUrl(
@@ -83,8 +84,10 @@
       <img slot="image" src={theme.icon} class="block h-11 w-11 bg-red mx-4" alt="" />
       <span slot="message" class="message">
         <span>
-          <span>{title}</span>
-          <span>{description}</span>
+          <Tr t={title}></Tr>
+          <span class="subtle">
+            <Tr t={description}></Tr>
+          </span>
         </span>
       </span>
     </SubtleButton>
diff --git a/UI/DefaultGUI.ts b/UI/DefaultGUI.ts
index af3cc05dc..5de8eb26b 100644
--- a/UI/DefaultGUI.ts
+++ b/UI/DefaultGUI.ts
@@ -5,7 +5,6 @@ import FullWelcomePaneWithTabs from "./BigComponents/FullWelcomePaneWithTabs"
 import MapControlButton from "./MapControlButton"
 import Svg from "../Svg"
 import Toggle from "./Input/Toggle"
-import SearchAndGo from "./BigComponents/SearchAndGo"
 import BaseUIElement from "./BaseUIElement"
 import LeftControls from "./BigComponents/LeftControls"
 import RightControls from "./BigComponents/RightControls"
@@ -26,7 +25,6 @@ import UserInformationPanel from "./BigComponents/UserInformation"
 import { LoginToggle } from "./Popup/LoginButton"
 import { FixedUiElement } from "./Base/FixedUiElement"
 import GeoLocationHandler from "../Logic/Actors/GeoLocationHandler"
-import { GeoLocationState } from "../Logic/State/GeoLocationState"
 import Hotkeys from "./Base/Hotkeys"
 import CopyrightPanel from "./BigComponents/CopyrightPanel"
 import SvelteUIElement from "./Base/SvelteUIElement"
diff --git a/UI/Image/SlideShow.ts b/UI/Image/SlideShow.ts
index 51bc6edb6..ee07cb208 100644
--- a/UI/Image/SlideShow.ts
+++ b/UI/Image/SlideShow.ts
@@ -1,4 +1,4 @@
-import { Store, UIEventSource } from "../../Logic/UIEventSource"
+import { Store } from "../../Logic/UIEventSource"
 import BaseUIElement from "../BaseUIElement"
 import { Utils } from "../../Utils"
 import Combine from "../Base/Combine"
diff --git a/UI/ImportFlow/ConflationChecker.ts b/UI/ImportFlow/ConflationChecker.ts
index 70ba96c4d..c1ab25f13 100644
--- a/UI/ImportFlow/ConflationChecker.ts
+++ b/UI/ImportFlow/ConflationChecker.ts
@@ -17,7 +17,6 @@ import Minimap from "../Base/Minimap"
 import BaseLayer from "../../Models/BaseLayer"
 import AvailableBaseLayers from "../../Logic/Actors/AvailableBaseLayers"
 import Loc from "../../Models/Loc"
-import Attribution from "../BigComponents/Attribution"
 import ShowDataLayer from "../ShowDataLayer/ShowDataLayer"
 import StaticFeatureSource from "../../Logic/FeatureSource/Sources/StaticFeatureSource"
 import ValidatedTextField from "../Input/ValidatedTextField"
diff --git a/UI/ImportFlow/FlowStep.ts b/UI/ImportFlow/FlowStep.ts
index b99b2829e..1da6fdce9 100644
--- a/UI/ImportFlow/FlowStep.ts
+++ b/UI/ImportFlow/FlowStep.ts
@@ -7,7 +7,6 @@ import Translations from "../i18n/Translations"
 import { VariableUiElement } from "../Base/VariableUIElement"
 import Toggle from "../Input/Toggle"
 import { UIElement } from "../UIElement"
-import { FixedUiElement } from "../Base/FixedUiElement"
 
 export interface FlowStep<T> extends BaseUIElement {
     readonly IsValid: Store<boolean>
diff --git a/UI/ImportFlow/MapPreview.ts b/UI/ImportFlow/MapPreview.ts
index ce8c2ae51..56d9736bb 100644
--- a/UI/ImportFlow/MapPreview.ts
+++ b/UI/ImportFlow/MapPreview.ts
@@ -4,7 +4,6 @@ import { BBox } from "../../Logic/BBox"
 import UserRelatedState from "../../Logic/State/UserRelatedState"
 import Translations from "../i18n/Translations"
 import { AllKnownLayouts } from "../../Customizations/AllKnownLayouts"
-import Constants from "../../Models/Constants"
 import { DropDown } from "../Input/DropDown"
 import { Utils } from "../../Utils"
 import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
diff --git a/UI/Input/DirectionInput.ts b/UI/Input/DirectionInput.ts
deleted file mode 100644
index 2df6adf23..000000000
--- a/UI/Input/DirectionInput.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { InputElement } from "./InputElement"
-import { UIEventSource } from "../../Logic/UIEventSource"
-import Combine from "../Base/Combine"
-import Svg from "../../Svg"
-import BaseUIElement from "../BaseUIElement"
-import { FixedUiElement } from "../Base/FixedUiElement"
-import { Utils } from "../../Utils"
-import Loc from "../../Models/Loc"
-import Minimap from "../Base/Minimap"
-
-/**
- * Selects a direction in degrees
- */
-export default class DirectionInput extends InputElement<string> {
-    public readonly IsSelected: UIEventSource<boolean> = new UIEventSource<boolean>(false)
-    private readonly _location: UIEventSource<Loc>
-    private readonly value: UIEventSource<string>
-    private background
-
-    constructor(
-        mapBackground: UIEventSource<any>,
-        location: UIEventSource<Loc>,
-        value?: UIEventSource<string>
-    ) {
-        super()
-        this._location = location
-        this.value = value ?? new UIEventSource<string>(undefined)
-        this.background = mapBackground
-    }
-
-    GetValue(): UIEventSource<string> {
-        return this.value
-    }
-
-    IsValid(str: string): boolean {
-        const t = Number(str)
-        return !isNaN(t) && t >= 0 && t <= 360
-    }
-
-    protected InnerConstructElement(): HTMLElement {
-        let map: BaseUIElement = new FixedUiElement("")
-        if (!Utils.runningFromConsole) {
-            map = Minimap.createMiniMap({
-                background: this.background,
-                allowMoving: false,
-                location: this._location,
-            })
-        }
-
-        const element = new Combine([
-            Svg.direction_stroke_svg()
-                .SetStyle(
-                    `position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:rotate(${
-                        this.value.data ?? 0
-                    }deg);`
-                )
-                .SetClass("direction-svg relative")
-                .SetStyle("z-index: 1000"),
-            map.SetStyle(`position: absolute;top: 0;left: 0;width: 100%;height: 100%;`),
-        ])
-            .SetStyle("width: min(100%, 25em); height: 0; padding-bottom: 100%") // A bit a weird CSS   , see https://stackoverflow.com/questions/13851940/pure-css-solution-square-elements#19448481
-            .SetClass("relative block bg-white border border-black overflow-hidden rounded-full")
-            .ConstructElement()
-
-        this.value.addCallbackAndRunD((rotation) => {
-            const cone = element.getElementsByClassName("direction-svg")[0] as HTMLElement
-            cone.style.transform = `rotate(${rotation}deg)`
-        })
-
-        this.RegisterTriggers(element)
-        element.style.overflow = "hidden"
-        element.style.display = "block"
-
-        return element
-    }
-
-    private RegisterTriggers(htmlElement: HTMLElement) {
-        const self = this
-
-        function onPosChange(x: number, y: number) {
-            const rect = htmlElement.getBoundingClientRect()
-            const dx = -(rect.left + rect.right) / 2 + x
-            const dy = (rect.top + rect.bottom) / 2 - y
-            const angle = (180 * Math.atan2(dy, dx)) / Math.PI
-            const angleGeo = Math.floor((450 - angle) % 360)
-            self.value.setData("" + angleGeo)
-        }
-
-        htmlElement.ontouchmove = (ev: TouchEvent) => {
-            onPosChange(ev.touches[0].clientX, ev.touches[0].clientY)
-            ev.preventDefault()
-        }
-
-        htmlElement.ontouchstart = (ev: TouchEvent) => {
-            onPosChange(ev.touches[0].clientX, ev.touches[0].clientY)
-        }
-
-        let isDown = false
-
-        htmlElement.onmousedown = (ev: MouseEvent) => {
-            isDown = true
-            onPosChange(ev.clientX, ev.clientY)
-            ev.preventDefault()
-        }
-
-        htmlElement.onmouseup = (ev) => {
-            isDown = false
-            ev.preventDefault()
-        }
-
-        htmlElement.onmousemove = (ev: MouseEvent) => {
-            if (isDown) {
-                onPosChange(ev.clientX, ev.clientY)
-            }
-            ev.preventDefault()
-        }
-    }
-}
diff --git a/UI/Input/FloorLevelInputElement.ts b/UI/Input/FloorLevelInputElement.ts
index 8b01b7783..6d88eb6d9 100644
--- a/UI/Input/FloorLevelInputElement.ts
+++ b/UI/Input/FloorLevelInputElement.ts
@@ -1,5 +1,5 @@
 import { InputElement } from "./InputElement"
-import { Store, Stores, UIEventSource } from "../../Logic/UIEventSource"
+import { Store, UIEventSource } from "../../Logic/UIEventSource"
 import Combine from "../Base/Combine"
 import Slider from "./Slider"
 import { ClickableToggle } from "./Toggle"
diff --git a/UI/Input/LocationInput.ts b/UI/Input/LocationInput.ts
index 38518392c..209b1f986 100644
--- a/UI/Input/LocationInput.ts
+++ b/UI/Input/LocationInput.ts
@@ -1,24 +1,17 @@
 import { ReadonlyInputElement } from "./InputElement"
 import Loc from "../../Models/Loc"
 import { Store, UIEventSource } from "../../Logic/UIEventSource"
-import Minimap, { MinimapObj } from "../Base/Minimap"
-import BaseLayer from "../../Models/BaseLayer"
 import Combine from "../Base/Combine"
 import Svg from "../../Svg"
 import { GeoOperations } from "../../Logic/GeoOperations"
-import ShowDataMultiLayer from "../ShowDataLayer/ShowDataMultiLayer"
 import StaticFeatureSource from "../../Logic/FeatureSource/Sources/StaticFeatureSource"
 import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
 import { BBox } from "../../Logic/BBox"
 import { FixedUiElement } from "../Base/FixedUiElement"
-import ShowDataLayer from "../ShowDataLayer/ShowDataLayer"
 import BaseUIElement from "../BaseUIElement"
-import Toggle from "./Toggle"
 import matchpoint from "../../assets/layers/matchpoint/matchpoint.json"
 import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig"
 import FilteredLayer from "../../Models/FilteredLayer"
-import { ElementStorage } from "../../Logic/ElementStorage"
-import AvailableBaseLayers from "../../Logic/Actors/AvailableBaseLayers"
 import { RelationId, WayId } from "../../Models/OsmFeature"
 import { Feature, LineString, Polygon } from "geojson"
 import { OsmObject, OsmWay } from "../../Logic/Osm/OsmObject"
@@ -313,10 +306,6 @@ export default class LocationInput
                 [this.map.leafletMap]
             )
 
-            const animatedHand = Svg.hand_ui()
-                .SetStyle("width: 2rem; height: unset;")
-                .SetClass("hand-drag-animation block pointer-events-none")
-
             return new Combine([
                 new Combine([
                     Svg.move_arrows_ui()
@@ -328,10 +317,6 @@ export default class LocationInput
                         "background: rgba(255, 128, 128, 0.21); left: 50%; top: 50%; opacity: 0.5"
                     ),
 
-                new Toggle(undefined, animatedHand, hasMoved)
-                    .SetClass("block w-0 h-0 z-10 relative")
-                    .SetStyle("left: calc(50% + 3rem); top: calc(50% + 2rem); opacity: 0.7"),
-
                 this.map.SetClass("z-0 relative block w-full h-full bg-gray-100"),
             ]).ConstructElement()
         } catch (e) {
@@ -341,11 +326,4 @@ export default class LocationInput
                 .ConstructElement()
         }
     }
-
-    TakeScreenshot(format: "image"): Promise<string>
-    TakeScreenshot(format: "blob"): Promise<Blob>
-    TakeScreenshot(format: "image" | "blob"): Promise<string | Blob>
-    TakeScreenshot(format: "image" | "blob"): Promise<string | Blob> {
-        return this.map.TakeScreenshot(format)
-    }
 }
diff --git a/UI/Input/README.md b/UI/Input/README.md
new file mode 100644
index 000000000..459e6c856
--- /dev/null
+++ b/UI/Input/README.md
@@ -0,0 +1 @@
+This is the old, deprecated directory. New, SVelte-based items go into `InputElement`
diff --git a/UI/Input/SimpleDatePicker.ts b/UI/Input/SimpleDatePicker.ts
index 2c40242b9..860083082 100644
--- a/UI/Input/SimpleDatePicker.ts
+++ b/UI/Input/SimpleDatePicker.ts
@@ -2,7 +2,6 @@ import { InputElement } from "./InputElement"
 import { UIEventSource } from "../../Logic/UIEventSource"
 
 export default class SimpleDatePicker extends InputElement<string> {
-    IsSelected: UIEventSource<boolean> = new UIEventSource<boolean>(false)
     private readonly value: UIEventSource<string>
     private readonly _element: HTMLElement
 
diff --git a/UI/Input/TextField.ts b/UI/Input/TextField.ts
index 291906c2f..7b7dc5bd5 100644
--- a/UI/Input/TextField.ts
+++ b/UI/Input/TextField.ts
@@ -50,10 +50,6 @@ export class TextField extends InputElement<string> {
         return this.value
     }
 
-    GetRawValue(): UIEventSource<string> {
-        return this._rawValue
-    }
-
     IsValid(t: string): boolean {
         if (t === undefined || t === null) {
             return false
diff --git a/UI/Input/ValidatedTextField.ts b/UI/Input/ValidatedTextField.ts
deleted file mode 100644
index 4cc8864f6..000000000
--- a/UI/Input/ValidatedTextField.ts
+++ /dev/null
@@ -1,1008 +0,0 @@
-import { DropDown } from "./DropDown"
-import * as EmailValidator from "email-validator"
-import { parsePhoneNumberFromString } from "libphonenumber-js"
-import { InputElement } from "./InputElement"
-import { TextField } from "./TextField"
-import { ImmutableStore, Store, UIEventSource } from "../../Logic/UIEventSource"
-import CombinedInputElement from "./CombinedInputElement"
-import SimpleDatePicker from "./SimpleDatePicker"
-import OpeningHoursInput from "../OpeningHours/OpeningHoursInput"
-import DirectionInput from "./DirectionInput"
-import ColorPicker from "./ColorPicker"
-import { Utils } from "../../Utils"
-import Loc from "../../Models/Loc"
-import BaseUIElement from "../BaseUIElement"
-import LengthInput from "./LengthInput"
-import { GeoOperations } from "../../Logic/GeoOperations"
-import { Unit } from "../../Models/Unit"
-import { FixedInputElement } from "./FixedInputElement"
-import WikidataSearchBox from "../Wikipedia/WikidataSearchBox"
-import Wikidata from "../../Logic/Web/Wikidata"
-import Table from "../Base/Table"
-import Combine from "../Base/Combine"
-import Title from "../Base/Title"
-import InputElementMap from "./InputElementMap"
-import Translations from "../i18n/Translations"
-import { Translation } from "../i18n/Translation"
-import Locale from "../i18n/Locale"
-import { RasterLayerPolygon } from "../../Models/RasterLayers"
-
-export class TextFieldDef {
-    public readonly name: string
-    /*
-     * An explanation for the theme builder.
-     * This can indicate which special input element is used, ...
-     * */
-    public readonly explanation: string
-    protected inputmode?: string = undefined
-
-    constructor(name: string, explanation: string | BaseUIElement) {
-        this.name = name
-        if (this.name.endsWith("textfield")) {
-            this.name = this.name.substr(0, this.name.length - "TextField".length)
-        }
-        if (this.name.endsWith("textfielddef")) {
-            this.name = this.name.substr(0, this.name.length - "TextFieldDef".length)
-        }
-        if (typeof explanation === "string") {
-            this.explanation = explanation
-        } else {
-            this.explanation = explanation.AsMarkdown()
-        }
-    }
-
-    public getFeedback(s: string): Translation {
-        const tr = Translations.t.validation[this.name]
-        if (tr !== undefined) {
-            return tr["feedback"]
-        }
-    }
-
-    public ConstructInputElement(
-        options: {
-            value?: UIEventSource<string>
-            inputStyle?: string
-            feedback?: UIEventSource<Translation>
-            placeholder?: string | Translation | UIEventSource<string>
-            country?: () => string
-            location?: [number /*lat*/, number /*lon*/]
-            mapBackgroundLayer?: UIEventSource</*BaseLayer*/ any>
-            unit?: Unit
-            args?: (string | number | boolean | any)[] // Extra arguments for the inputHelper,
-            feature?: any
-        } = {}
-    ): InputElement<string> {
-        if (options.placeholder === undefined) {
-            options.placeholder = Translations.t.validation[this.name]?.description ?? this.name
-        }
-
-        options["textArea"] = this.name === "text"
-        if (this.name === "text") {
-            options["htmlType"] = "area"
-        }
-
-        const self = this
-
-        if (options.unit !== undefined) {
-            // Reformatting is handled by the unit in this case
-            options["isValid"] = (str) => {
-                const denom = options.unit.findDenomination(str, options?.country)
-                if (denom === undefined) {
-                    return false
-                }
-                const stripped = denom[0]
-                return self.isValid(stripped, options.country)
-            }
-        } else {
-            options["isValid"] = (str) => self.isValid(str, options.country)
-        }
-        options["cssText"] = "width: 100%;"
-
-        options["inputMode"] = this.inputmode
-        if (this.inputmode === "text") {
-            options["htmlType"] = "area"
-            options["textAreaRows"] = 4
-        }
-
-        const textfield = new TextField(options)
-        let input: InputElement<string> = textfield
-        if (options.feedback) {
-            textfield.GetRawValue().addCallback((v) => {
-                if (self.isValid(v, options.country)) {
-                    options.feedback.setData(undefined)
-                } else {
-                    options.feedback.setData(self.getFeedback(v))
-                }
-            })
-        }
-
-        if (this.reformat && options.unit === undefined) {
-            input.GetValue().addCallbackAndRun((str) => {
-                if (!options["isValid"](str, options.country)) {
-                    return
-                }
-                const formatted = this.reformat(str, options.country)
-                input.GetValue().setData(formatted)
-            })
-        }
-
-        if (options.unit) {
-            // We need to apply a unit.
-            // This implies:
-            // We have to create a dropdown with applicable denominations, and fuse those values
-            const unit = options.unit
-
-            const isSingular = input.GetValue().map((str) => str?.trim() === "1")
-
-            const unitDropDown =
-                unit.denominations.length === 1
-                    ? new FixedInputElement(
-                          unit.denominations[0].getToggledHuman(isSingular),
-                          unit.denominations[0]
-                      )
-                    : new DropDown(
-                          "",
-                          unit.denominations.map((denom) => {
-                              return {
-                                  shown: denom.getToggledHuman(isSingular),
-                                  value: denom,
-                              }
-                          })
-                      )
-            unitDropDown.GetValue().setData(unit.getDefaultInput(options.country))
-            unitDropDown.SetClass("w-min")
-
-            const fixedDenom = unit.denominations.length === 1 ? unit.denominations[0] : undefined
-            input = new CombinedInputElement(
-                input,
-                unitDropDown,
-                // combine the value from the textfield and the dropdown into the resulting value that should go into OSM
-                (text, denom) => {
-                    if (denom === undefined) {
-                        return text
-                    }
-                    return denom?.canonicalValue(text, true)
-                },
-                (valueWithDenom: string) => {
-                    // Take the value from OSM and feed it into the textfield and the dropdown
-                    const withDenom = unit.findDenomination(valueWithDenom, options?.country)
-                    if (withDenom === undefined) {
-                        // Not a valid value at all - we give it undefined and leave the details up to the other elements (but we keep the previous denomination)
-                        return [undefined, fixedDenom]
-                    }
-                    const [strippedText, denom] = withDenom
-                    if (strippedText === undefined) {
-                        return [undefined, fixedDenom]
-                    }
-                    return [strippedText, denom]
-                }
-            ).SetClass("flex")
-        }
-        const helper = this.inputHelper(input.GetValue(), {
-            location: options.location,
-            mapBackgroundLayer: options.mapBackgroundLayer,
-            args: options.args,
-            feature: options.feature,
-        })?.SetClass("block")
-        if (helper !== undefined) {
-            input = new CombinedInputElement(
-                input,
-                helper,
-                (a, _) => a, // We can ignore b, as they are linked earlier
-                (a) => [a, a]
-            ).SetClass("block w-full")
-        }
-        if (this.postprocess !== undefined) {
-            input = new InputElementMap<string, string>(
-                input,
-                (a, b) => a === b,
-                this.postprocess,
-                this.undoPostprocess
-            )
-        }
-
-        return input
-    }
-
-    protected isValid(string: string, requestCountry: () => string): boolean {
-        return true
-    }
-
-    protected reformat(s: string, country?: () => string): string {
-        return s
-    }
-
-    /**
-     * Modification to make before the string is uploaded to OSM
-     */
-    protected postprocess(s: string): string {
-        return s
-    }
-
-    protected undoPostprocess(s: string): string {
-        return s
-    }
-
-    protected inputHelper(
-        value: UIEventSource<string>,
-        options?: {
-            location: [number, number]
-            mapBackgroundLayer?: UIEventSource<any>
-            args: (string | number | boolean | any)[]
-            feature?: any
-        }
-    ): InputElement<string> {
-        return undefined
-    }
-}
-
-class WikidataTextField extends TextFieldDef {
-    constructor() {
-        super(
-            "wikidata",
-            new Combine([
-                "A wikidata identifier, e.g. Q42.",
-                new Title("Helper arguments"),
-                new Table(
-                    ["name", "doc"],
-                    [
-                        ["key", "the value of this tag will initialize search (default: name)"],
-                        [
-                            "options",
-                            new Combine([
-                                "A JSON-object of type `{ removePrefixes: string[], removePostfixes: string[] }`.",
-                                new Table(
-                                    ["subarg", "doc"],
-                                    [
-                                        [
-                                            "removePrefixes",
-                                            "remove these snippets of text from the start of the passed string to search. This is either a list OR a hash of languages to a list. The individual strings are interpreted as case ignoring regexes",
-                                        ],
-                                        [
-                                            "removePostfixes",
-                                            "remove these snippets of text from the end of the passed string to search. This is either a list OR a hash of languages to a list. The individual strings are interpreted as case ignoring regexes.",
-                                        ],
-                                        [
-                                            "instanceOf",
-                                            "A list of Q-identifier which indicates that the search results _must_ be an entity of this type, e.g. [`Q5`](https://www.wikidata.org/wiki/Q5) for humans",
-                                        ],
-                                        [
-                                            "notInstanceof",
-                                            "A list of Q-identifiers which indicates that the search results _must not_ be an entity of this type, e.g. [`Q79007`](https://www.wikidata.org/wiki/Q79007) to filter away all streets from the search results",
-                                        ],
-                                    ]
-                                ),
-                            ]),
-                        ],
-                    ]
-                ),
-                new Title("Example usage"),
-                `The following is the 'freeform'-part of a layer config which will trigger a search for the wikidata item corresponding with the name of the selected feature. It will also remove '-street', '-square', ... if found at the end of the name
-
-\`\`\`json
-"freeform": {
-    "key": "name:etymology:wikidata",
-    "type": "wikidata",
-    "helperArgs": [
-        "name",
-        {
-            "removePostfixes": {"en": [
-                "street",
-                "boulevard",
-                "path",
-                "square",
-                "plaza",
-            ],
-             "nl": ["straat","plein","pad","weg",laan"],
-             "fr":["route (de|de la|de l'| de le)"]
-             },
-
-            "#": "Remove streets and parks from the search results:"
-             "notInstanceOf": ["Q79007","Q22698"]
-        }
-
-    ]
-}
-\`\`\`
-
-Another example is to search for species and trees:
-
-\`\`\`json
- "freeform": {
-        "key": "species:wikidata",
-        "type": "wikidata",
-        "helperArgs": [
-          "species",
-          {
-          "instanceOf": [10884, 16521]
-        }]
-      }
-\`\`\`
-`,
-            ])
-        )
-    }
-
-    public isValid(str): boolean {
-        if (str === undefined) {
-            return false
-        }
-        if (str.length <= 2) {
-            return false
-        }
-        return !str.split(";").some((str) => Wikidata.ExtractKey(str) === undefined)
-    }
-
-    public reformat(str) {
-        if (str === undefined) {
-            return undefined
-        }
-        let out = str
-            .split(";")
-            .map((str) => Wikidata.ExtractKey(str))
-            .join("; ")
-        if (str.endsWith(";")) {
-            out = out + ";"
-        }
-        return out
-    }
-
-    public inputHelper(currentValue, inputHelperOptions) {
-        const args = inputHelperOptions.args ?? []
-        const searchKey = args[0] ?? "name"
-
-        const searchFor = <string>(
-            (inputHelperOptions.feature?.properties[searchKey]?.toLowerCase() ?? "")
-        )
-
-        let searchForValue: UIEventSource<string> = new UIEventSource(searchFor)
-        const options: any = args[1]
-        if (searchFor !== undefined && options !== undefined) {
-            const prefixes = <string[] | Record<string, string[]>>options["removePrefixes"] ?? []
-            const postfixes = <string[] | Record<string, string[]>>options["removePostfixes"] ?? []
-            const defaultValueCandidate = Locale.language.map((lg) => {
-                const prefixesUnrwapped: RegExp[] = (
-                    Array.isArray(prefixes) ? prefixes : prefixes[lg] ?? []
-                ).map((s) => new RegExp("^" + s, "i"))
-                const postfixesUnwrapped: RegExp[] = (
-                    Array.isArray(postfixes) ? postfixes : postfixes[lg] ?? []
-                ).map((s) => new RegExp(s + "$", "i"))
-                let clipped = searchFor
-
-                for (const postfix of postfixesUnwrapped) {
-                    const match = searchFor.match(postfix)
-                    if (match !== null) {
-                        clipped = searchFor.substring(0, searchFor.length - match[0].length)
-                        break
-                    }
-                }
-
-                for (const prefix of prefixesUnrwapped) {
-                    const match = searchFor.match(prefix)
-                    if (match !== null) {
-                        clipped = searchFor.substring(match[0].length)
-                        break
-                    }
-                }
-                return clipped
-            })
-
-            defaultValueCandidate.addCallbackAndRun((clipped) => searchForValue.setData(clipped))
-        }
-
-        let instanceOf: number[] = Utils.NoNull(
-            (options?.instanceOf ?? []).map((i) => Wikidata.QIdToNumber(i))
-        )
-        let notInstanceOf: number[] = Utils.NoNull(
-            (options?.notInstanceOf ?? []).map((i) => Wikidata.QIdToNumber(i))
-        )
-
-        return new WikidataSearchBox({
-            value: currentValue,
-            searchText: searchForValue,
-            instanceOf,
-            notInstanceOf,
-        })
-    }
-}
-
-class OpeningHoursTextField extends TextFieldDef {
-    constructor() {
-        super(
-            "opening_hours",
-            new Combine([
-                "Has extra elements to easily input when a POI is opened.",
-                new Title("Helper arguments"),
-                new Table(
-                    ["name", "doc"],
-                    [
-                        [
-                            "options",
-                            new Combine([
-                                "A JSON-object of type `{ prefix: string, postfix: string }`. ",
-                                new Table(
-                                    ["subarg", "doc"],
-                                    [
-                                        [
-                                            "prefix",
-                                            "Piece of text that will always be added to the front of the generated opening hours. If the OSM-data does not start with this, it will fail to parse.",
-                                        ],
-                                        [
-                                            "postfix",
-                                            "Piece of text that will always be added to the end of the generated opening hours",
-                                        ],
-                                    ]
-                                ),
-                            ]),
-                        ],
-                    ]
-                ),
-                new Title("Example usage"),
-                "To add a conditional (based on time) access restriction:\n\n```\n" +
-                    `
-"freeform": {
-    "key": "access:conditional",
-    "type": "opening_hours",
-    "helperArgs": [
-        {
-          "prefix":"no @ (",
-          "postfix":")"
-        }
-    ]
-}` +
-                    "\n```\n\n*Don't forget to pass the prefix and postfix in the rendering as well*: `{opening_hours_table(opening_hours,yes @ &LPARENS, &RPARENS )`",
-            ])
-        )
-    }
-
-    isValid() {
-        return true
-    }
-
-    reformat(str) {
-        return str
-    }
-
-    inputHelper(
-        value: UIEventSource<string>,
-        inputHelperOptions: {
-            location: [number, number]
-            mapBackgroundLayer?: UIEventSource<any>
-            args: (string | number | boolean | any)[]
-            feature?: any
-        }
-    ) {
-        const args = (inputHelperOptions.args ?? [])[0]
-        const prefix = <string>args?.prefix ?? ""
-        const postfix = <string>args?.postfix ?? ""
-
-        return new OpeningHoursInput(value, prefix, postfix)
-    }
-}
-
-class UrlTextfieldDef extends TextFieldDef {
-    declare inputmode: "url"
-
-    constructor() {
-        super(
-            "url",
-            "The validatedTextField will format URLs to always be valid and have a https://-header (even though the 'https'-part will be hidden from the user"
-        )
-    }
-
-    postprocess(str: string) {
-        if (str === undefined) {
-            return undefined
-        }
-        if (!str.startsWith("http://") || !str.startsWith("https://")) {
-            return "https://" + str
-        }
-        return str
-    }
-
-    undoPostprocess(str: string) {
-        if (str === undefined) {
-            return undefined
-        }
-        if (str.startsWith("http://")) {
-            return str.substr("http://".length)
-        }
-        if (str.startsWith("https://")) {
-            return str.substr("https://".length)
-        }
-        return str
-    }
-
-    reformat(str: string): string {
-        try {
-            let url: URL
-            // str = str.toLowerCase() // URLS are case sensitive. Lowercasing them might break some URLS. See #763
-            if (
-                !str.startsWith("http://") &&
-                !str.startsWith("https://") &&
-                !str.startsWith("http:")
-            ) {
-                url = new URL("https://" + str)
-            } else {
-                url = new URL(str)
-            }
-            const blacklistedTrackingParams = [
-                "fbclid", // Oh god, how I hate the fbclid. Let it burn, burn in hell!
-                "gclid",
-                "cmpid",
-                "agid",
-                "utm",
-                "utm_source",
-                "utm_medium",
-                "campaignid",
-                "campaign",
-                "AdGroupId",
-                "AdGroup",
-                "TargetId",
-                "msclkid",
-            ]
-            for (const dontLike of blacklistedTrackingParams) {
-                url.searchParams.delete(dontLike.toLowerCase())
-            }
-            let cleaned = url.toString()
-            if (cleaned.endsWith("/") && !str.endsWith("/")) {
-                // Do not add a trailing '/' if it wasn't typed originally
-                cleaned = cleaned.substr(0, cleaned.length - 1)
-            }
-
-            if (cleaned.startsWith("https://")) {
-                cleaned = cleaned.substr("https://".length)
-            }
-
-            return cleaned
-        } catch (e) {
-            console.error(e)
-            return undefined
-        }
-    }
-
-    isValid(str: string): boolean {
-        try {
-            if (
-                !str.startsWith("http://") &&
-                !str.startsWith("https://") &&
-                !str.startsWith("http:")
-            ) {
-                str = "https://" + str
-            }
-            const url = new URL(str)
-            const dotIndex = url.host.indexOf(".")
-            return dotIndex > 0 && url.host[url.host.length - 1] !== "."
-        } catch (e) {
-            return false
-        }
-    }
-}
-
-class StringTextField extends TextFieldDef {
-    constructor() {
-        super("string", "A simple piece of text")
-    }
-}
-
-class TextTextField extends TextFieldDef {
-    declare inputmode: "text"
-    constructor() {
-        super("text", "A longer piece of text. Uses an textArea instead of a textField")
-    }
-}
-
-class DateTextField extends TextFieldDef {
-    constructor() {
-        super("date", "A date with date picker")
-    }
-
-    isValid = (str) => {
-        return !isNaN(new Date(str).getTime())
-    }
-
-    reformat(str) {
-        const d = new Date(str)
-        let month = "" + (d.getMonth() + 1)
-        let day = "" + d.getDate()
-        const year = d.getFullYear()
-
-        if (month.length < 2) month = "0" + month
-        if (day.length < 2) day = "0" + day
-
-        return [year, month, day].join("-")
-    }
-
-    inputHelper(value) {
-        return new SimpleDatePicker(value)
-    }
-}
-
-class LengthTextField extends TextFieldDef {
-    inputMode: "decimal"
-
-    constructor() {
-        super(
-            "distance",
-            'A geographical distance in meters (rounded at two points). Will give an extra minimap with a measurement tool. Arguments: [ zoomlevel, preferredBackgroundMapType (comma separated) ], e.g. `["21", "map,photo"]'
-        )
-    }
-
-    isValid = (str) => {
-        const t = Number(str)
-        return !isNaN(t)
-    }
-
-    inputHelper = (
-        value: UIEventSource<string>,
-        options: {
-            location?: [number, number]
-            args?: string[]
-            feature?: any
-            mapBackgroundLayer?: Store<RasterLayerPolygon>
-        }
-    ) => {
-        options = options ?? {}
-        options.location = options.location ?? [0, 0]
-
-        const args = options.args ?? []
-        let zoom = 19
-        if (args[0]) {
-            zoom = Number(args[0])
-            if (isNaN(zoom)) {
-                console.error(
-                    "Invalid zoom level for argument at 'length'-input. The offending argument is: ",
-                    args[0],
-                    " (using 19 instead)"
-                )
-                zoom = 19
-            }
-        }
-
-        // Bit of a hack: we project the centerpoint to the closes point on the road - if available
-        if (options?.feature !== undefined && options.feature.geometry.type !== "Point") {
-            const lonlat = <[number, number]>[...options.location]
-            lonlat.reverse(/*Changes a clone, this is safe */)
-            options.location = <[number, number]>(
-                GeoOperations.nearestPoint(options.feature, lonlat).geometry.coordinates
-            )
-            options.location.reverse(/*Changes a clone, this is safe */)
-        }
-
-        const location = new UIEventSource<Loc>({
-            lat: options.location[0],
-            lon: options.location[1],
-            zoom: zoom,
-        })
-        if (args[1]) {
-            // The arguments indicate the preferred background type
-            options.mapBackgroundLayer = AvailableBaseLayers.SelectBestLayerAccordingTo(
-                location,
-                new ImmutableStore<string[]>(args[1].split(","))
-            )
-        }
-        const background = options?.mapBackgroundLayer
-        const li = new LengthInput(
-            new UIEventSource<RasterLayerPolygon>(background.data),
-            location,
-            value
-        )
-        li.SetStyle("height: 20rem;")
-        return li
-    }
-}
-
-class FloatTextField extends TextFieldDef {
-    inputmode = "decimal"
-
-    constructor(name?: string, explanation?: string) {
-        super(name ?? "float", explanation ?? "A decimal")
-    }
-
-    isValid(str) {
-        return !isNaN(Number(str)) && !str.endsWith(".") && !str.endsWith(",")
-    }
-
-    reformat(str): string {
-        return "" + Number(str)
-    }
-
-    getFeedback(s: string): Translation {
-        if (isNaN(Number(s))) {
-            return Translations.t.validation.nat.notANumber
-        }
-
-        return undefined
-    }
-}
-
-class IntTextField extends FloatTextField {
-    inputMode = "numeric"
-
-    constructor(name?: string, explanation?: string) {
-        super(name ?? "int", explanation ?? "A number")
-    }
-
-    isValid(str): boolean {
-        str = "" + str
-        return str !== undefined && str.indexOf(".") < 0 && !isNaN(Number(str))
-    }
-
-    getFeedback(s: string): Translation {
-        const n = Number(s)
-        if (isNaN(n)) {
-            return Translations.t.validation.nat.notANumber
-        }
-        if (Math.floor(n) !== n) {
-            return Translations.t.validation.nat.mustBeWhole
-        }
-        return undefined
-    }
-}
-
-class NatTextField extends IntTextField {
-    inputMode = "numeric"
-
-    constructor(name?: string, explanation?: string) {
-        super(name ?? "nat", explanation ?? "A positive number or zero")
-    }
-
-    isValid(str): boolean {
-        if (str === undefined) {
-            return false
-        }
-        str = "" + str
-
-        return str.indexOf(".") < 0 && !isNaN(Number(str)) && Number(str) >= 0
-    }
-
-    getFeedback(s: string): Translation {
-        const spr = super.getFeedback(s)
-        if (spr !== undefined) {
-            return spr
-        }
-        const n = Number(s)
-        if (n < 0) {
-            return Translations.t.validation.nat.mustBePositive
-        }
-        return undefined
-    }
-}
-
-class PNatTextField extends NatTextField {
-    inputmode = "numeric"
-
-    constructor() {
-        super("pnat", "A strict positive number")
-    }
-
-    getFeedback(s: string): Translation {
-        const spr = super.getFeedback(s)
-        if (spr !== undefined) {
-            return spr
-        }
-        if (Number(s) === 0) {
-            return Translations.t.validation.pnat.noZero
-        }
-        return undefined
-    }
-
-    isValid = (str) => {
-        if (!super.isValid(str)) {
-            return false
-        }
-        return Number(str) > 0
-    }
-}
-
-class PFloatTextField extends FloatTextField {
-    inputmode = "decimal"
-
-    constructor() {
-        super("pfloat", "A positive decimal (inclusive zero)")
-    }
-
-    isValid = (str) =>
-        !isNaN(Number(str)) && Number(str) >= 0 && !str.endsWith(".") && !str.endsWith(",")
-
-    getFeedback(s: string): Translation {
-        const spr = super.getFeedback(s)
-        if (spr !== undefined) {
-            return spr
-        }
-        if (Number(s) < 0) {
-            return Translations.t.validation.nat.mustBePositive
-        }
-        return undefined
-    }
-}
-
-class EmailTextField extends TextFieldDef {
-    inputmode = "email"
-
-    constructor() {
-        super("email", "An email adress")
-    }
-
-    isValid = (str) => {
-        if (str === undefined) {
-            return false
-        }
-        str = str.trim()
-        if (str.startsWith("mailto:")) {
-            str = str.substring("mailto:".length)
-        }
-        return EmailValidator.validate(str)
-    }
-
-    reformat = (str) => {
-        if (str === undefined) {
-            return undefined
-        }
-        str = str.trim()
-        if (str.startsWith("mailto:")) {
-            str = str.substring("mailto:".length)
-        }
-        return str
-    }
-
-    getFeedback(s: string): Translation {
-        if (s.indexOf("@") < 0) {
-            return Translations.t.validation.email.noAt
-        }
-
-        return super.getFeedback(s)
-    }
-}
-
-class PhoneTextField extends TextFieldDef {
-    inputmode = "tel"
-
-    constructor() {
-        super("phone", "A phone number")
-    }
-
-    isValid(str, country: () => string): boolean {
-        if (str === undefined) {
-            return false
-        }
-        if (str.startsWith("tel:")) {
-            str = str.substring("tel:".length)
-        }
-        let countryCode = undefined
-        if (country !== undefined) {
-            countryCode = country()?.toUpperCase()
-        }
-        return parsePhoneNumberFromString(str, countryCode)?.isValid() ?? false
-    }
-
-    reformat = (str, country: () => string) => {
-        if (str.startsWith("tel:")) {
-            str = str.substring("tel:".length)
-        }
-        return parsePhoneNumberFromString(
-            str,
-            country()?.toUpperCase() as any
-        )?.formatInternational()
-    }
-}
-
-class ColorTextField extends TextFieldDef {
-    constructor() {
-        super("color", "Shows a color picker")
-    }
-
-    inputHelper = (value) => {
-        return new ColorPicker(
-            value.map(
-                (color) => {
-                    return Utils.ColourNameToHex(color ?? "")
-                },
-                [],
-                (str) => Utils.HexToColourName(str)
-            )
-        )
-    }
-}
-
-class DirectionTextField extends IntTextField {
-    inputMode = "numeric"
-
-    constructor() {
-        super(
-            "direction",
-            "A geographical direction, in degrees. 0° is north, 90° is east, ... Will return a value between 0 (incl) and 360 (excl)"
-        )
-    }
-
-    reformat(str): string {
-        const n = Number(str) % 360
-        return "" + n
-    }
-
-    inputHelper = (value, options) => {
-        const args = options.args ?? []
-        options.location = options.location ?? [0, 0]
-        let zoom = 19
-        if (args[0]) {
-            zoom = Number(args[0])
-            if (isNaN(zoom)) {
-                throw "Invalid zoom level for argument at 'length'-input"
-            }
-        }
-        const location = new UIEventSource<Loc>({
-            lat: options.location[0],
-            lon: options.location[1],
-            zoom: zoom,
-        })
-        if (args[1]) {
-            // We have a prefered map!
-            options.mapBackgroundLayer = AvailableBaseLayers.SelectBestLayerAccordingTo(
-                location,
-                new UIEventSource<string[]>(args[1].split(","))
-            )
-        }
-        const di = new DirectionInput(options.mapBackgroundLayer, location, value)
-        di.SetStyle("max-width: 25rem;")
-
-        return di
-    }
-}
-
-export default class ValidatedTextField {
-    private static AllTextfieldDefs: TextFieldDef[] = [
-        new StringTextField(),
-        new TextTextField(),
-        new DateTextField(),
-        new NatTextField(),
-        new IntTextField(),
-        new LengthTextField(),
-        new DirectionTextField(),
-        new WikidataTextField(),
-        new PNatTextField(),
-        new FloatTextField(),
-        new PFloatTextField(),
-        new EmailTextField(),
-        new UrlTextfieldDef(),
-        new PhoneTextField(),
-        new OpeningHoursTextField(),
-        new ColorTextField(),
-    ]
-    public static allTypes: Map<string, TextFieldDef> = ValidatedTextField.allTypesDict()
-    public static ForType(type: string = "string"): TextFieldDef {
-        const def = ValidatedTextField.allTypes.get(type)
-        if (def === undefined) {
-            console.warn(
-                "Something tried to load a validated text field named",
-                type,
-                "but this type does not exist"
-            )
-            return this.ForType()
-        }
-        return def
-    }
-
-    public static HelpText(): BaseUIElement {
-        const explanations: BaseUIElement[] = ValidatedTextField.AllTextfieldDefs.map((type) =>
-            new Combine([new Title(type.name, 3), type.explanation]).SetClass("flex flex-col")
-        )
-        return new Combine([
-            new Title("Available types for text fields", 1),
-            "The listed types here trigger a special input element. Use them in `tagrendering.freeform.type` of your tagrendering to activate them",
-            ...explanations,
-        ]).SetClass("flex flex-col")
-    }
-
-    public static AvailableTypes(): string[] {
-        return ValidatedTextField.AllTextfieldDefs.map((tp) => tp.name)
-    }
-
-    private static allTypesDict(): Map<string, TextFieldDef> {
-        const types = new Map<string, TextFieldDef>()
-        for (const tp of ValidatedTextField.AllTextfieldDefs) {
-            types[tp.name] = tp
-            types.set(tp.name, tp)
-        }
-        return types
-    }
-}
diff --git a/UI/InputElement/Helpers/DirectionInput.svelte b/UI/InputElement/Helpers/DirectionInput.svelte
new file mode 100644
index 000000000..cf63be378
--- /dev/null
+++ b/UI/InputElement/Helpers/DirectionInput.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+  import { UIEventSource } from "../../../Logic/UIEventSource";
+  import type { MapProperties } from "../../../Models/MapProperties";
+  import { Map as MlMap } from "maplibre-gl";
+  import { MapLibreAdaptor } from "../../Map/MapLibreAdaptor";
+  import MaplibreMap from "../../Map/MaplibreMap.svelte";
+  import ToSvelte from "../../Base/ToSvelte.svelte";
+  import Svg from "../../../Svg.js";
+
+  /**
+   * A visualisation to pick a direction on a map background
+   */
+  export let value: UIEventSource<undefined | number>;
+  export let mapProperties: Partial<MapProperties> & { readonly location: UIEventSource<{ lon: number; lat: number }> };
+  let map: UIEventSource<MlMap> = new UIEventSource<MlMap>(undefined);
+  let mla = new MapLibreAdaptor(map, mapProperties);
+  mla.allowMoving.setData(false)
+  mla.allowZooming.setData(false)
+  let directionElem: HTMLElement | undefined;
+  $: value.addCallbackAndRunD(degrees => {
+    console.log("Degrees are", degrees, directionElem);
+    if (directionElem === undefined) {
+      return;
+    }
+    directionElem.style.rotate = degrees + "deg";
+  });
+
+  let mainElem : HTMLElement
+  function onPosChange(x: number, y: number) {
+    const rect = mainElem.getBoundingClientRect();
+    const dx = -(rect.left + rect.right) / 2 + x;
+    const dy = (rect.top + rect.bottom) / 2 - y;
+    const angle = (180 * Math.atan2(dy, dx)) / Math.PI;
+    const angleGeo = Math.floor((450 - angle) % 360);
+    value.setData(angleGeo);
+  }
+
+  let isDown = false;
+</script>
+
+<div bind:this={mainElem} class="relative w-48 h-48 cursor-pointer overflow-hidden"
+     on:click={e => onPosChange(e.x, e.y)}
+     on:mousedown={e => {
+         isDown = true
+         onPosChange(e.clientX, e.clientY)
+       } }
+     on:mousemove={e => {
+      if(isDown){
+      onPosChange(e.clientX, e.clientY)
+        
+      }}}
+
+     on:mouseup={() => {
+         isDown = false
+       } }
+     on:touchmove={e => onPosChange(e.touches[0].clientX, e.touches[0].clientY)}
+
+
+     on:touchstart={e => onPosChange(e.touches[0].clientX, e.touches[0].clientY)}>
+  <div class="w-full h-full absolute top-0 left-0 cursor-pointer">
+    <MaplibreMap {map} attribution={false}></MaplibreMap>
+  </div>
+
+  <div bind:this={directionElem} class="absolute w-full h-full top-0 left-0 border border-red-500">
+
+    <ToSvelte construct={ Svg.direction_stroke_svg}>
+
+    </ToSvelte>
+  </div>
+</div>
diff --git a/UI/InputElement/Helpers/LocationInput.svelte b/UI/InputElement/Helpers/LocationInput.svelte
new file mode 100644
index 000000000..c6767293b
--- /dev/null
+++ b/UI/InputElement/Helpers/LocationInput.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+  import { Store, UIEventSource } from "../../../Logic/UIEventSource";
+  import type { MapProperties } from "../../../Models/MapProperties";
+  import { Map as MlMap } from "maplibre-gl";
+  import { MapLibreAdaptor } from "../../Map/MapLibreAdaptor";
+  import MaplibreMap from "../../Map/MaplibreMap.svelte";
+  import Svg from "../../../Svg";
+  import ToSvelte from "../../Base/ToSvelte.svelte";
+  import DragInvitation from "../../Base/DragInvitation.svelte";
+
+  /**
+   * A visualisation to pick a direction on a map background
+   */
+  export let value: UIEventSource<{lon: number, lat: number}>;
+  export let mapProperties: Partial<MapProperties> & { readonly location: UIEventSource<{ lon: number; lat: number }> };
+  /**
+   * Called when setup is done, cna be used to add layrs to the map
+   */
+  export let onCreated : (value: Store<{lon: number, lat: number}> , map: Store<MlMap>, mapProperties: MapProperties ) => void
+  
+  let map: UIEventSource<MlMap> = new UIEventSource<MlMap>(undefined);
+  let mla = new MapLibreAdaptor(map, mapProperties);
+  mla.allowMoving.setData(true)
+  mla.allowZooming.setData(true)
+
+  if(onCreated){
+    onCreated(value, map, mla)
+  }
+</script>
+
+<div class="relative h-32 cursor-pointer overflow-hidden">
+  <div class="w-full h-full absolute top-0 left-0 cursor-pointer">
+    <MaplibreMap {map} attribution={false}></MaplibreMap>
+  </div>
+
+  <div class="w-full h-full absolute top-0 left-0 p-8 pointer-events-none opacity-50">
+      <ToSvelte construct={() => Svg.move_arrows_svg().SetClass("h-full")}></ToSvelte>
+  </div>
+  
+  <DragInvitation></DragInvitation>
+
+</div>
diff --git a/UI/InputElement/InputHelper.svelte b/UI/InputElement/InputHelper.svelte
new file mode 100644
index 000000000..e64305a67
--- /dev/null
+++ b/UI/InputElement/InputHelper.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  /**
+   * Constructs an input helper element for the given type.
+   * Note that all values are stringified
+   */
+  
+  import { AvailableInputHelperType } from "./InputHelpers";
+  import { UIEventSource } from "../../Logic/UIEventSource";
+
+  export let type : AvailableInputHelperType
+  export let value : UIEventSource<string>
+  
+</script>
diff --git a/UI/InputElement/InputHelpers.ts b/UI/InputElement/InputHelpers.ts
new file mode 100644
index 000000000..ff6c14f8b
--- /dev/null
+++ b/UI/InputElement/InputHelpers.ts
@@ -0,0 +1,16 @@
+import { AvailableRasterLayers } from "../../Models/RasterLayers"
+
+export type AvailableInputHelperType = typeof InputHelpers.AvailableInputHelpers[number]
+
+export default class InputHelpers {
+    public static readonly AvailableInputHelpers = [] as const
+    /**
+     * To port
+     * direction
+     * opening_hours
+     * color
+     * length
+     * date
+     * wikidata
+     */
+}
diff --git a/UI/InputElement/ValidatedTextField.ts b/UI/InputElement/ValidatedTextField.ts
new file mode 100644
index 000000000..3ed4946e0
--- /dev/null
+++ b/UI/InputElement/ValidatedTextField.ts
@@ -0,0 +1,119 @@
+import BaseUIElement from "../BaseUIElement"
+import Combine from "../Base/Combine"
+import Title from "../Base/Title"
+import Translations from "../i18n/Translations"
+import { Translation } from "../i18n/Translation"
+import WikidataValidator from "./Validators/WikidataValidator"
+import StringValidator from "./Validators/StringValidator"
+import TextValidator from "./Validators/TextValidator"
+import DateValidator from "./Validators/DateValidator"
+import LengthValidator from "./Validators/LengthValidator"
+import IntValidator from "./Validators/IntValidator"
+import EmailValidator from "./Validators/EmailValidator"
+import DirectionValidator from "./Validators/DirectionValidator"
+import NatValidator from "./Validators/NatValidator"
+import OpeningHoursValidator from "./Validators/OpeningHoursValidator"
+import PFloatValidator from "./Validators/PFloatValidator"
+import ColorValidator from "./Validators/ColorValidator"
+import PhoneValidator from "./Validators/PhoneValidator"
+import UrlValidator from "./Validators/UrlValidator"
+import FloatValidator from "./Validators/FloatValidator"
+import PNatValidator from "./Validators/PNatValidator"
+
+/**
+ * A 'TextFieldValidator' contains various methods to check and cleanup an entered value or to give feedback.
+ * They also double as an index of supported types for textfields in MapComplete
+ */
+export abstract class Validator {
+    public readonly name: string
+    /*
+     * An explanation for the theme builder.
+     * This can indicate which special input element is used, ...
+     * */
+    public readonly explanation: string
+    /**
+     * What HTML-inputmode to use
+     */
+    public readonly inputmode?: string
+
+    constructor(name: string, explanation: string | BaseUIElement, inputmode?: string) {
+        this.name = name
+        this.inputmode = inputmode
+        if (this.name.endsWith("textfield")) {
+            this.name = this.name.substr(0, this.name.length - "TextField".length)
+        }
+        if (this.name.endsWith("textfielddef")) {
+            this.name = this.name.substr(0, this.name.length - "TextFieldDef".length)
+        }
+        if (typeof explanation === "string") {
+            this.explanation = explanation
+        } else {
+            this.explanation = explanation.AsMarkdown()
+        }
+    }
+
+    /**
+     * Gets a piece of feedback. By default, validation.<type> will be used, resulting in a generic 'not a valid <type>'.
+     * However, inheritors might overwrite this to give more specific feedback
+     * @param s
+     */
+    public getFeedback(s: string): Translation {
+        const tr = Translations.t.validation[this.name]
+        if (tr !== undefined) {
+            return tr["feedback"]
+        }
+    }
+
+    public isValid(string: string, requestCountry: () => string): boolean {
+        return true
+    }
+
+    public reformat(s: string, country?: () => string): string {
+        return s
+    }
+}
+
+export default class Validators {
+    private static readonly AllValidators: ReadonlyArray<Validator> = [
+        new StringValidator(),
+        new TextValidator(),
+        new DateValidator(),
+        new NatValidator(),
+        new IntValidator(),
+        new LengthValidator(),
+        new DirectionValidator(),
+        new WikidataValidator(),
+        new PNatValidator(),
+        new FloatValidator(),
+        new PFloatValidator(),
+        new EmailValidator(),
+        new UrlValidator(),
+        new PhoneValidator(),
+        new OpeningHoursValidator(),
+        new ColorValidator(),
+    ]
+    public static allTypes: Map<string, Validator> = Validators.allTypesDict()
+
+    public static HelpText(): BaseUIElement {
+        const explanations: BaseUIElement[] = Validators.AllValidators.map((type) =>
+            new Combine([new Title(type.name, 3), type.explanation]).SetClass("flex flex-col")
+        )
+        return new Combine([
+            new Title("Available types for text fields", 1),
+            "The listed types here trigger a special input element. Use them in `tagrendering.freeform.type` of your tagrendering to activate them",
+            ...explanations,
+        ]).SetClass("flex flex-col")
+    }
+
+    public static AvailableTypes(): string[] {
+        return Validators.AllValidators.map((tp) => tp.name)
+    }
+
+    private static allTypesDict(): Map<string, Validator> {
+        const types = new Map<string, Validator>()
+        for (const tp of Validators.AllValidators) {
+            types.set(tp.name, tp)
+        }
+        return types
+    }
+}
diff --git a/UI/InputElement/Validators/ColorValidator.ts b/UI/InputElement/Validators/ColorValidator.ts
new file mode 100644
index 000000000..2022edecb
--- /dev/null
+++ b/UI/InputElement/Validators/ColorValidator.ts
@@ -0,0 +1,7 @@
+import { Validator } from "../ValidatedTextField"
+
+export default class ColorValidator extends Validator {
+    constructor() {
+        super("color", "Shows a color picker")
+    }
+}
diff --git a/UI/InputElement/Validators/DateValidator.ts b/UI/InputElement/Validators/DateValidator.ts
new file mode 100644
index 000000000..1ebbd67bc
--- /dev/null
+++ b/UI/InputElement/Validators/DateValidator.ts
@@ -0,0 +1,23 @@
+import { Validator } from "../ValidatedTextField"
+
+export default class DateValidator extends Validator {
+    constructor() {
+        super("date", "A date with date picker")
+    }
+
+    isValid(str: string): boolean {
+        return !isNaN(new Date(str).getTime())
+    }
+
+    reformat(str: string) {
+        const d = new Date(str)
+        let month = "" + (d.getMonth() + 1)
+        let day = "" + d.getDate()
+        const year = d.getFullYear()
+
+        if (month.length < 2) month = "0" + month
+        if (day.length < 2) day = "0" + day
+
+        return [year, month, day].join("-")
+    }
+}
diff --git a/UI/InputElement/Validators/DirectionValidator.ts b/UI/InputElement/Validators/DirectionValidator.ts
new file mode 100644
index 000000000..582edf58a
--- /dev/null
+++ b/UI/InputElement/Validators/DirectionValidator.ts
@@ -0,0 +1,17 @@
+import { Validator } from "../ValidatedTextField"
+import IntValidator from "./IntValidator";
+
+export default class DirectionValidator extends IntValidator {
+    constructor() {
+        super(
+            "direction",
+            "A geographical direction, in degrees. 0° is north, 90° is east, ... Will return a value between 0 (incl) and 360 (excl)"
+        )
+    }
+
+    reformat(str): string {
+        const n = Number(str) % 360
+        return "" + n
+    }
+
+}
diff --git a/UI/InputElement/Validators/EmailValidator.ts b/UI/InputElement/Validators/EmailValidator.ts
new file mode 100644
index 000000000..8702bdff8
--- /dev/null
+++ b/UI/InputElement/Validators/EmailValidator.ts
@@ -0,0 +1,39 @@
+import { Validator } from "../ValidatedTextField.js"
+import { Translation } from "../../i18n/Translation.js"
+import Translations from "../../i18n/Translations.js"
+import * as emailValidatorLibrary from "email-validator"
+export default class EmailValidator extends Validator {
+    constructor() {
+        super("email", "An email adress", "email")
+    }
+
+    isValid = (str) => {
+        if (str === undefined) {
+            return false
+        }
+        str = str.trim()
+        if (str.startsWith("mailto:")) {
+            str = str.substring("mailto:".length)
+        }
+        return emailValidatorLibrary.validate(str)
+    }
+
+    reformat = (str) => {
+        if (str === undefined) {
+            return undefined
+        }
+        str = str.trim()
+        if (str.startsWith("mailto:")) {
+            str = str.substring("mailto:".length)
+        }
+        return str
+    }
+
+    getFeedback(s: string): Translation {
+        if (s.indexOf("@") < 0) {
+            return Translations.t.validation.email.noAt
+        }
+
+        return super.getFeedback(s)
+    }
+}
diff --git a/UI/InputElement/Validators/FloatValidator.ts b/UI/InputElement/Validators/FloatValidator.ts
new file mode 100644
index 000000000..1bcf55404
--- /dev/null
+++ b/UI/InputElement/Validators/FloatValidator.ts
@@ -0,0 +1,27 @@
+import { Translation } from "../../i18n/Translation"
+import Translations from "../../i18n/Translations"
+import { Validator } from "../ValidatedTextField"
+
+export default class FloatValidator extends Validator {
+    inputmode = "decimal"
+
+    constructor(name?: string, explanation?: string) {
+        super(name ?? "float", explanation ?? "A decimal number", "decimal")
+    }
+
+    isValid(str) {
+        return !isNaN(Number(str)) && !str.endsWith(".") && !str.endsWith(",")
+    }
+
+    reformat(str): string {
+        return "" + Number(str)
+    }
+
+    getFeedback(s: string): Translation {
+        if (isNaN(Number(s))) {
+            return Translations.t.validation.nat.notANumber
+        }
+
+        return undefined
+    }
+}
diff --git a/UI/InputElement/Validators/IntValidator.ts b/UI/InputElement/Validators/IntValidator.ts
new file mode 100644
index 000000000..0b349cbe8
--- /dev/null
+++ b/UI/InputElement/Validators/IntValidator.ts
@@ -0,0 +1,29 @@
+import { Translation } from "../../i18n/Translation"
+import Translations from "../../i18n/Translations"
+import { Validator } from "../ValidatedTextField"
+
+export default class IntValidator extends Validator {
+    constructor(name?: string, explanation?: string) {
+        super(
+            name ?? "int",
+            explanation ?? "A whole number, either positive, negative or zero",
+            "numeric"
+        )
+    }
+
+    isValid(str): boolean {
+        str = "" + str
+        return str !== undefined && str.indexOf(".") < 0 && !isNaN(Number(str))
+    }
+
+    getFeedback(s: string): Translation {
+        const n = Number(s)
+        if (isNaN(n)) {
+            return Translations.t.validation.nat.notANumber
+        }
+        if (Math.floor(n) !== n) {
+            return Translations.t.validation.nat.mustBeWhole
+        }
+        return undefined
+    }
+}
diff --git a/UI/InputElement/Validators/LengthValidator.ts b/UI/InputElement/Validators/LengthValidator.ts
new file mode 100644
index 000000000..c9e879953
--- /dev/null
+++ b/UI/InputElement/Validators/LengthValidator.ts
@@ -0,0 +1,16 @@
+import { Validator } from "../ValidatedTextField"
+
+export default class LengthValidator extends Validator {
+    constructor() {
+        super(
+            "distance",
+            'A geographical distance in meters (rounded at two points). Will give an extra minimap with a measurement tool. Arguments: [ zoomlevel, preferredBackgroundMapType (comma separated) ], e.g. `["21", "map,photo"]',
+            "decimal"
+        )
+    }
+
+    isValid = (str) => {
+        const t = Number(str)
+        return !isNaN(t)
+    }
+}
diff --git a/UI/InputElement/Validators/NatValidator.ts b/UI/InputElement/Validators/NatValidator.ts
new file mode 100644
index 000000000..fbc77758c
--- /dev/null
+++ b/UI/InputElement/Validators/NatValidator.ts
@@ -0,0 +1,30 @@
+import IntValidator from "./IntValidator"
+import { Translation } from "../../i18n/Translation"
+import Translations from "../../i18n/Translations"
+
+export default class NatValidator extends IntValidator {
+    constructor(name?: string, explanation?: string) {
+        super(name ?? "nat", explanation ?? "A  whole, positive number or zero")
+    }
+
+    isValid(str): boolean {
+        if (str === undefined) {
+            return false
+        }
+        str = "" + str
+
+        return str.indexOf(".") < 0 && !isNaN(Number(str)) && Number(str) >= 0
+    }
+
+    getFeedback(s: string): Translation {
+        const spr = super.getFeedback(s)
+        if (spr !== undefined) {
+            return spr
+        }
+        const n = Number(s)
+        if (n < 0) {
+            return Translations.t.validation.nat.mustBePositive
+        }
+        return undefined
+    }
+}
diff --git a/UI/InputElement/Validators/OpeningHoursValidator.ts b/UI/InputElement/Validators/OpeningHoursValidator.ts
new file mode 100644
index 000000000..85760df64
--- /dev/null
+++ b/UI/InputElement/Validators/OpeningHoursValidator.ts
@@ -0,0 +1,54 @@
+import { Validator } from "../ValidatedTextField"
+import Combine from "../../Base/Combine"
+import Title from "../../Base/Title"
+import Table from "../../Base/Table"
+
+export default class OpeningHoursValidator extends Validator {
+    constructor() {
+        super(
+            "opening_hours",
+            new Combine([
+                "Has extra elements to easily input when a POI is opened.",
+                new Title("Helper arguments"),
+                new Table(
+                    ["name", "doc"],
+                    [
+                        [
+                            "options",
+                            new Combine([
+                                "A JSON-object of type `{ prefix: string, postfix: string }`. ",
+                                new Table(
+                                    ["subarg", "doc"],
+                                    [
+                                        [
+                                            "prefix",
+                                            "Piece of text that will always be added to the front of the generated opening hours. If the OSM-data does not start with this, it will fail to parse.",
+                                        ],
+                                        [
+                                            "postfix",
+                                            "Piece of text that will always be added to the end of the generated opening hours",
+                                        ],
+                                    ]
+                                ),
+                            ]),
+                        ],
+                    ]
+                ),
+                new Title("Example usage"),
+                "To add a conditional (based on time) access restriction:\n\n```\n" +
+                    `
+"freeform": {
+    "key": "access:conditional",
+    "type": "opening_hours",
+    "helperArgs": [
+        {
+          "prefix":"no @ (",
+          "postfix":")"
+        }
+    ]
+}` +
+                    "\n```\n\n*Don't forget to pass the prefix and postfix in the rendering as well*: `{opening_hours_table(opening_hours,yes @ &LPARENS, &RPARENS )`",
+            ])
+        )
+    }
+}
diff --git a/UI/InputElement/Validators/PFloatValidator.ts b/UI/InputElement/Validators/PFloatValidator.ts
new file mode 100644
index 000000000..9501631a8
--- /dev/null
+++ b/UI/InputElement/Validators/PFloatValidator.ts
@@ -0,0 +1,23 @@
+import { Translation } from "../../i18n/Translation"
+import Translations from "../../i18n/Translations"
+import { Validator } from "../ValidatedTextField"
+
+export default class PFloatValidator extends Validator {
+    constructor() {
+        super("pfloat", "A positive decimal number or zero")
+    }
+
+    isValid = (str) =>
+        !isNaN(Number(str)) && Number(str) >= 0 && !str.endsWith(".") && !str.endsWith(",")
+
+    getFeedback(s: string): Translation {
+        const spr = super.getFeedback(s)
+        if (spr !== undefined) {
+            return spr
+        }
+        if (Number(s) < 0) {
+            return Translations.t.validation.nat.mustBePositive
+        }
+        return undefined
+    }
+}
diff --git a/UI/InputElement/Validators/PNatValidator.ts b/UI/InputElement/Validators/PNatValidator.ts
new file mode 100644
index 000000000..e1b024f63
--- /dev/null
+++ b/UI/InputElement/Validators/PNatValidator.ts
@@ -0,0 +1,27 @@
+import { Translation } from "../../i18n/Translation"
+import Translations from "../../i18n/Translations"
+import NatValidator from "./NatValidator"
+
+export default class PNatValidator extends NatValidator {
+    constructor() {
+        super("pnat", "A strict positive number")
+    }
+
+    getFeedback(s: string): Translation {
+        const spr = super.getFeedback(s)
+        if (spr !== undefined) {
+            return spr
+        }
+        if (Number(s) === 0) {
+            return Translations.t.validation.pnat.noZero
+        }
+        return undefined
+    }
+
+    isValid = (str) => {
+        if (!super.isValid(str)) {
+            return false
+        }
+        return Number(str) > 0
+    }
+}
diff --git a/UI/InputElement/Validators/PhoneValidator.ts b/UI/InputElement/Validators/PhoneValidator.ts
new file mode 100644
index 000000000..db4fa3d26
--- /dev/null
+++ b/UI/InputElement/Validators/PhoneValidator.ts
@@ -0,0 +1,32 @@
+import { Validator } from "../ValidatedTextField"
+import { parsePhoneNumberFromString } from "libphonenumber-js"
+
+export default class PhoneValidator extends Validator {
+    constructor() {
+        super("phone", "A phone number", "tel")
+    }
+
+    isValid(str, country: () => string): boolean {
+        if (str === undefined) {
+            return false
+        }
+        if (str.startsWith("tel:")) {
+            str = str.substring("tel:".length)
+        }
+        let countryCode = undefined
+        if (country !== undefined) {
+            countryCode = country()?.toUpperCase()
+        }
+        return parsePhoneNumberFromString(str, countryCode)?.isValid() ?? false
+    }
+
+    reformat = (str, country: () => string) => {
+        if (str.startsWith("tel:")) {
+            str = str.substring("tel:".length)
+        }
+        return parsePhoneNumberFromString(
+            str,
+            country()?.toUpperCase() as any
+        )?.formatInternational()
+    }
+}
diff --git a/UI/InputElement/Validators/StringValidator.ts b/UI/InputElement/Validators/StringValidator.ts
new file mode 100644
index 000000000..b05808680
--- /dev/null
+++ b/UI/InputElement/Validators/StringValidator.ts
@@ -0,0 +1,8 @@
+import { Validator } from "../ValidatedTextField"
+
+export default class StringValidator extends Validator {
+    constructor() {
+        super("string", "A simple piece of text")
+    }
+
+}
diff --git a/UI/InputElement/Validators/TextValidator.ts b/UI/InputElement/Validators/TextValidator.ts
new file mode 100644
index 000000000..cad3b997a
--- /dev/null
+++ b/UI/InputElement/Validators/TextValidator.ts
@@ -0,0 +1,7 @@
+import { Validator } from "../ValidatedTextField"
+
+export default class TextValidator extends Validator {
+    constructor() {
+        super("text", "A longer piece of text. Uses an textArea instead of a textField", "text")
+    }
+}
diff --git a/UI/InputElement/Validators/UrlValidator.ts b/UI/InputElement/Validators/UrlValidator.ts
new file mode 100644
index 000000000..16e9172f7
--- /dev/null
+++ b/UI/InputElement/Validators/UrlValidator.ts
@@ -0,0 +1,75 @@
+import { Validator } from "../ValidatedTextField"
+
+export default class UrlValidator extends Validator {
+    constructor() {
+        super(
+            "url",
+            "The validatedTextField will format URLs to always be valid and have a https://-header (even though the 'https'-part will be hidden from the user. Furthermore, some tracking parameters will be removed",
+            "url"
+        )
+    }
+    reformat(str: string): string {
+        try {
+            let url: URL
+            // str = str.toLowerCase() // URLS are case sensitive. Lowercasing them might break some URLS. See #763
+            if (
+                !str.startsWith("http://") &&
+                !str.startsWith("https://") &&
+                !str.startsWith("http:")
+            ) {
+                url = new URL("https://" + str)
+            } else {
+                url = new URL(str)
+            }
+            const blacklistedTrackingParams = [
+                "fbclid", // Oh god, how I hate the fbclid. Let it burn, burn in hell!
+                "gclid",
+                "cmpid",
+                "agid",
+                "utm",
+                "utm_source",
+                "utm_medium",
+                "campaignid",
+                "campaign",
+                "AdGroupId",
+                "AdGroup",
+                "TargetId",
+                "msclkid",
+            ]
+            for (const dontLike of blacklistedTrackingParams) {
+                url.searchParams.delete(dontLike.toLowerCase())
+            }
+            let cleaned = url.toString()
+            if (cleaned.endsWith("/") && !str.endsWith("/")) {
+                // Do not add a trailing '/' if it wasn't typed originally
+                cleaned = cleaned.substr(0, cleaned.length - 1)
+            }
+
+            if (!str.startsWith("http") && cleaned.startsWith("https://")) {
+                cleaned = cleaned.substr("https://".length)
+            }
+
+            return cleaned
+        } catch (e) {
+            console.error(e)
+            return undefined
+        }
+    }
+
+    isValid(str: string): boolean {
+        try {
+            if (
+                !str.startsWith("http://") &&
+                !str.startsWith("https://") &&
+                !str.startsWith("http:")
+            ) {
+                str = "https://" + str
+            }
+            const url = new URL(str)
+            const dotIndex = url.host.indexOf(".")
+            return dotIndex > 0 && url.host[url.host.length - 1] !== "."
+        } catch (e) {
+            return false
+        }
+    }
+}
diff --git a/UI/InputElement/Validators/WikidataValidator.ts b/UI/InputElement/Validators/WikidataValidator.ts
new file mode 100644
index 000000000..fa1588e37
--- /dev/null
+++ b/UI/InputElement/Validators/WikidataValidator.ts
@@ -0,0 +1,179 @@
+import Combine from "../../Base/Combine"
+import Title from "../../Base/Title"
+import Table from "../../Base/Table"
+import Wikidata from "../../../Logic/Web/Wikidata"
+import { UIEventSource } from "../../../Logic/UIEventSource"
+import Locale from "../../i18n/Locale"
+import { Utils } from "../../../Utils"
+import WikidataSearchBox from "../../Wikipedia/WikidataSearchBox"
+import { Validator } from "../ValidatedTextField"
+
+export default class WikidataValidator extends Validator {
+    constructor() {
+        super(
+            "wikidata",
+            new Combine([
+                "A wikidata identifier, e.g. Q42.",
+                new Title("Helper arguments"),
+                new Table(
+                    ["name", "doc"],
+                    [
+                        ["key", "the value of this tag will initialize search (default: name)"],
+                        [
+                            "options",
+                            new Combine([
+                                "A JSON-object of type `{ removePrefixes: string[], removePostfixes: string[] }`.",
+                                new Table(
+                                    ["subarg", "doc"],
+                                    [
+                                        [
+                                            "removePrefixes",
+                                            "remove these snippets of text from the start of the passed string to search. This is either a list OR a hash of languages to a list. The individual strings are interpreted as case ignoring regexes",
+                                        ],
+                                        [
+                                            "removePostfixes",
+                                            "remove these snippets of text from the end of the passed string to search. This is either a list OR a hash of languages to a list. The individual strings are interpreted as case ignoring regexes.",
+                                        ],
+                                        [
+                                            "instanceOf",
+                                            "A list of Q-identifier which indicates that the search results _must_ be an entity of this type, e.g. [`Q5`](https://www.wikidata.org/wiki/Q5) for humans",
+                                        ],
+                                        [
+                                            "notInstanceof",
+                                            "A list of Q-identifiers which indicates that the search results _must not_ be an entity of this type, e.g. [`Q79007`](https://www.wikidata.org/wiki/Q79007) to filter away all streets from the search results",
+                                        ],
+                                    ]
+                                ),
+                            ]),
+                        ],
+                    ]
+                ),
+                new Title("Example usage"),
+                `The following is the 'freeform'-part of a layer config which will trigger a search for the wikidata item corresponding with the name of the selected feature. It will also remove '-street', '-square', ... if found at the end of the name
+
+\`\`\`json
+"freeform": {
+    "key": "name:etymology:wikidata",
+    "type": "wikidata",
+    "helperArgs": [
+        "name",
+        {
+            "removePostfixes": {"en": [
+                "street",
+                "boulevard",
+                "path",
+                "square",
+                "plaza",
+            ],
+             "nl": ["straat","plein","pad","weg",laan"],
+             "fr":["route (de|de la|de l'| de le)"]
+             },
+
+            "#": "Remove streets and parks from the search results:"
+             "notInstanceOf": ["Q79007","Q22698"]
+        }
+
+    ]
+}
+\`\`\`
+
+Another example is to search for species and trees:
+
+\`\`\`json
+ "freeform": {
+        "key": "species:wikidata",
+        "type": "wikidata",
+        "helperArgs": [
+          "species",
+          {
+          "instanceOf": [10884, 16521]
+        }]
+      }
+\`\`\`
+`,
+            ])
+        )
+    }
+
+    public isValid(str): boolean {
+        if (str === undefined) {
+            return false
+        }
+        if (str.length <= 2) {
+            return false
+        }
+        return !str.split(";").some((str) => Wikidata.ExtractKey(str) === undefined)
+    }
+
+    public reformat(str) {
+        if (str === undefined) {
+            return undefined
+        }
+        let out = str
+            .split(";")
+            .map((str) => Wikidata.ExtractKey(str))
+            .join("; ")
+        if (str.endsWith(";")) {
+            out = out + ";"
+        }
+        return out
+    }
+
+    public inputHelper(currentValue, inputHelperOptions) {
+        const args = inputHelperOptions.args ?? []
+        const searchKey = args[0] ?? "name"
+
+        const searchFor = <string>(
+            (inputHelperOptions.feature?.properties[searchKey]?.toLowerCase() ?? "")
+        )
+
+        let searchForValue: UIEventSource<string> = new UIEventSource(searchFor)
+        const options: any = args[1]
+        if (searchFor !== undefined && options !== undefined) {
+            const prefixes = <string[] | Record<string, string[]>>options["removePrefixes"] ?? []
+            const postfixes = <string[] | Record<string, string[]>>options["removePostfixes"] ?? []
+            const defaultValueCandidate = Locale.language.map((lg) => {
+                const prefixesUnrwapped: RegExp[] = (
+                    Array.isArray(prefixes) ? prefixes : prefixes[lg] ?? []
+                ).map((s) => new RegExp("^" + s, "i"))
+                const postfixesUnwrapped: RegExp[] = (
+                    Array.isArray(postfixes) ? postfixes : postfixes[lg] ?? []
+                ).map((s) => new RegExp(s + "$", "i"))
+                let clipped = searchFor
+
+                for (const postfix of postfixesUnwrapped) {
+                    const match = searchFor.match(postfix)
+                    if (match !== null) {
+                        clipped = searchFor.substring(0, searchFor.length - match[0].length)
+                        break
+                    }
+                }
+
+                for (const prefix of prefixesUnrwapped) {
+                    const match = searchFor.match(prefix)
+                    if (match !== null) {
+                        clipped = searchFor.substring(match[0].length)
+                        break
+                    }
+                }
+                return clipped
+            })
+
+            defaultValueCandidate.addCallbackAndRun((clipped) => searchForValue.setData(clipped))
+        }
+
+        let instanceOf: number[] = Utils.NoNull(
+            (options?.instanceOf ?? []).map((i) => Wikidata.QIdToNumber(i))
+        )
+        let notInstanceOf: number[] = Utils.NoNull(
+            (options?.notInstanceOf ?? []).map((i) => Wikidata.QIdToNumber(i))
+        )
+
+        return new WikidataSearchBox({
+            value: currentValue,
+            searchText: searchForValue,
+            instanceOf,
+            notInstanceOf,
+        })
+    }
+}
diff --git a/UI/Map/MapLibreAdaptor.ts b/UI/Map/MapLibreAdaptor.ts
index f3232168b..f6c5c95c6 100644
--- a/UI/Map/MapLibreAdaptor.ts
+++ b/UI/Map/MapLibreAdaptor.ts
@@ -43,7 +43,7 @@ export class MapLibreAdaptor implements MapProperties {
      */
     private _currentRasterLayer: string
 
-    constructor(maplibreMap: Store<MLMap>, state?: Partial<Omit<MapProperties, "bounds">>) {
+    constructor(maplibreMap: Store<MLMap>, state?: Partial<MapProperties>) {
         this._maplibreMap = maplibreMap
 
         this.location = state?.location ?? new UIEventSource({ lon: 0, lat: 0 })
diff --git a/UI/Map/MaplibreMap.svelte b/UI/Map/MaplibreMap.svelte
index dcd1a1cd6..7ebaa56b2 100644
--- a/UI/Map/MaplibreMap.svelte
+++ b/UI/Map/MaplibreMap.svelte
@@ -16,6 +16,7 @@
    */
   export let map:  Writable<MaplibreMap>
 
+  export let attribution = true
   let center = {};
 
   onMount(() => {
@@ -28,6 +29,9 @@
 <main>
   <Map bind:center={center}
        bind:map={$map}
+       {attribution}
+       css="./maplibre-gl.css"
+       
        id="map" location={{lng: 0, lat: 0, zoom: 0}} maxzoom=24 style={styleUrl} />
 </main>
 
diff --git a/UI/Map/ShowDataLayer.ts b/UI/Map/ShowDataLayer.ts
index 3032a4eff..6724680c2 100644
--- a/UI/Map/ShowDataLayer.ts
+++ b/UI/Map/ShowDataLayer.ts
@@ -106,7 +106,7 @@ class PointRenderingLayer {
             store = new ImmutableStore(<OsmTags>feature.properties)
         }
         const { html, iconAnchor } = this._config.RenderIcon(store, true)
-        html.SetClass("marker")
+        html.SetClass("marker cursor-pointer")
         const el = html.ConstructElement()
 
         if (this._onClick) {
@@ -244,7 +244,7 @@ class LineRenderingLayer {
                 },
             })
 
-            this._visibility.addCallbackAndRunD((visible) => {
+            this._visibility?.addCallbackAndRunD((visible) => {
                 map.setLayoutProperty(linelayer, "visibility", visible ? "visible" : "none")
                 map.setLayoutProperty(polylayer, "visibility", visible ? "visible" : "none")
             })
diff --git a/UI/Map/ShowDataLayerOptions.ts b/UI/Map/ShowDataLayerOptions.ts
index c20960a72..b81175d90 100644
--- a/UI/Map/ShowDataLayerOptions.ts
+++ b/UI/Map/ShowDataLayerOptions.ts
@@ -1,6 +1,5 @@
 import FeatureSource from "../../Logic/FeatureSource/FeatureSource"
 import { Store, UIEventSource } from "../../Logic/UIEventSource"
-import { OsmTags } from "../../Models/OsmFeature"
 import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
 import { Feature } from "geojson"
 
diff --git a/UI/Popup/HistogramViz.ts b/UI/Popup/HistogramViz.ts
index d83d1dcf6..fffc451d4 100644
--- a/UI/Popup/HistogramViz.ts
+++ b/UI/Popup/HistogramViz.ts
@@ -1,12 +1,13 @@
 import { Store, UIEventSource } from "../../Logic/UIEventSource"
 import { SpecialVisualization, SpecialVisualizationState } from "../SpecialVisualization"
 import Histogram from "../BigComponents/Histogram"
+import { Feature } from "geojson"
 
 export class HistogramViz implements SpecialVisualization {
     funcName = "histogram"
     docs = "Create a histogram for a list of given values, read from the properties."
     example =
-        "`{histogram('some_key')}` with properties being `{some_key: ['a','b','a','c']} to create a histogram"
+        '`{histogram(\'some_key\')}` with properties being `{some_key: ["a","b","a","c"]} to create a histogram'
     args = [
         {
             name: "key",
@@ -29,6 +30,22 @@ export class HistogramViz implements SpecialVisualization {
         },
     ]
 
+    structuredExamples(): { feature: Feature; args: string[] }[] {
+        return [
+            {
+                feature: <Feature>{
+                    type: "Feature",
+                    properties: { values: `["a","b","a","b","b","b","c","c","c","d","d"]` },
+                    geometry: {
+                        type: "Point",
+                        coordinates: [0, 0],
+                    },
+                },
+                args: ["values"],
+            },
+        ]
+    }
+
     constr(
         state: SpecialVisualizationState,
         tagSource: UIEventSource<Record<string, string>>,
diff --git a/UI/Popup/MinimapViz.ts b/UI/Popup/MinimapViz.ts
index ccf061f68..6daa6e97a 100644
--- a/UI/Popup/MinimapViz.ts
+++ b/UI/Popup/MinimapViz.ts
@@ -5,10 +5,7 @@ import { Feature } from "geojson"
 import { MapLibreAdaptor } from "../Map/MapLibreAdaptor"
 import SvelteUIElement from "../Base/SvelteUIElement"
 import MaplibreMap from "../Map/MaplibreMap.svelte"
-import PerLayerFeatureSourceSplitter from "../../Logic/FeatureSource/PerLayerFeatureSourceSplitter"
-import FilteredLayer from "../../Models/FilteredLayer"
 import ShowDataLayer from "../Map/ShowDataLayer"
-import { stat } from "fs"
 
 export class MinimapViz implements SpecialVisualization {
     funcName = "minimap"
diff --git a/UI/Popup/MoveWizard.ts b/UI/Popup/MoveWizard.ts
index d643b799e..ee93d78f9 100644
--- a/UI/Popup/MoveWizard.ts
+++ b/UI/Popup/MoveWizard.ts
@@ -54,11 +54,6 @@ export default class MoveWizard extends Toggle {
         options: MoveConfig
     ) {
         const t = Translations.t.move
-        const loginButton = new Toggle(
-            t.loginToMove.SetClass("btn").onClick(() => state.osmConnection.AttemptLogin()),
-            undefined,
-            state.featureSwitchUserbadge
-        )
 
         const reasons: MoveReason[] = []
         if (options.enableRelocation) {
diff --git a/UI/Popup/SpecialTranslation.svelte b/UI/Popup/SpecialTranslation.svelte
new file mode 100644
index 000000000..cb0a6674d
--- /dev/null
+++ b/UI/Popup/SpecialTranslation.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import { Translation } from "../i18n/Translation";
+  import SpecialVisualizations from "../SpecialVisualizations";
+  import { onDestroy } from "svelte";
+  import Locale from "../i18n/Locale";
+  import type { RenderingSpecification, SpecialVisualizationState } from "../SpecialVisualization";
+  import { Utils } from "../../Utils.js";
+  import type { Feature } from "geojson";
+  import { UIEventSource } from "../../Logic/UIEventSource.js";
+  import ToSvelte from "../Base/ToSvelte.svelte";
+  import FromHtml from "../Base/FromHtml.svelte";
+
+  /**
+   * The 'specialTranslation' renders a `Translation`-object, but interprets the special values as well
+   */
+  export let t: Translation;
+  export let state: SpecialVisualizationState;
+  export let tags: UIEventSource<Record<string, string>>;
+  export let feature: Feature;
+  let txt: string;
+  onDestroy(Locale.language.addCallbackAndRunD(l => {
+    txt = t.textFor(l);
+  }));
+  let specs: RenderingSpecification[];
+  specs = SpecialVisualizations.constructSpecification(txt);
+</script>
+
+{#each specs as specpart}
+  {#if typeof specpart === "string"}
+   <FromHtml src= {Utils.SubstituteKeys(specpart, $tags)}></FromHtml>
+  {:else if $tags !== undefined }
+    <ToSvelte construct={specpart.func.constr(state, tags, specpart.args, feature)}></ToSvelte>
+  {/if}
+{/each}
diff --git a/UI/Popup/TagRenderingAnswer.svelte b/UI/Popup/TagRenderingAnswer.svelte
index e69de29bb..c25cc206c 100644
--- a/UI/Popup/TagRenderingAnswer.svelte
+++ b/UI/Popup/TagRenderingAnswer.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig";
+  import { Utils } from "../../Utils";
+  import { Translation } from "../i18n/Translation";
+  import TagRenderingMapping from "./TagRenderingMapping.svelte";
+  import type { SpecialVisualizationState } from "../SpecialVisualization";
+  import type { Feature } from "geojson";
+  import { UIEventSource } from "../../Logic/UIEventSource";
+  import { onDestroy } from "svelte";
+
+  export let tags: UIEventSource<Record<string, string> | undefined>;
+  let _tags : Record<string, string>
+  onDestroy(tags.addCallbackAndRun(tags => {
+    _tags = tags
+  }))
+  export let state: SpecialVisualizationState
+  export let selectedElement: Feature
+  export let config: TagRenderingConfig;
+  let trs: { then: Translation; icon?: string; iconClass?: string }[];
+  $: trs = Utils.NoNull(config?.GetRenderValues(_tags));
+</script>
+
+{#if config !== undefined && (config?.condition === undefined || config.condition.matchesProperties(tags))}
+  <div>
+    {#if trs.length === 1}
+      <TagRenderingMapping mapping={trs[0]} {tags} {state} feature={selectedElement}></TagRenderingMapping>
+    {/if}
+    {#if trs.length > 1}
+      {#each trs as mapping}
+        <TagRenderingMapping mapping={trs} {tags} {state} feature=""{selectedElement}></TagRenderingMapping>
+      {/each}
+    {/if}
+  </div>
+{/if}
diff --git a/UI/Popup/TagRenderingAnswer.ts b/UI/Popup/TagRenderingAnswer.ts
index 338be0c07..75ef9fd84 100644
--- a/UI/Popup/TagRenderingAnswer.ts
+++ b/UI/Popup/TagRenderingAnswer.ts
@@ -6,7 +6,7 @@ import { SubstitutedTranslation } from "../SubstitutedTranslation"
 import TagRenderingConfig from "../../Models/ThemeConfig/TagRenderingConfig"
 import Combine from "../Base/Combine"
 import Img from "../Base/Img"
-import { SpecialVisualisationState } from "../SpecialVisualization"
+import { SpecialVisualizationState } from "../SpecialVisualization"
 
 /***
  * Displays the correct value for a known tagrendering
@@ -15,7 +15,7 @@ export default class TagRenderingAnswer extends VariableUiElement {
     constructor(
         tagsSource: UIEventSource<any>,
         configuration: TagRenderingConfig,
-        state: SpecialVisualisationState,
+        state: SpecialVisualizationState,
         contentClasses: string = "",
         contentStyle: string = "",
         options?: {
diff --git a/UI/Popup/TagRenderingMapping.svelte b/UI/Popup/TagRenderingMapping.svelte
new file mode 100644
index 000000000..c7e496633
--- /dev/null
+++ b/UI/Popup/TagRenderingMapping.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  import { Translation } from "../i18n/Translation";
+  import SpecialTranslation from "./SpecialTranslation.svelte";
+  import type { SpecialVisualizationState } from "../SpecialVisualization";
+  import type { Feature } from "geojson";
+  import { UIEventSource } from "../../Logic/UIEventSource";
+
+  export let selectedElement: Feature
+  export let tags: UIEventSource<Record<string, string>>;
+  export let state: SpecialVisualizationState
+  export let mapping: {
+    then: Translation; icon?: string; iconClass?: | "small"
+      | "medium"
+      | "large"
+      | "small-height"
+      | "medium-height"
+      | "large-height"
+  };
+  let iconclass = "mapping-icon-" + mapping.iconClass;
+
+
+</script>
+
+{#if mapping.icon !== undefined}
+  <div class="flex">
+    <img class={iconclass+" mr-1"} src={mapping.icon}>
+    <SpecialTranslation t={mapping.then} {tags} {state} feature={selectedElement}></SpecialTranslation>
+  </div>
+{:else if mapping.then !== undefined}
+  <SpecialTranslation t={mapping.then} {tags} {state} feature={selectedElement}></SpecialTranslation>
+{/if}
+
diff --git a/UI/Popup/TagRenderingQuestion.ts b/UI/Popup/TagRenderingQuestion.ts
index 2732f2105..72c1f80da 100644
--- a/UI/Popup/TagRenderingQuestion.ts
+++ b/UI/Popup/TagRenderingQuestion.ts
@@ -1,7 +1,6 @@
 import { Store, Stores, UIEventSource } from "../../Logic/UIEventSource"
 import Combine from "../Base/Combine"
 import { InputElement, ReadonlyInputElement } from "../Input/InputElement"
-import ValidatedTextField from "../Input/ValidatedTextField"
 import { FixedInputElement } from "../Input/FixedInputElement"
 import { RadioButton } from "../Input/RadioButton"
 import { Utils } from "../../Utils"
diff --git a/UI/Reviews/SingleReview.ts b/UI/Reviews/SingleReview.ts
index 5e1e050d4..b1b1c89af 100644
--- a/UI/Reviews/SingleReview.ts
+++ b/UI/Reviews/SingleReview.ts
@@ -6,7 +6,6 @@ import BaseUIElement from "../BaseUIElement"
 import Img from "../Base/Img"
 import { Review } from "mangrove-reviews-typescript"
 import { Store } from "../../Logic/UIEventSource"
-import WikidataPreviewBox from "../Wikipedia/WikidataPreviewBox"
 
 export default class SingleReview extends Combine {
     constructor(review: Review & { madeByLoggedInUser: Store<boolean> }) {
diff --git a/UI/SpecialVisualization.ts b/UI/SpecialVisualization.ts
index 4e46c0008..728f51d33 100644
--- a/UI/SpecialVisualization.ts
+++ b/UI/SpecialVisualization.ts
@@ -2,17 +2,13 @@ import { Store, UIEventSource } from "../Logic/UIEventSource"
 import BaseUIElement from "./BaseUIElement"
 import { DefaultGuiState } from "./DefaultGuiState"
 import LayoutConfig from "../Models/ThemeConfig/LayoutConfig"
-import FeatureSource, {
-    IndexedFeatureSource,
-    WritableFeatureSource,
-} from "../Logic/FeatureSource/FeatureSource"
+import { IndexedFeatureSource, WritableFeatureSource } from "../Logic/FeatureSource/FeatureSource"
 import { OsmConnection } from "../Logic/Osm/OsmConnection"
 import { Changes } from "../Logic/Osm/Changes"
 import { MapProperties } from "../Models/MapProperties"
 import LayerState from "../Logic/State/LayerState"
-import { Feature } from "geojson"
+import { Feature, Geometry } from "geojson"
 import FullNodeDatabaseSource from "../Logic/FeatureSource/TiledFeatureSource/FullNodeDatabaseSource"
-import UserRelatedState from "../Logic/State/UserRelatedState"
 import { MangroveIdentity } from "../Logic/Web/MangroveReviews"
 import { GeoIndexedStoreForLayer } from "../Logic/FeatureSource/Actors/GeoIndexedStore"
 
@@ -58,6 +54,8 @@ export interface SpecialVisualization {
     funcName: string
     docs: string | BaseUIElement
     example?: string
+
+    structuredExamples?(): { feature: Feature<Geometry, Record<string, string>>; args: string[] }[]
     args: { name: string; defaultValue?: string; doc: string; required?: false | boolean }[]
     getLayerDependencies?: (argument: string[]) => string[]
 
@@ -68,3 +66,11 @@ export interface SpecialVisualization {
         feature: Feature
     ): BaseUIElement
 }
+
+export type RenderingSpecification =
+    | string
+    | {
+          func: SpecialVisualization
+          args: string[]
+          style: string
+      }
diff --git a/UI/SpecialVisualizations.ts b/UI/SpecialVisualizations.ts
index db4d1bd35..871d49b2a 100644
--- a/UI/SpecialVisualizations.ts
+++ b/UI/SpecialVisualizations.ts
@@ -3,7 +3,11 @@ import { FixedUiElement } from "./Base/FixedUiElement"
 import BaseUIElement from "./BaseUIElement"
 import Title from "./Base/Title"
 import Table from "./Base/Table"
-import { SpecialVisualization } from "./SpecialVisualization"
+import {
+    RenderingSpecification,
+    SpecialVisualization,
+    SpecialVisualizationState,
+} from "./SpecialVisualization"
 import { HistogramViz } from "./Popup/HistogramViz"
 import { StealViz } from "./Popup/StealViz"
 import { MinimapViz } from "./Popup/MinimapViz"
@@ -51,10 +55,97 @@ import FeatureReviews from "../Logic/Web/MangroveReviews"
 import Maproulette from "../Logic/Maproulette"
 import SvelteUIElement from "./Base/SvelteUIElement"
 import { BBoxFeatureSourceForLayer } from "../Logic/FeatureSource/Sources/TouchesBboxFeatureSource"
+import { Feature } from "geojson"
 
 export default class SpecialVisualizations {
     public static specialVisualizations: SpecialVisualization[] = SpecialVisualizations.initList()
 
+    /**
+     *
+     * For a given string, returns a specification what parts are fixed and what parts are special renderings.
+     * Note that _normal_ substitutions are ignored.
+     *
+     * // Return empty list on empty input
+     * SubstitutedTranslation.ExtractSpecialComponents("") // => []
+     *
+     * // Advanced cases with commas, braces and newlines should be handled without problem
+     * const templates = SubstitutedTranslation.ExtractSpecialComponents("{send_email(&LBRACEemail&RBRACE,Broken bicycle pump,Hello&COMMA\n\nWith this email&COMMA I'd like to inform you that the bicycle pump located at https://mapcomplete.osm.be/cyclofix?lat=&LBRACE_lat&RBRACE&lon=&LBRACE_lon&RBRACE&z=18#&LBRACEid&RBRACE is broken.\n\n Kind regards,Report this bicycle pump as broken)}")
+     * const templ = templates[0]
+     * templ.special.func.funcName // => "send_email"
+     * templ.special.args[0] = "{email}"
+     */
+    public static constructSpecification(
+        template: string,
+        extraMappings: SpecialVisualization[] = []
+    ): RenderingSpecification[] {
+        if (template === "") {
+            return []
+        }
+
+        const allKnownSpecials = extraMappings.concat(SpecialVisualizations.specialVisualizations)
+        for (const knownSpecial of allKnownSpecials) {
+            // Note: the '.*?' in the regex reads as 'any character, but in a non-greedy way'
+            const matched = template.match(
+                new RegExp(`(.*){${knownSpecial.funcName}\\((.*?)\\)(:.*)?}(.*)`, "s")
+            )
+            if (matched != null) {
+                // We found a special component that should be brought to live
+                const partBefore = SpecialVisualizations.constructSpecification(
+                    matched[1],
+                    extraMappings
+                )
+                const argument = matched[2].trim()
+                const style = matched[3]?.substring(1) ?? ""
+                const partAfter = SpecialVisualizations.constructSpecification(
+                    matched[4],
+                    extraMappings
+                )
+                const args = knownSpecial.args.map((arg) => arg.defaultValue ?? "")
+                if (argument.length > 0) {
+                    const realArgs = argument.split(",").map((str) =>
+                        str
+                            .trim()
+                            .replace(/&LPARENS/g, "(")
+                            .replace(/&RPARENS/g, ")")
+                            .replace(/&LBRACE/g, "{")
+                            .replace(/&RBRACE/g, "}")
+                            .replace(/&COMMA/g, ",")
+                    )
+                    for (let i = 0; i < realArgs.length; i++) {
+                        if (args.length <= i) {
+                            args.push(realArgs[i])
+                        } else {
+                            args[i] = realArgs[i]
+                        }
+                    }
+                }
+
+                const element: RenderingSpecification = {
+                    args: args,
+                    style: style,
+                    func: knownSpecial,
+                }
+                return [...partBefore, element, ...partAfter]
+            }
+        }
+
+        // Let's to a small sanity check to help the theme designers:
+        if (template.search(/{[^}]+\([^}]*\)}/) >= 0) {
+            // Hmm, we might have found an invalid rendering name
+            console.warn(
+                "Found a suspicious special rendering value in: ",
+                template,
+                " did you mean one of: "
+                /*SpecialVisualizations.specialVisualizations
+                        .map((sp) => sp.funcName + "()")
+                        .join(", ")*/
+            )
+        }
+
+        // IF we end up here, no changes have to be made - except to remove any resting {}
+        return [template]
+    }
+
     public static DocumentationFor(viz: string | SpecialVisualization): BaseUIElement | undefined {
         if (typeof viz === "string") {
             viz = SpecialVisualizations.specialVisualizations.find((sv) => sv.funcName === viz)
@@ -649,7 +740,7 @@ export default class SpecialVisualizations {
                         defaultValue: "mr_taskId",
                     },
                 ],
-                constr: (state, tagsSource, args, guistate) => {
+                constr: (state, tagsSource, args) => {
                     let [message, image, message_closed, status, maproulette_id_key] = args
                     if (image === "") {
                         image = "confirm"
@@ -720,7 +811,7 @@ export default class SpecialVisualizations {
                 funcName: "statistics",
                 docs: "Show general statistics about the elements currently in view. Intended to use on the `current_view`-layer",
                 args: [],
-                constr: (state, tagsSource, args, guiState) => {
+                constr: (state) => {
                     return new Combine(
                         state.layout.layers
                             .filter((l) => l.name !== null)
@@ -852,4 +943,23 @@ export default class SpecialVisualizations {
 
         return specialVisualizations
     }
+
+    // noinspection JSUnusedGlobalSymbols
+    public static renderExampleOfSpecial(
+        state: SpecialVisualizationState,
+        s: SpecialVisualization
+    ): BaseUIElement {
+        const examples =
+            s.structuredExamples === undefined
+                ? []
+                : s.structuredExamples().map((e) => {
+                      return s.constr(
+                          state,
+                          new UIEventSource<Record<string, string>>(e.feature.properties),
+                          e.args,
+                          e.feature
+                      )
+                  })
+        return new Combine([new Title(s.funcName), s.docs, ...examples])
+    }
 }
diff --git a/UI/SubstitutedTranslation.ts b/UI/SubstitutedTranslation.ts
index 65e4cd077..b14348ccc 100644
--- a/UI/SubstitutedTranslation.ts
+++ b/UI/SubstitutedTranslation.ts
@@ -7,10 +7,10 @@ import { Utils } from "../Utils"
 import { VariableUiElement } from "./Base/VariableUIElement"
 import Combine from "./Base/Combine"
 import BaseUIElement from "./BaseUIElement"
-import { DefaultGuiState } from "./DefaultGuiState"
-import FeaturePipelineState from "../Logic/State/FeaturePipelineState"
 import LinkToWeblate from "./Base/LinkToWeblate"
 import { SpecialVisualization, SpecialVisualizationState } from "./SpecialVisualization"
+import SpecialVisualizations from "./SpecialVisualizations"
+import { Feature } from "geojson"
 
 export class SubstitutedTranslation extends VariableUiElement {
     public constructor(
@@ -21,10 +21,10 @@ export class SubstitutedTranslation extends VariableUiElement {
             string,
             | BaseUIElement
             | ((
-                  state: FeaturePipelineState,
+                  state: SpecialVisualizationState,
                   tagSource: UIEventSource<Record<string, string>>,
                   argument: string[],
-                  guistate: DefaultGuiState
+                  feature: Feature
               ) => BaseUIElement)
         > = undefined
     ) {
@@ -55,19 +55,23 @@ export class SubstitutedTranslation extends VariableUiElement {
                     txt = txt.replace(new RegExp(`{${key}}`, "g"), `{${key}()}`)
                 })
 
-                const allElements = SubstitutedTranslation.ExtractSpecialComponents(
+                const allElements = SpecialVisualizations.constructSpecification(
                     txt,
                     extraMappings
                 ).map((proto) => {
-                    if (proto.fixed !== undefined) {
+                    if (typeof proto === "string") {
                         if (tagsSource === undefined) {
-                            return Utils.SubstituteKeys(proto.fixed, undefined)
+                            return Utils.SubstituteKeys(proto, undefined)
                         }
                         return new VariableUiElement(
-                            tagsSource.map((tags) => Utils.SubstituteKeys(proto.fixed, tags))
+                            tagsSource.map((tags) => Utils.SubstituteKeys(proto, tags))
                         )
                     }
-                    const viz = proto.special
+                    const viz: {
+                        func: SpecialVisualization
+                        args: string[]
+                        style: string
+                    } = proto
                     if (viz === undefined) {
                         console.error(
                             "SPECIALRENDERING UNDEFINED for",
@@ -77,9 +81,12 @@ export class SubstitutedTranslation extends VariableUiElement {
                         return undefined
                     }
                     try {
+                        const feature = state.indexedFeatures.featuresById.data.get(
+                            tagsSource.data.id
+                        )
                         return viz.func
-                            .constr(state, tagsSource, proto.special.args)
-                            ?.SetStyle(proto.special.style)
+                            .constr(state, tagsSource, proto.args, feature)
+                            ?.SetStyle(proto.style)
                     } catch (e) {
                         console.error("SPECIALRENDERING FAILED for", tagsSource.data?.id, e)
                         return new FixedUiElement(
@@ -97,98 +104,4 @@ export class SubstitutedTranslation extends VariableUiElement {
 
         this.SetClass("w-full")
     }
-
-    /**
-     *
-     * // Return empty list on empty input
-     * SubstitutedTranslation.ExtractSpecialComponents("") // => []
-     *
-     * // Advanced cases with commas, braces and newlines should be handled without problem
-     * const templates = SubstitutedTranslation.ExtractSpecialComponents("{send_email(&LBRACEemail&RBRACE,Broken bicycle pump,Hello&COMMA\n\nWith this email&COMMA I'd like to inform you that the bicycle pump located at https://mapcomplete.osm.be/cyclofix?lat=&LBRACE_lat&RBRACE&lon=&LBRACE_lon&RBRACE&z=18#&LBRACEid&RBRACE is broken.\n\n Kind regards,Report this bicycle pump as broken)}")
-     * const templ = templates[0]
-     * templ.special.func.funcName // => "send_email"
-     * templ.special.args[0] = "{email}"
-     */
-    public static ExtractSpecialComponents(
-        template: string,
-        extraMappings: SpecialVisualization[] = []
-    ): {
-        fixed?: string
-        special?: {
-            func: SpecialVisualization
-            args: string[]
-            style: string
-        }
-    }[] {
-        if (template === "") {
-            return []
-        }
-
-        for (const knownSpecial of extraMappings.concat(
-            [] // TODO enable   SpecialVisualizations.specialVisualizations
-        )) {
-            // Note: the '.*?' in the regex reads as 'any character, but in a non-greedy way'
-            const matched = template.match(
-                new RegExp(`(.*){${knownSpecial.funcName}\\((.*?)\\)(:.*)?}(.*)`, "s")
-            )
-            if (matched != null) {
-                // We found a special component that should be brought to live
-                const partBefore = SubstitutedTranslation.ExtractSpecialComponents(
-                    matched[1],
-                    extraMappings
-                )
-                const argument = matched[2].trim()
-                const style = matched[3]?.substring(1) ?? ""
-                const partAfter = SubstitutedTranslation.ExtractSpecialComponents(
-                    matched[4],
-                    extraMappings
-                )
-                const args = knownSpecial.args.map((arg) => arg.defaultValue ?? "")
-                if (argument.length > 0) {
-                    const realArgs = argument.split(",").map((str) =>
-                        str
-                            .trim()
-                            .replace(/&LPARENS/g, "(")
-                            .replace(/&RPARENS/g, ")")
-                            .replace(/&LBRACE/g, "{")
-                            .replace(/&RBRACE/g, "}")
-                            .replace(/&COMMA/g, ",")
-                    )
-                    for (let i = 0; i < realArgs.length; i++) {
-                        if (args.length <= i) {
-                            args.push(realArgs[i])
-                        } else {
-                            args[i] = realArgs[i]
-                        }
-                    }
-                }
-
-                let element
-                element = {
-                    special: {
-                        args: args,
-                        style: style,
-                        func: knownSpecial,
-                    },
-                }
-                return [...partBefore, element, ...partAfter]
-            }
-        }
-
-        // Let's to a small sanity check to help the theme designers:
-        if (template.search(/{[^}]+\([^}]*\)}/) >= 0) {
-            // Hmm, we might have found an invalid rendering name
-            console.warn(
-                "Found a suspicious special rendering value in: ",
-                template,
-                " did you mean one of: "
-                /*SpecialVisualizations.specialVisualizations
-                    .map((sp) => sp.funcName + "()")
-                    .join(", ")*/
-            )
-        }
-
-        // IF we end up here, no changes have to be made - except to remove any resting {}
-        return [{ fixed: template }]
-    }
 }
diff --git a/UI/ThemeViewGUI.svelte b/UI/ThemeViewGUI.svelte
index 90daaae91..63018f0c9 100644
--- a/UI/ThemeViewGUI.svelte
+++ b/UI/ThemeViewGUI.svelte
@@ -20,6 +20,7 @@
   import { Tab, TabGroup, TabList, TabPanel, TabPanels } from "@rgossiaux/svelte-headlessui";
   import Translations from "./i18n/Translations";
   import { MenuIcon } from "@rgossiaux/svelte-heroicons/solid";
+  import Tr from "./Base/Tr.svelte";
 
   export let layout: LayoutConfig;
   const state = new ThemeViewState(layout);
@@ -48,7 +49,7 @@
     <div class="flex mr-2 items-center">
       <img class="w-8 h-8 block mr-2" src={layout.icon}>
       <b>
-        {layout.title}
+        <Tr t={layout.title}></Tr>
       </b>
     </div>
   </MapControlButton>
@@ -58,9 +59,7 @@
 </div>
 
 <div class="absolute bottom-0 left-0 mb-4 ml-4">
-  <MapControlButton on:click={() => state.guistate.filterViewIsOpened.setData(true)}>
-    <ToSvelte class="w-7 h-7 block" construct={Svg.layers_ui}></ToSvelte>
-  </MapControlButton>
+
 </div>
 
 <div class="absolute bottom-0 right-0 mb-4 mr-4">
@@ -86,17 +85,6 @@
   </If>
 </div>
 
-<If condition={state.guistate.filterViewIsOpened}>
-  <div class="normal-background absolute bottom-0 left-0 flex flex-col">
-    <div on:click={() => state.guistate.filterViewIsOpened.setData(false)}>Close</div>
-    <!-- Filter panel -- TODO move to actual location-->
-    {#each layout.layers as layer}
-      <Filterview filteredLayer={state.layerState.filteredLayers.get(layer.id)}></Filterview>
-    {/each}
-
-    <RasterLayerPicker {availableLayers} value={mapproperties.rasterLayer}></RasterLayerPicker>
-  </div>
-</If>
 
 <If condition={state.guistate.welcomeMessageIsOpened}>
   <!-- Theme page -->
@@ -105,31 +93,47 @@
       <div on:click={() => state.guistate.welcomeMessageIsOpened.setData(false)}>Close</div>
       <TabGroup>
         <TabList>
-          <Tab class={({selected}) => selected ? "tab-selected" : "tab-unselected"}>About</Tab>
-          <Tab class={({selected}) => selected ? "tab-selected" : "tab-unselected"}>Tab 2</Tab>
+          <Tab class={({selected}) => selected ? "tab-selected" : "tab-unselected"}>
+            <Tr t={layout.title}/>
+          </Tab>
+          <Tab class={({selected}) => selected ? "tab-selected" : "tab-unselected"}>
+            <Tr t={Translations.t.general.menu.filter}/>
+          </Tab>
           <Tab class={({selected}) => selected ? "tab-selected" : "tab-unselected"}>Tab 3</Tab>
         </TabList>
         <TabPanels>
           <TabPanel class="flex flex-col">
-            <ToSvelte construct={() => layout.description}></ToSvelte>
-            {Translations.t.general.welcomeExplanation.general}
+            <Tr t={layout.description}></Tr>
+            <Tr t={Translations.t.general.welcomeExplanation.general}/>
             {#if layout.layers.some((l) => l.presets?.length > 0)}
               <If condition={state.featureSwitches.featureSwitchAddNew}>
-                {Translations.t.general.welcomeExplanation.addNew}
+             <Tr t={Translations.t.general.welcomeExplanation.addNew}/>
               </If>
             {/if}
 
             <!--toTheMap,
             loginStatus.SetClass("block mt-6 pt-2 md:border-t-2 border-dotted border-gray-400"),
             -->
-            <ToSvelte construct= {() =>  layout.descriptionTail}></ToSvelte>
+            <Tr t={layout.descriptionTail}></Tr>
             <div class="m-x-8">
-            <button class="subtle-background rounded w-full p-4">Explore the map</button>
+              <button class="subtle-background rounded w-full p-4"
+                      on:click={() => state.guistate.welcomeMessageIsOpened.setData(false)}>
+                <Tr t={Translations.t.general.openTheMap} />
+              </button>
             </div>
-            
+
 
           </TabPanel>
-          <TabPanel>Content 2</TabPanel>
+          <TabPanel>
+            <div class="flex flex-col">
+              <!-- Filter panel -- TODO move to actual location-->
+              {#each layout.layers as layer}
+                <Filterview filteredLayer={state.layerState.filteredLayers.get(layer.id)}></Filterview>
+              {/each}
+
+              <RasterLayerPicker {availableLayers} value={mapproperties.rasterLayer}></RasterLayerPicker>
+            </div>
+          </TabPanel>
           <TabPanel>Content 3</TabPanel>
         </TabPanels>
       </TabGroup>
@@ -163,15 +167,14 @@
   </div>
 </If>
 
-<If condition={selectedElement}>
+{#if $selectedElement !== undefined && $selectedLayer !== undefined}
   <div class="absolute top-0 right-0 normal-background">
 
-    <SelectedElementView layer={selectedLayer} {selectedElement}
-                         tags={selectedElementTags}></SelectedElementView>
+    <SelectedElementView layer={$selectedLayer} selectedElement={$selectedElement}
+                         tags={$selectedElementTags} state={state}></SelectedElementView>
 
   </div>
-</If>
-
+{/if}
 <style>
     /* WARNING: This is just for demonstration.
         Using :global() in this way can be risky. */
diff --git a/UI/Wikipedia/WikidataPreviewBox.ts b/UI/Wikipedia/WikidataPreviewBox.ts
index 89982cd2e..a9e6327fa 100644
--- a/UI/Wikipedia/WikidataPreviewBox.ts
+++ b/UI/Wikipedia/WikidataPreviewBox.ts
@@ -1,5 +1,5 @@
 import { VariableUiElement } from "../Base/VariableUIElement"
-import { Store, UIEventSource } from "../../Logic/UIEventSource"
+import { Store } from "../../Logic/UIEventSource"
 import Wikidata, { WikidataResponse } from "../../Logic/Web/Wikidata"
 import { Translation, TypedTranslation } from "../i18n/Translation"
 import { FixedUiElement } from "../Base/FixedUiElement"
diff --git a/UI/i18n/Translation.ts b/UI/i18n/Translation.ts
index c18583295..3c0a57d87 100644
--- a/UI/i18n/Translation.ts
+++ b/UI/i18n/Translation.ts
@@ -51,10 +51,6 @@ export class Translation extends BaseUIElement {
         return this.textFor(Translation.forcedLanguage ?? Locale.language.data)
     }
 
-    public toString() {
-        return this.txt
-    }
-
     static ExtractAllTranslationsFrom(
         object: any,
         context = ""
@@ -91,6 +87,10 @@ export class Translation extends BaseUIElement {
         return new Translation(translations)
     }
 
+    public toString() {
+        return this.txt
+    }
+
     Destroy() {
         super.Destroy()
         this.isDestroyed = true
diff --git a/all_themes_index.ts b/all_themes_index.ts
index d9f8d534f..eb5109aa5 100644
--- a/all_themes_index.ts
+++ b/all_themes_index.ts
@@ -1,9 +1,6 @@
 import { Utils } from "./Utils"
 import AllThemesGui from "./UI/AllThemesGui"
 import { QueryParameters } from "./Logic/Web/QueryParameters"
-import StatisticsGUI from "./UI/StatisticsGUI"
-import { FixedUiElement } from "./UI/Base/FixedUiElement"
-import { PdfExportGui } from "./UI/BigComponents/PdfExportGui"
 
 const layout = QueryParameters.GetQueryParameter("layout", undefined).data ?? ""
 const customLayout = QueryParameters.GetQueryParameter("userlayout", undefined).data ?? ""
@@ -32,23 +29,4 @@ if (layout !== "") {
 }
 
 Utils.DisableLongPresses()
-document.getElementById("decoration-desktop").remove()
-const mode = QueryParameters.GetQueryParameter(
-    "mode",
-    "map",
-    "The mode the application starts in, e.g. 'statistics'"
-)
-
-if (mode.data === "statistics") {
-    console.log("Statistics mode!")
-    new FixedUiElement("").AttachTo("centermessage")
-    new StatisticsGUI().SetClass("w-full h-full pointer-events-auto").AttachTo("topleft-tools")
-} else if (mode.data === "pdf") {
-    new FixedUiElement("").AttachTo("centermessage")
-    const div = document.createElement("div")
-    div.id = "extra_div_for_maps"
-    new PdfExportGui(div.id).SetClass("pointer-events-auto").AttachTo("topleft-tools")
-    document.getElementById("topleft-tools").appendChild(div)
-} else {
-    new AllThemesGui().setup()
-}
+new AllThemesGui().setup()
diff --git a/assets/layers/bicycle_library/bicycle_library.json b/assets/layers/bicycle_library/bicycle_library.json
index 6d26855a5..0301d4f0e 100644
--- a/assets/layers/bicycle_library/bicycle_library.json
+++ b/assets/layers/bicycle_library/bicycle_library.json
@@ -345,4 +345,4 @@
     }
   ],
   "deletion": true
-}
+}
\ No newline at end of file
diff --git a/assets/layers/bicycle_tube_vending_machine/bicycle_tube_vending_machine.json b/assets/layers/bicycle_tube_vending_machine/bicycle_tube_vending_machine.json
index ed2d3fa31..f7fe3d915 100644
--- a/assets/layers/bicycle_tube_vending_machine/bicycle_tube_vending_machine.json
+++ b/assets/layers/bicycle_tube_vending_machine/bicycle_tube_vending_machine.json
@@ -315,4 +315,4 @@
     "cs": "Vrstva zobrazující automaty na cyklistické duše (buď speciální automaty na cyklistické duše, nebo klasické automaty s cyklistickými dušemi a případně dalšími předměty souvisejícími s jízdními koly, jako jsou světla, rukavice, zámky, ...)",
     "ca": "Una capa que mostra màquines expenedores per a tubs de bicicleta (ja siguin màquines expenedores de tubs de bicicleta o màquines expenedores clàssiques amb tubs de bicicleta i opcionalment objectes addicionals relacionats amb la bicicleta com ara llums, guants, panys, ...)"
   }
-}
+}
\ No newline at end of file
diff --git a/assets/layers/bike_repair_station/bike_repair_station.json b/assets/layers/bike_repair_station/bike_repair_station.json
index fd7e0ba60..c266cdc49 100644
--- a/assets/layers/bike_repair_station/bike_repair_station.json
+++ b/assets/layers/bike_repair_station/bike_repair_station.json
@@ -1015,4 +1015,4 @@
     "fr": "Une couche montrant les pompes à vélo et les centres de réparation",
     "cs": "Vrstva zobrazující vzduchové kompresory na jízdní kola a stojany na nářadí pro opravu jízdních kol"
   }
-}
+}
\ No newline at end of file
diff --git a/assets/layers/bike_shop/bike_shop.json b/assets/layers/bike_shop/bike_shop.json
index 78407accf..751c9a757 100644
--- a/assets/layers/bike_shop/bike_shop.json
+++ b/assets/layers/bike_shop/bike_shop.json
@@ -815,4 +815,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/cafe_pub/cafe_pub.json b/assets/layers/cafe_pub/cafe_pub.json
index b27ef9da3..7c0c7cb1a 100644
--- a/assets/layers/cafe_pub/cafe_pub.json
+++ b/assets/layers/cafe_pub/cafe_pub.json
@@ -360,4 +360,4 @@
     "da": "Et lag med caféer og pubber, hvor man kan samles omkring en drink. Laget stiller nogle relevante spørgsmål",
     "fr": "Une couche montrants les cafés et pubs où l’on peut prendre un verre. Cette couche pose des questions y afférentes."
   }
-}
+}
\ No newline at end of file
diff --git a/assets/layers/charging_station/charging_station.json b/assets/layers/charging_station/charging_station.json
index 3501147e3..1c314b931 100644
--- a/assets/layers/charging_station/charging_station.json
+++ b/assets/layers/charging_station/charging_station.json
@@ -5065,4 +5065,4 @@
     },
     "neededChangesets": 10
   }
-}
+}
\ No newline at end of file
diff --git a/assets/layers/climbing/climbing.json b/assets/layers/climbing/climbing.json
index 8330a9028..826a286f8 100644
--- a/assets/layers/climbing/climbing.json
+++ b/assets/layers/climbing/climbing.json
@@ -324,7 +324,6 @@
           "hideInAnswer": true
         }
       ]
-    
     },
     {
       "id": "max_bolts",
@@ -404,4 +403,4 @@
     }
   ],
   "mapRendering": null
-}
+}
\ No newline at end of file
diff --git a/assets/layers/climbing_club/climbing_club.json b/assets/layers/climbing_club/climbing_club.json
index a40d48e71..11c4b4934 100644
--- a/assets/layers/climbing_club/climbing_club.json
+++ b/assets/layers/climbing_club/climbing_club.json
@@ -186,4 +186,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/climbing_gym/climbing_gym.json b/assets/layers/climbing_gym/climbing_gym.json
index da849d6dc..b4d02bb55 100644
--- a/assets/layers/climbing_gym/climbing_gym.json
+++ b/assets/layers/climbing_gym/climbing_gym.json
@@ -246,4 +246,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/conflation/conflation.json b/assets/layers/conflation/conflation.json
index 5cc23d054..49aa6c971 100644
--- a/assets/layers/conflation/conflation.json
+++ b/assets/layers/conflation/conflation.json
@@ -79,4 +79,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/current_view/current_view.json b/assets/layers/current_view/current_view.json
index da1e0f47f..1e0c279e9 100644
--- a/assets/layers/current_view/current_view.json
+++ b/assets/layers/current_view/current_view.json
@@ -10,4 +10,4 @@
       "color": "#cccc0088"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/filters/filters.json b/assets/layers/filters/filters.json
index d00f29601..f123c40f7 100644
--- a/assets/layers/filters/filters.json
+++ b/assets/layers/filters/filters.json
@@ -175,4 +175,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/fitness_centre/fitness_centre.json b/assets/layers/fitness_centre/fitness_centre.json
index e712a0c97..f4efa8c52 100644
--- a/assets/layers/fitness_centre/fitness_centre.json
+++ b/assets/layers/fitness_centre/fitness_centre.json
@@ -102,4 +102,4 @@
   "filter": [
     "open_now"
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/fitness_station/fitness_station.json b/assets/layers/fitness_station/fitness_station.json
index 34ab22e12..c4ced9c91 100644
--- a/assets/layers/fitness_station/fitness_station.json
+++ b/assets/layers/fitness_station/fitness_station.json
@@ -410,4 +410,4 @@
   "filter": [
     "open_now"
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/ghost_bike/ghost_bike.json b/assets/layers/ghost_bike/ghost_bike.json
index 52da5836a..645e38857 100644
--- a/assets/layers/ghost_bike/ghost_bike.json
+++ b/assets/layers/ghost_bike/ghost_bike.json
@@ -239,4 +239,4 @@
     "nl": "Een laag die herdenkingsplaatsen voor verongelukte fietsers toont",
     "de": "Eine Ebene mit Gedenkstätten für Radfahrer, die bei Verkehrsunfällen ums Leben gekommen sind"
   }
-}
+}
\ No newline at end of file
diff --git a/assets/layers/gps_location/gps_location.json b/assets/layers/gps_location/gps_location.json
index 44a028e91..35ef4c3a4 100644
--- a/assets/layers/gps_location/gps_location.json
+++ b/assets/layers/gps_location/gps_location.json
@@ -36,4 +36,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/gps_location_history/gps_location_history.json b/assets/layers/gps_location_history/gps_location_history.json
index 34167beb5..9385408d3 100644
--- a/assets/layers/gps_location_history/gps_location_history.json
+++ b/assets/layers/gps_location_history/gps_location_history.json
@@ -15,4 +15,4 @@
       "iconSize": "5,5,center"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/gps_track/gps_track.json b/assets/layers/gps_track/gps_track.json
index 94bb2a40b..eb0110171 100644
--- a/assets/layers/gps_track/gps_track.json
+++ b/assets/layers/gps_track/gps_track.json
@@ -44,4 +44,4 @@
     }
   ],
   "syncSelection": "global"
-}
+}
\ No newline at end of file
diff --git a/assets/layers/home_location/home_location.json b/assets/layers/home_location/home_location.json
index 75a7e704c..34d7acc61 100644
--- a/assets/layers/home_location/home_location.json
+++ b/assets/layers/home_location/home_location.json
@@ -17,4 +17,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/hospital/hospital.json b/assets/layers/hospital/hospital.json
index 1f6f0e33e..5e13faa36 100644
--- a/assets/layers/hospital/hospital.json
+++ b/assets/layers/hospital/hospital.json
@@ -99,4 +99,4 @@
       "width": 1
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/icons/icons.json b/assets/layers/icons/icons.json
index 0aa21f6a3..2cc0e98f7 100644
--- a/assets/layers/icons/icons.json
+++ b/assets/layers/icons/icons.json
@@ -3,7 +3,7 @@
   "description": {
     "en": "A layer acting as library for icon-tagrenderings, especially to show as badge next to a POI"
   },
-  "source":"special:library",
+  "source": "special:library",
   "title": null,
   "tagRenderings": [
     {
@@ -125,4 +125,4 @@
     }
   ],
   "mapRendering": null
-}
+}
\ No newline at end of file
diff --git a/assets/layers/id_presets/id_presets.json b/assets/layers/id_presets/id_presets.json
index 152dbc7be..b3716d3d1 100644
--- a/assets/layers/id_presets/id_presets.json
+++ b/assets/layers/id_presets/id_presets.json
@@ -20215,4 +20215,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/import_candidate/import_candidate.json b/assets/layers/import_candidate/import_candidate.json
index 63059ad4b..41aa24298 100644
--- a/assets/layers/import_candidate/import_candidate.json
+++ b/assets/layers/import_candidate/import_candidate.json
@@ -1,7 +1,7 @@
 {
   "id": "import_candidate",
   "description": "Layer used as template in the importHelper",
-  "source":"special",
+  "source": "special",
   "mapRendering": [
     {
       "location": [
@@ -19,4 +19,4 @@
       "render": "{all_tags()}"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/matchpoint/matchpoint.json b/assets/layers/matchpoint/matchpoint.json
index 5814561b8..b62d9a7af 100644
--- a/assets/layers/matchpoint/matchpoint.json
+++ b/assets/layers/matchpoint/matchpoint.json
@@ -1,7 +1,7 @@
 {
   "id": "matchpoint",
   "description": "The default rendering for a locationInput which snaps onto another object",
-  "source":"special",
+  "source": "special",
   "mapRendering": [
     {
       "location": [
@@ -11,4 +11,4 @@
       "icon": "./assets/svg/crosshair-empty.svg"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/parcel_lockers/parcel_lockers.json b/assets/layers/parcel_lockers/parcel_lockers.json
index 01c78409b..43d1101ec 100644
--- a/assets/layers/parcel_lockers/parcel_lockers.json
+++ b/assets/layers/parcel_lockers/parcel_lockers.json
@@ -269,4 +269,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/pharmacy/pharmacy.json b/assets/layers/pharmacy/pharmacy.json
index 660fe4c67..2fb6813dc 100644
--- a/assets/layers/pharmacy/pharmacy.json
+++ b/assets/layers/pharmacy/pharmacy.json
@@ -174,4 +174,4 @@
       }
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/postoffices/postoffices.json b/assets/layers/postoffices/postoffices.json
index 317e93ca6..d1cdac874 100644
--- a/assets/layers/postoffices/postoffices.json
+++ b/assets/layers/postoffices/postoffices.json
@@ -451,4 +451,4 @@
       "width": "1"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/range/range.json b/assets/layers/range/range.json
index a68b56ba0..4268dc2d0 100644
--- a/assets/layers/range/range.json
+++ b/assets/layers/range/range.json
@@ -11,4 +11,4 @@
       "color": "#cc00cc"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/school/school.json b/assets/layers/school/school.json
index b5ab8c216..b692bdbee 100644
--- a/assets/layers/school/school.json
+++ b/assets/layers/school/school.json
@@ -397,4 +397,4 @@
       "width": 1
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/shops/shops.json b/assets/layers/shops/shops.json
index 217e04e81..68e938191 100644
--- a/assets/layers/shops/shops.json
+++ b/assets/layers/shops/shops.json
@@ -411,4 +411,4 @@
     "accepts_cards",
     "has_organic"
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/split_point/split_point.json b/assets/layers/split_point/split_point.json
index 9202df71c..3efc3e55d 100644
--- a/assets/layers/split_point/split_point.json
+++ b/assets/layers/split_point/split_point.json
@@ -15,4 +15,4 @@
       "iconSize": "30,30,center"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/sport_pitch/sport_pitch.json b/assets/layers/sport_pitch/sport_pitch.json
index c592960dd..a81e51b06 100644
--- a/assets/layers/sport_pitch/sport_pitch.json
+++ b/assets/layers/sport_pitch/sport_pitch.json
@@ -670,4 +670,4 @@
     },
     "open_now"
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/sports_centre/sports_centre.json b/assets/layers/sports_centre/sports_centre.json
index 3e34be973..f75278d41 100644
--- a/assets/layers/sports_centre/sports_centre.json
+++ b/assets/layers/sports_centre/sports_centre.json
@@ -68,4 +68,4 @@
   "filter": [
     "open_now"
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/toilet/toilet.json b/assets/layers/toilet/toilet.json
index 1165390e0..e13d6b489 100644
--- a/assets/layers/toilet/toilet.json
+++ b/assets/layers/toilet/toilet.json
@@ -755,4 +755,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/toilet_at_amenity/toilet_at_amenity.json b/assets/layers/toilet_at_amenity/toilet_at_amenity.json
index b4e05b46b..2bbd440d4 100644
--- a/assets/layers/toilet_at_amenity/toilet_at_amenity.json
+++ b/assets/layers/toilet_at_amenity/toilet_at_amenity.json
@@ -454,4 +454,4 @@
       ]
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/layers/usersettings/usersettings.json b/assets/layers/usersettings/usersettings.json
index c99060648..ec3ce4e30 100644
--- a/assets/layers/usersettings/usersettings.json
+++ b/assets/layers/usersettings/usersettings.json
@@ -318,4 +318,4 @@
     }
   ],
   "mapRendering": null
-}
+}
\ No newline at end of file
diff --git a/assets/layers/veterinary/veterinary.json b/assets/layers/veterinary/veterinary.json
index cadeaf334..2fa9d984b 100644
--- a/assets/layers/veterinary/veterinary.json
+++ b/assets/layers/veterinary/veterinary.json
@@ -116,4 +116,4 @@
       "id": "vetName"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/assets/themes/buurtnatuur/buurtnatuur.json b/assets/themes/buurtnatuur/buurtnatuur.json
index 6f960d39b..44e707d04 100644
--- a/assets/themes/buurtnatuur/buurtnatuur.json
+++ b/assets/themes/buurtnatuur/buurtnatuur.json
@@ -613,4 +613,4 @@
     ]
   },
   "credits": "Pieter Vander Vennet"
-}
+}
\ No newline at end of file
diff --git a/assets/themes/grb/grb.json b/assets/themes/grb/grb.json
index 4d87ff694..191378d53 100644
--- a/assets/themes/grb/grb.json
+++ b/assets/themes/grb/grb.json
@@ -748,4 +748,4 @@
   "overpassMaxZoom": 17,
   "osmApiTileSize": 17,
   "credits": "Pieter Vander Vennet"
-}
+}
\ No newline at end of file
diff --git a/assets/themes/speelplekken/speelplekken.json b/assets/themes/speelplekken/speelplekken.json
index 8f7371945..b73222e48 100644
--- a/assets/themes/speelplekken/speelplekken.json
+++ b/assets/themes/speelplekken/speelplekken.json
@@ -267,4 +267,4 @@
     ],
     "isShown": "_is_shadowed!=yes"
   }
-}
+}
\ No newline at end of file
diff --git a/css/index-tailwind-output.css b/css/index-tailwind-output.css
index 2229edffe..8dde87d98 100644
--- a/css/index-tailwind-output.css
+++ b/css/index-tailwind-output.css
@@ -1183,6 +1183,10 @@ video {
   width: auto;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .min-w-min {
   min-width: -webkit-min-content;
   min-width: min-content;
@@ -1509,6 +1513,11 @@ video {
   border-color: rgb(107 114 128 / var(--tw-border-opacity));
 }
 
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+
 .border-opacity-50 {
   --tw-border-opacity: 0.5;
 }
@@ -1580,10 +1589,6 @@ video {
   padding: 0.5rem;
 }
 
-.p-8 {
-  padding: 2rem;
-}
-
 .p-3 {
   padding: 0.75rem;
 }
@@ -1596,6 +1601,10 @@ video {
   padding: 0.125rem;
 }
 
+.p-8 {
+  padding: 2rem;
+}
+
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -1921,6 +1930,10 @@ video {
   transition-duration: 150ms;
 }
 
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 .z-above-map {
   z-index: 10000;
 }
@@ -1971,8 +1984,6 @@ video {
   --shadow-color: #00000066;
   --return-to-the-map-height: 2em;
   --image-carousel-height: 350px;
-  /* The border colour of the leaflet popup */
-  --popup-border: white;
   /* Technical variable to make some dynamic behaviour possible; set by javascript. */
   --variable-title-height: 0px;
 }
@@ -1989,31 +2000,6 @@ body {
   font-family: "Helvetica Neue", Arial, sans-serif;
 }
 
-.leaflet-overlay-pane .leaflet-zoom-animated {
-  /* Another workaround to keep leaflet working */
-  width: initial !important;
-  height: initial !important;
-  box-sizing: initial !important;
-}
-
-.leaflet-marker-icon img {
-  -webkit-touch-callout: none;
-  /* prevent callout to copy image, etc when tap to hold */
-}
-
-.leaflet-control-attribution {
-  display: flex;
-}
-
-.badge {
-}
-
-.badge svg {
-  /*Workaround for leaflet*/
-  width: unset !important;
-  height: 100% !important;
-}
-
 svg,
 img {
   box-sizing: content-box;
@@ -2255,28 +2241,6 @@ li::marker {
   fill: var(--catch-detail-color) !important;
 }
 
-#leafletDiv {
-  height: 100%;
-}
-
-.leaflet-popup-content-wrapper {
-  background-color: var(--background-color);
-  color: var(--foreground-color);
-  border: 2px solid var(--popup-border);
-  box-shadow: 0 3px 14px var(--shadow-color) !important;
-}
-
-.leaflet-container {
-  font: unset !important;
-  background-color: var(--background-color) !important;
-}
-
-.leaflet-popup-tip {
-  background-color: var(--popup-border) !important;
-  color: var(--popup-border) !important;
-  box-shadow: 0 3px 14px var(--shadow-color) !important;
-}
-
 .single-layer-selection-toggle {
   position: relative;
   width: 2em;
@@ -2408,131 +2372,17 @@ li::marker {
   }
 }
 
-.hand-drag-animation {
-  -webkit-animation: hand-drag-animation 6s ease-in-out infinite;
-          animation: hand-drag-animation 6s ease-in-out infinite;
-  -webkit-transform-origin: 50% 125%;
-          transform-origin: 50% 125%;
-}
-
-@-webkit-keyframes hand-drag-animation {
-  /* This is the animation on the little extra hand on the location input. If fades in, invites the user to interact/drag the map */
-
-  0% {
-    opacity: 0;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  6% {
-    opacity: 1;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  12% {
-    opacity: 1;
-    -webkit-transform: rotate(-45deg);
-            transform: rotate(-45deg);
-  }
-
-  24% {
-    opacity: 1;
-    -webkit-transform: rotate(-00deg);
-            transform: rotate(-00deg);
-  }
-
-  30% {
-    opacity: 1;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  36% {
-    opacity: 0;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  100% {
-    opacity: 0;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-}
-
-@keyframes hand-drag-animation {
-  /* This is the animation on the little extra hand on the location input. If fades in, invites the user to interact/drag the map */
-
-  0% {
-    opacity: 0;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  6% {
-    opacity: 1;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  12% {
-    opacity: 1;
-    -webkit-transform: rotate(-45deg);
-            transform: rotate(-45deg);
-  }
-
-  24% {
-    opacity: 1;
-    -webkit-transform: rotate(-00deg);
-            transform: rotate(-00deg);
-  }
-
-  30% {
-    opacity: 1;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  36% {
-    opacity: 0;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-
-  100% {
-    opacity: 0;
-    -webkit-transform: rotate(-30deg);
-            transform: rotate(-30deg);
-  }
-}
-
 /***************** Info box (box containing features and questions ******************/
 
 input {
   color: var(--foreground-color);
 }
 
-.leaflet-popup-content {
-  width: 45em !important;
-  margin: 0.25rem !important;
-}
-
-.leaflet-div-icon {
-  background-color: unset !important;
-  border: unset !important;
-}
-
 .floating-element-width {
   max-width: calc(100vw - 5em);
   width: 40em;
 }
 
-.leaflet-div-icon svg {
-  width: calc(100%);
-  height: calc(100%);
-}
-
 /****** ShareScreen *****/
 
 .literal-code {
diff --git a/index.css b/index.css
index fdaf2101d..38fac7a14 100644
--- a/index.css
+++ b/index.css
@@ -87,9 +87,6 @@
   --return-to-the-map-height: 2em;
   --image-carousel-height: 350px;
 
-  /* The border colour of the leaflet popup */
-  --popup-border: white;
-
   /* Technical variable to make some dynamic behaviour possible; set by javascript. */
   --variable-title-height: 0px;
 }
@@ -106,29 +103,6 @@ body {
   font-family: "Helvetica Neue", Arial, sans-serif;
 }
 
-.leaflet-overlay-pane .leaflet-zoom-animated {
-  /* Another workaround to keep leaflet working */
-  width: initial !important;
-  height: initial !important;
-  box-sizing: initial !important;
-}
-
-.leaflet-marker-icon img {
-  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-}
-
-.leaflet-control-attribution {
-  display: flex;
-}
-
-.badge {
-}
-
-.badge svg {
-  /*Workaround for leaflet*/
-  width: unset !important;
-  height: 100% !important;
-}
 
 svg,
 img {
@@ -365,27 +339,6 @@ li::marker {
   fill: var(--catch-detail-color) !important;
 }
 
-#leafletDiv {
-  height: 100%;
-}
-
-.leaflet-popup-content-wrapper {
-  background-color: var(--background-color);
-  color: var(--foreground-color);
-  border: 2px solid var(--popup-border);
-  box-shadow: 0 3px 14px var(--shadow-color) !important;
-}
-
-.leaflet-container {
-  font: unset !important;
-  background-color: var(--background-color) !important;
-}
-
-.leaflet-popup-tip {
-  background-color: var(--popup-border) !important;
-  color: var(--popup-border) !important;
-  box-shadow: 0 3px 14px var(--shadow-color) !important;
-}
 
 .single-layer-selection-toggle {
   position: relative;
@@ -499,48 +452,6 @@ li::marker {
   }
 }
 
-.hand-drag-animation {
-  animation: hand-drag-animation 6s ease-in-out infinite;
-  transform-origin: 50% 125%;
-}
-
-@keyframes hand-drag-animation {
-  /* This is the animation on the little extra hand on the location input. If fades in, invites the user to interact/drag the map */
-  0% {
-    opacity: 0;
-    transform: rotate(-30deg);
-  }
-
-  6% {
-    opacity: 1;
-    transform: rotate(-30deg);
-  }
-
-  12% {
-    opacity: 1;
-    transform: rotate(-45deg);
-  }
-
-  24% {
-    opacity: 1;
-    transform: rotate(-00deg);
-  }
-
-  30% {
-    opacity: 1;
-    transform: rotate(-30deg);
-  }
-
-  36% {
-    opacity: 0;
-    transform: rotate(-30deg);
-  }
-
-  100% {
-    opacity: 0;
-    transform: rotate(-30deg);
-  }
-}
 
 
 /***************** Info box (box containing features and questions ******************/
@@ -549,25 +460,11 @@ input {
   color: var(--foreground-color);
 }
 
-.leaflet-popup-content {
-  width: 45em !important;
-  margin: 0.25rem !important;
-}
-
-.leaflet-div-icon {
-  background-color: unset !important;
-  border: unset !important;
-}
-
 .floating-element-width {
   max-width: calc(100vw - 5em);
   width: 40em;
 }
 
-.leaflet-div-icon svg {
-  width: calc(100%);
-  height: calc(100%);
-}
 
 /****** ShareScreen *****/
 
diff --git a/index.html b/index.html
index 16a018c38..e2e555346 100644
--- a/index.html
+++ b/index.html
@@ -51,22 +51,8 @@
 </head>
 <body>
 
-<div id="decoration-desktop" style="position: fixed; left: 1em; bottom: 1em; width:35vh; height:35vh;">
-    <!-- A nice decoration while loading or on errors -->
-    <!-- DECORATION 0 START -->
-    <img src="./assets/svg/add.svg"/>
-    <!-- DECORATION 0 END -->
-</div>
-
-<div id="top-left">
-</div>
-
-<div class="clutter absolute h-24 left-24 right-24 top-56 text-xl text-center"
-     id="centermessage" style="z-index: 4000">
-    Loading MapComplete, hang on...
-</div>
-
 
+<div id="main"></div>
 <script type="module" src="./all_themes_index.ts"></script>
 <script async data-goatcounter="https://pietervdvn.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
 
diff --git a/index.ts b/index.ts
index a012c8cd5..bd6cabc39 100644
--- a/index.ts
+++ b/index.ts
@@ -4,7 +4,6 @@ import { Utils } from "./Utils"
 import AllThemesGui from "./UI/AllThemesGui"
 import DetermineLayout from "./Logic/DetermineLayout"
 import LayoutConfig from "./Models/ThemeConfig/LayoutConfig"
-import DefaultGUI from "./UI/DefaultGUI"
 import ShowOverlayLayerImplementation from "./UI/ShowDataLayer/ShowOverlayLayerImplementation"
 import { DefaultGuiState } from "./UI/DefaultGuiState"
 
diff --git a/langs/en.json b/langs/en.json
index 48fef3b80..dbc48e367 100644
--- a/langs/en.json
+++ b/langs/en.json
@@ -88,7 +88,7 @@
     },
     "general": {
         "about": "Easily edit and add OpenStreetMap for a certain theme",
-        "aboutMapcomplete": "<h3>About</h3><p>Use MapComplete to add OpenStreetMap info on a <b>single theme.</b> Answer questions, and within minutes your contributions are available everywhere. In most themes you can add pictures or even leave a review. The <b>theme maintainer</b> defines elements, questions and languages for it.</p><h3>Find out more</h3><p>MapComplete always <b>offers the next step</b> to learn more about OpenStreetMap.<ul><li>When embedded in a website, the iframe links to a full-screen MapComplete.</li><li>The fullscreen version offers info about OpenStreetMap.</li><li>Viewing works without login, but editing requires an OSM account.</li><li>If you are not logged in, you are asked to do so</li><li>Once you answered a single question, you can add new features to the map</li><li>After a while, actual OSM-tags are shown, later linking to the wiki</li></ul></p><br/><p>Did you notice <b>an issue</b>? Do you have a <b>feature request</b>? Want to <b>help translate</b>? Head over to <a href='https://github.com/pietervdvn/MapComplete' target='_blank'>the source code</a> or <a href='https://github.com/pietervdvn/MapComplete/issues' target='_blank'>issue tracker.</a> </p><p> Want to see <b>your progress</b>? Follow the edit count on <a href='{osmcha_link}' target='_blank' >OsmCha</a>.</p>",
+        "aboutMapcomplete": "<p>Use MapComplete to add OpenStreetMap info on a <b>single theme.</b> Answer questions, and within minutes your contributions are available everywhere. In most themes you can add pictures or even leave a review. The <b>theme maintainer</b> defines elements, questions and languages for it.</p><h3>Find out more</h3><p>MapComplete always <b>offers the next step</b> to learn more about OpenStreetMap.<ul><li>When embedded in a website, the iframe links to a full-screen MapComplete.</li><li>The fullscreen version offers info about OpenStreetMap.</li><li>Viewing works without login, but editing requires an OSM account.</li><li>If you are not logged in, you are asked to do so</li><li>Once you answered a single question, you can add new features to the map</li><li>After a while, actual OSM-tags are shown, later linking to the wiki</li></ul></p><br/><p>Did you notice <b>an issue</b>? Do you have a <b>feature request</b>? Want to <b>help translate</b>? Head over to <a href='https://github.com/pietervdvn/MapComplete' target='_blank'>the source code</a> or <a href='https://github.com/pietervdvn/MapComplete/issues' target='_blank'>issue tracker.</a> </p><p> Want to see <b>your progress</b>? Follow the edit count on <a href='{osmcha_link}' target='_blank' >OsmCha</a>.</p>",
         "add": {
             "addNew": "Add {category}",
             "addNewMapLabel": "Click here to add a new item",
@@ -203,6 +203,10 @@
         "loginToStart": "Log in to answer this question",
         "loginWithOpenStreetMap": "Login with OpenStreetMap",
         "logout": "Log out",
+        "menu": {
+            "aboutMapComplete": "About MapComplete",
+            "filter": "Filter data"
+        },
         "morescreen": {
             "createYourOwnTheme": "Create your own MapComplete theme from scratch",
             "hiddenExplanation": "These themes are only accessible to those with the link. You have discovered {hidden_discovered} of {total_hidden} hidden themes.",
diff --git a/langs/layers/ca.json b/langs/layers/ca.json
index 269e5a9a1..ba8838b14 100644
--- a/langs/layers/ca.json
+++ b/langs/layers/ca.json
@@ -1809,9 +1809,6 @@
     "gps_track": {
         "name": "La teva traça recorreguda"
     },
-    "grass_in_parks": {
-        "description": "Cerques per a tots els camins d'herba accessibles dins dels parcs públics - aquests són «groenzones»"
-    },
     "hackerspace": {
         "presets": {
             "1": {
diff --git a/langs/layers/de.json b/langs/layers/de.json
index 25c04f712..8b5e67af5 100644
--- a/langs/layers/de.json
+++ b/langs/layers/de.json
@@ -4750,9 +4750,6 @@
             }
         }
     },
-    "grass_in_parks": {
-        "description": "Sucht nach allen zugänglichen Grasflächen in öffentlichen Parks - dies sind 'Grünzonen'"
-    },
     "hackerspace": {
         "description": "Hackerspace",
         "name": "Hackerspaces",
diff --git a/langs/layers/en.json b/langs/layers/en.json
index 6c3bea5b3..997701317 100644
--- a/langs/layers/en.json
+++ b/langs/layers/en.json
@@ -4750,9 +4750,6 @@
             }
         }
     },
-    "grass_in_parks": {
-        "description": "Searches for all accessible grass patches within public parks - these are 'groenzones'"
-    },
     "hackerspace": {
         "description": "Hackerspace",
         "name": "Hackerspace",
diff --git a/langs/layers/nl.json b/langs/layers/nl.json
index fb2839720..d5937d939 100644
--- a/langs/layers/nl.json
+++ b/langs/layers/nl.json
@@ -4657,18 +4657,6 @@
             }
         }
     },
-    "grass_in_parks": {
-        "description": "Dit zoekt naar alle toegankelijke grasvelden binnen publieke parken - dit zijn 'groenzones'",
-        "name": "Toegankelijke grasvelden in parken",
-        "title": {
-            "mappings": {
-                "0": {
-                    "then": "{name}"
-                }
-            },
-            "render": "Speelweide in een park"
-        }
-    },
     "hackerspace": {
         "description": "Hackerspace",
         "name": "Hackerspace",
diff --git a/langs/themes/ca.json b/langs/themes/ca.json
index 214105197..cbabb6a7a 100644
--- a/langs/themes/ca.json
+++ b/langs/themes/ca.json
@@ -661,7 +661,7 @@
     "grb": {
         "description": "Aquest tema és un intent d'automatitzar la importació GRB.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "Quin tipus d'edifici és aquest?"
diff --git a/langs/themes/cs.json b/langs/themes/cs.json
index db30b7452..29773ea1d 100644
--- a/langs/themes/cs.json
+++ b/langs/themes/cs.json
@@ -614,14 +614,14 @@
     },
     "grb": {
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "Jaký druh budovy je toto?"
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
diff --git a/langs/themes/da.json b/langs/themes/da.json
index 86367ea29..35750cd9e 100644
--- a/langs/themes/da.json
+++ b/langs/themes/da.json
@@ -552,14 +552,14 @@
     "grb": {
         "description": "Dette tema er et forsøg på at hjælpe med at automatisere GRB-importen.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "Hvad er det for en bygning?"
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
diff --git a/langs/themes/de.json b/langs/themes/de.json
index 3aa814ead..27f69bb1c 100644
--- a/langs/themes/de.json
+++ b/langs/themes/de.json
@@ -689,14 +689,14 @@
     "grb": {
         "description": "Dieses Thema ist ein Versuch, die Automatisierung des GRB-Imports zu unterstützen.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "Was ist das für ein Gebäude?"
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
diff --git a/langs/themes/en.json b/langs/themes/en.json
index 1af038368..3f94f618b 100644
--- a/langs/themes/en.json
+++ b/langs/themes/en.json
@@ -689,14 +689,14 @@
     "grb": {
         "description": "This theme is an attempt to help automating the GRB import.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "What kind of building is this?"
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
diff --git a/langs/themes/es.json b/langs/themes/es.json
index 91e69f5af..3bddfb4cd 100644
--- a/langs/themes/es.json
+++ b/langs/themes/es.json
@@ -689,14 +689,14 @@
     "grb": {
         "description": "Este tema es un intento de automatizar la importación GRB.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "¿Qué tipo de edificio es este?"
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
diff --git a/langs/themes/fr.json b/langs/themes/fr.json
index a8db4c07e..25dbd2b6e 100644
--- a/langs/themes/fr.json
+++ b/langs/themes/fr.json
@@ -685,14 +685,14 @@
     "grb": {
         "description": "Ce thème tente d’aider l’import automatique GRB.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "De quel type de bâtiment s’agit-il ?"
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
diff --git a/langs/themes/nl.json b/langs/themes/nl.json
index 0d9ebed8d..41c216f47 100644
--- a/langs/themes/nl.json
+++ b/langs/themes/nl.json
@@ -739,7 +739,7 @@
     "grb": {
         "description": "Dit thema helpt het GRB importeren.",
         "layers": {
-            "1": {
+            "0": {
                 "tagRenderings": {
                     "building type": {
                         "question": "Wat voor soort gebouw is dit?"
@@ -775,7 +775,7 @@
                     }
                 }
             },
-            "5": {
+            "4": {
                 "override": {
                     "tagRenderings+": {
                         "0": {
@@ -800,7 +800,7 @@
                     }
                 }
             },
-            "6": {
+            "5": {
                 "tagRenderings": {
                     "Import-button": {
                         "mappings": {
@@ -1130,7 +1130,7 @@
     "speelplekken": {
         "description": "<h3>Welkom bij de Groendoener!</h3>De Zuidrand dat is spelen, ravotten, chillen, wandelen,… in het groen. Meer dan <b>200 grote en kleine speelplekken</b> liggen er in parken, in bossen en op pleintjes te wachten om ontdekt te worden. De verschillende speelplekken werden getest én goedgekeurd door kinder- en jongerenreporters uit de Zuidrand. Met leuke challenges dagen de reporters jou uit om ook op ontdekking te gaan. Klik op een speelplek op de kaart, bekijk het filmpje en ga op verkenning!<br/><br/>Het project groendoener kadert binnen het strategisch project <a href='https://www.provincieantwerpen.be/aanbod/dlm/samenwerkingsverbanden/zuidrand/projecten/strategisch-project-beleefbare-open-ruimte.html' target='_blank'>Beleefbare Open Ruimte in de Antwerpse Zuidrand</a> en is een samenwerking tussen het departement Leefmilieu van provincie Antwerpen, Sportpret vzw, een OpenStreetMap-België Consultent en Createlli vzw. Het project kwam tot stand met steun van Departement Omgeving van de Vlaamse Overheid.<br/><img class='w-full md:w-1/2' src='./assets/themes/speelplekken/provincie_antwerpen.jpg'/><img class='w-full md:w-1/2' src='./assets/themes/speelplekken/Departement_Omgeving_Vlaanderen.png'/>",
         "layers": {
-            "7": {
+            "6": {
                 "name": "Wandelroutes van provincie Antwerpen",
                 "tagRenderings": {
                     "walk-description": {
diff --git a/package-lock.json b/package-lock.json
index ba8d50ec5..dffa13d79 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "escape-html": "^1.0.3",
         "fake-dom": "^1.0.4",
         "geojson2svg": "^1.3.1",
+        "html-to-markdown": "^1.0.0",
         "i18next-client": "^1.11.4",
         "idb-keyval": "^6.0.3",
         "jest-mock": "^29.4.1",
@@ -6355,6 +6356,11 @@
         "node": ">=12"
       }
     },
+    "node_modules/html-to-markdown": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/html-to-markdown/-/html-to-markdown-1.0.0.tgz",
+      "integrity": "sha512-QWHVycyZXQyotyyh5Zdh65L0mUvlAtcoi6R7Fqz4W+CbcWKt2TekVXZbFG5RUh2XBkNmSWechMyQSxvJOwXrHw=="
+    },
     "node_modules/html2canvas": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
@@ -16731,6 +16737,11 @@
         "whatwg-encoding": "^2.0.0"
       }
     },
+    "html-to-markdown": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/html-to-markdown/-/html-to-markdown-1.0.0.tgz",
+      "integrity": "sha512-QWHVycyZXQyotyyh5Zdh65L0mUvlAtcoi6R7Fqz4W+CbcWKt2TekVXZbFG5RUh2XBkNmSWechMyQSxvJOwXrHw=="
+    },
     "html2canvas": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
diff --git a/package.json b/package.json
index 4f8a4e18f..92bbd30e0 100644
--- a/package.json
+++ b/package.json
@@ -80,6 +80,7 @@
     "escape-html": "^1.0.3",
     "fake-dom": "^1.0.4",
     "geojson2svg": "^1.3.1",
+    "html-to-markdown": "^1.0.0",
     "i18next-client": "^1.11.4",
     "idb-keyval": "^6.0.3",
     "jest-mock": "^29.4.1",
diff --git a/public/maplibre-gl.css b/public/maplibre-gl.css
new file mode 100644
index 000000000..0b31fdb15
--- /dev/null
+++ b/public/maplibre-gl.css
@@ -0,0 +1 @@
+.mapboxgl-map,.maplibregl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas,.maplibregl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:fullscreen,.maplibregl-map:fullscreen{height:100%;width:100%}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left,.maplibregl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right,.maplibregl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left,.maplibregl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl,.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl,.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl,.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group,.maplibregl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty),.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty),.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button,.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.mapboxgl-ctrl-group button+button,.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon,.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon,.maplibregl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button,.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl button::-moz-focus-inner,.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus,.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled,.maplibregl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}.mapboxgl-ctrl button:not(:disabled):hover,.maplibregl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible,.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible),.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl-group button:focus:first-child,.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:focus:last-child,.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:focus:only-child,.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-terrain .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='%23333'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-terrain-enabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='%2333b5e5'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo,a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact,a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo,a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo,a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib,.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact,.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner,.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a,.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover,.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-attrib-empty,.maplibregl-attrib-empty{display:none}.mapboxgl-ctrl-scale,.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px}.mapboxgl-popup,.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right,.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right,.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left,.maplibregl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right,.maplibregl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip,.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button,.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover,.maplibregl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content,.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content,.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content,.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer,.maplibregl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *,.maplibregl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer,.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer,.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.mapboxgl-marker,.maplibregl-marker{left:0;position:absolute;top:0;will-change:transform}.mapboxgl-user-location-dot,.maplibregl-user-location-dot{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before,.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;background-color:#1da1f2;border-radius:50%;content:"";height:15px;position:absolute;width:15px}.mapboxgl-user-location-dot:after,.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale,.maplibregl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after,.maplibregl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle,.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active,.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom,.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:rgba(0,0,0,.4);bottom:0;color:#fff;display:flex;font-size:1.4em;justify-content:center;left:0;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;top:0;transition:opacity 1s ease 1s}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(max-width:480px){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}
\ No newline at end of file
diff --git a/scripts/generateContributors.ts b/scripts/generateContributors.ts
index 6f526383a..efe164037 100644
--- a/scripts/generateContributors.ts
+++ b/scripts/generateContributors.ts
@@ -1,5 +1,5 @@
 import { exec } from "child_process"
-import { writeFile, writeFileSync } from "fs"
+import { writeFileSync } from "fs"
 
 interface Contributor {
     /**
diff --git a/scripts/generateStats.ts b/scripts/generateStats.ts
index ab121bf7a..43463db77 100644
--- a/scripts/generateStats.ts
+++ b/scripts/generateStats.ts
@@ -4,7 +4,6 @@ import { TagUtils } from "../Logic/Tags/TagUtils"
 import { Utils } from "../Utils"
 import { writeFileSync } from "fs"
 import ScriptUtils from "./ScriptUtils"
-import Constants from "../Models/Constants"
 
 /* Downloads stats on osmSource-tags and keys from tagInfo */
 
diff --git a/scripts/generateTaginfoProjectFiles.ts b/scripts/generateTaginfoProjectFiles.ts
index 785f978f7..19aa02735 100644
--- a/scripts/generateTaginfoProjectFiles.ts
+++ b/scripts/generateTaginfoProjectFiles.ts
@@ -4,10 +4,8 @@ import { Translation } from "../UI/i18n/Translation"
 import { readFileSync, writeFileSync } from "fs"
 import LayoutConfig from "../Models/ThemeConfig/LayoutConfig"
 import LayerConfig from "../Models/ThemeConfig/LayerConfig"
-import Constants from "../Models/Constants"
 import { Utils } from "../Utils"
 import TagRenderingConfig from "../Models/ThemeConfig/TagRenderingConfig"
-import { And } from "../Logic/Tags/And"
 
 /**
  * Generates all the files in "Docs/TagInfo". These are picked up by the taginfo project, showing a link to the mapcomplete theme if the key is used
diff --git a/test.ts b/test.ts
index 56d594dab..c9527de2f 100644
--- a/test.ts
+++ b/test.ts
@@ -2,16 +2,30 @@ import SvelteUIElement from "./UI/Base/SvelteUIElement"
 import ThemeViewGUI from "./UI/ThemeViewGUI.svelte"
 import { FixedUiElement } from "./UI/Base/FixedUiElement"
 import LayoutConfig from "./Models/ThemeConfig/LayoutConfig"
-import * as benches from "./assets/generated/themes/benches.json"
+import * as benches from "./assets/generated/themes/cyclofix.json"
+import { UIEventSource } from "./Logic/UIEventSource"
+import ThemeViewState from "./Models/ThemeViewState"
+import { SpecialVisualization, SpecialVisualizationState } from "./UI/SpecialVisualization"
+import { Feature } from "geojson"
+import Combine from "./UI/Base/Combine"
+import SpecialVisualizations from "./UI/SpecialVisualizations"
+import BaseUIElement from "./UI/BaseUIElement"
 
 async function main() {
     new FixedUiElement("").AttachTo("extradiv")
     const layout = new LayoutConfig(<any>benches, true) // qp.data === "" ?  : new AllKnownLayoutsLazy().get(qp.data)
-    new SvelteUIElement(ThemeViewGUI, { layout }).AttachTo("maindiv")
+    const main = new SvelteUIElement(ThemeViewGUI, { layout })
+    main.AttachTo("maindiv")
 }
 
 async function test() {
-    // new LengthInput().AttachTo("maindiv")
+    const layout = new LayoutConfig(<any>benches, true) // qp.data === "" ?  : new AllKnownLayoutsLazy().get(qp.data)
+    const state = new ThemeViewState(layout)
+
+    const all = SpecialVisualizations.specialVisualizations.map((s) =>
+        SpecialVisualizations.renderExampleOfSpecial(state, s)
+    )
+    new Combine(all).AttachTo("maindiv")
 }
-//test().then((_) => {})
-main().then((_) => {})
+// test().then((_) => {}) /*/
+main().then((_) => {}) //*/
diff --git a/test/Logic/Actors/Actors.spec.ts b/test/Logic/Actors/Actors.spec.ts
index 205d31782..224cea6ff 100644
--- a/test/Logic/Actors/Actors.spec.ts
+++ b/test/Logic/Actors/Actors.spec.ts
@@ -10,7 +10,7 @@ import SelectedFeatureHandler from "../../../Logic/Actors/SelectedFeatureHandler
 import { ElementStorage } from "../../../Logic/ElementStorage"
 import { OsmTags } from "../../../Models/OsmFeature"
 import { Feature, Geometry } from "geojson"
-import { describe, expect, it } from "vitest"
+import { expect, it } from "vitest"
 
 const latestTags = {
     amenity: "public_bookcase",
diff --git a/test/UI/Popup/TagRenderingQuestion.spec.ts b/test/UI/Popup/TagRenderingQuestion.spec.ts
index 986581ebb..febaaa99e 100644
--- a/test/UI/Popup/TagRenderingQuestion.spec.ts
+++ b/test/UI/Popup/TagRenderingQuestion.spec.ts
@@ -2,7 +2,6 @@ import { TagRenderingConfigJson } from "../../../Models/ThemeConfig/Json/TagRend
 import TagRenderingConfig from "../../../Models/ThemeConfig/TagRenderingConfig"
 import TagRenderingQuestion from "../../../UI/Popup/TagRenderingQuestion"
 import { UIEventSource } from "../../../Logic/UIEventSource"
-import Locale from "../../../UI/i18n/Locale"
 import { describe, expect, it } from "vitest"
 
 describe("TagRenderingQuestion", () => {