:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}

.ol-zoom {
  top: .5em;
  left: .5em;
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}

.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}

.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
  font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

:root {
  --blue: #006699;
  --grey: #ccc;
  --light-grey: #eee;
}

body {
  margin: 0;
  padding: 0;
  display: grid;
  font-family: sans-serif;
  grid-template-areas:
    "main header"
    "main nav"
    "main footer";
  grid-template-columns: 1fr 300px;
  grid-template-rows: 50px calc(100vh - 90px) 40px;
}
header {
  align-items: center;
  background: var(--blue);
  border-bottom: 1px solid var(--light-grey);
  border-left: 1px solid var(--grey);
  display: grid;
  grid-area: header;
}
h1 {
  color: #fff;
  font-size: 18pt;
  margin: 0 1em;
}
footer {
  align-items: center;
  background: var(--blue);
  border-left: 1px solid var(--grey);
  border-top: 1px solid var(--light-grey);
  display: grid;
  grid-area: footer;
  justify-items: center;
}
footer a {
  color: #fff;
  text-decoration: none;
}
main {
  background: #ccc;
  grid-area: main;
}
nav {
  border-left: 1px solid var(--grey);
  grid-area: nav;
  overflow: auto;
  padding: .5em;
}

.map {
  height: 100%;
  width: 100%;
}
.hidden {
  display: none;
}
.draggable {
  cursor: grab;
}
.draggable button {
  cursor: pointer;
}
.help-text {
  font-size: smaller;
  padding: 1em;
}
#draw-dialog {
  background: #fff;
  border: 1px solid var(--grey);
  border-radius: 4px;
  height: 100px;
  left: calc(50% - 150px);
  position: absolute;
  text-align: center;
  top: calc(50% - 50px);
  width: 300px;
  z-index: 1;
}
#geolocation-get-position {
  margin: 1em auto;
}
#message-dialog {
  background: #fff;
  border: 1px solid var(--grey);
  border-radius: 4px;
  left: calc(50% - 150px);
  max-height: 400px;
  min-height: 70px;
  overflow: auto;
  position: absolute;
  text-align: center;
  top: 1em;
  width: 300px;
  z-index: 1;
}
#message-dialog-header {
  text-align: right;
}
#message-dialog-close {
  cursor: pointer;
  margin: .5em .5em 0 auto;
  text-align: center;
  width: 1em;
}
#message-dialog-body {
  padding: 0 .5em;
}

#selection-ids ul {
  list-style-type: none;
  padding: 0;
}
#selection-ids ul li {
  padding: .5em;
}
#selection-ids ul li:nth-child(even) {
  background: #ffb;
}
.selected-feature-attr {
  margin: .2em 0;
  overflow-wrap: break-word;
}

:root {
  --layers-loader-height: 1.2em;
  --layers-loader-width: 200px;
  --layers-progress-width: 2em;
}

#baselayer-container {
  bottom: 1em;
  cursor: pointer;
  left: 1em;
  position: absolute;
  z-index: 100;
}

/* #baselayer-selected {
  border: 1px solid blue;
  height: 64px;
  width: 64px;
} */

#baselayer-available {
  bottom: 0;
  left: 0;
  position: absolute;
}

#baselayer-available-layer-0 {
  background: url(data:image/png;base64,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);
}

.baselayer-item {
  border: 3px solid var(--blue);
  border-radius: 3px;
  height: 64px;
  margin-top: 3px;
  width: 64px;
}

#layers-loader {
  background: #fff;
  border: 1px solid var(--light-grey);
  border-radius: 3px;
  bottom: calc(1em + 3px);
  font-size: smaller;
  height: var(--layers-loader-height);
  left: calc(1em + 80px);
  line-height: var(--layers-loader-height);
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: var(--layers-loader-width);
  z-index: 100;
}

@keyframes layers-loading {
  from {
    left: calc(-1 * var(--layers-progress-width));
  }

  to {
    left: var(--layers-loader-width);
  }
}

#layers-progress {
  animation: layers-loading 1.2s infinite linear;
  background: var(--blue);
  height: 100%;
  left: calc(-1 * var(--layers-progress-width));
  position: absolute;
  width: var(--layers-progress-width);
  z-index: -1;
}