body {max-height: 100dvh;}article {height: 100%;display: flex;flex-direction: column;align-content: stretch;}.map-container {display: flex;flex-direction: row;gap: 5px;justify-content: stretch;max-height: 100%;flex: 1 0 0;overflow: hidden;min-height: 250px;}.map-container .search {flex: 1;max-height: 100%;overflow: hidden;display: flex;flex-direction: column;}.map-container .search .searchBox input {margin-bottom: 0.25em;}.map-container .search .resultBox {overflow: auto;list-style: none;padding: 0;margin: 0;max-height: 100%;}.map-container .search .resultBox li {padding: 0.25em;margin: 0;cursor: pointer;}.map-container .search .resultBox li:hover {color: #8A307F;}.map-container .map {flex: 3;display: flex;position: relative;}.map-container .map #map {display: flex;flex-direction: column;flex: 1;}.map-container .map #map .ol-viewport {flex: 1;}.map-container .map #map .ol-full-screen, .map-container .map #map .ol-rotate {bottom: 1.5em;top: auto;}.map-container .map #map .ol-popup {position: relative;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);background-color: white;padding: 1rem;}.map-container .map #map .ol-popup .buttons {display: flex;flex-direction: row;font-size: x-large;gap: 1em;justify-content: space-between;align-items: center;}.map-container .map #map .ol-popup .buttons .fa-share-from-square {font-size: 0.8em;}.map-container .map #map .ol-popup ul {list-style: none;padding: 0;margin: 0;}.map-container .map #map .ol-popup ul li {padding: 0;margin: 0;}.map-container .map .ol-control .content {padding: 0.5em;background-color: white;position: relative;z-index: 9;}.map-container .map .ol-control.ol-touch button {font-size: 1.5em;}.map-container .map .layer-switcher {display: flex;flex-direction: column;justify-content: flex-start;justify-items: stretch;position: absolute;top: 0.5em;right: 0.5em;max-height: 100%;overflow-y: auto;}.map-container .map .layer-switcher .content button {position: absolute;top: 0;right: 0;}.map-container .map .layer-switcher .content div {display: flex;flex-direction: row;align-content: flex-start;align-items: baseline;justify-content: flex-start;gap: 0.25em;}.map-container .map .layer-switcher .content div input {margin: 0;width: min-content;}.map-container .map .search-control {top: 2em;right: 0.5em;}.map-container .map .search-control.ol-touch {top: 3em;}.map-container .map .search-control .content button {position: absolute;top: 0;right: 0;}.hidden {display: none;}input[type=checkbox] {-webkit-appearance: checkbox;-moz-appearance: checkbox;}map {flex: 1;display: flex;flex-direction: column;}.layer-editor {flex: 1;display: flex;flex-direction: column;max-height: 79dvh;overflow: hidden;}.layer-editor .layer-editor-form-control {display: grid;grid-template-columns: max-content 1fr;gap: 0 1em;align-items: baseline;}.layer-editor .layer-editor-form-control.points {grid-template-columns: 1fr max-content 50px min-content;align-items: stretch;gap: 5px;margin-bottom: 1em;min-width: 30em;}.layer-editor .layer-editor-form-control.points input, .layer-editor .layer-editor-form-control.points select, .layer-editor .layer-editor-form-control.points button, .layer-editor .layer-editor-form-control.points textarea {margin-bottom: 0;}.layer-editor .layer-editor-form-control.points .description {grid-column: span 4;}.layer-editor .layer-editor-form-control.points .name {min-width: 10em;}.layer-editor .layer-editor-form-control input {flex: 1;}.layer-editor .layer-editor-form-control input[type=checkbox] {align-self: start;width: 1.5em;height: 1.5em;}.layer-editor .layer-editor-form-control button {width: min-content;}.layer-editor .map-container {min-width: 25em;flex: 1;}.layer-editor .layer-editor-points {flex: 1;display: flex;flex-direction: row;justify-content: stretch;flex-wrap: wrap;gap: 0.5em;overflow-y: auto;}.layer-editor .layer-editor-points .layer-editor-points-list {max-height: 100%;overflow-y: auto;}.tabbed__nav ul li {cursor: pointer;}.tabbed__nav ul li span {width: 100%;}layereditor {display: flex;flex: 1;flex-direction: column;}layereditor .layer-navigation-item {display: flex;flex-direction: row;flex: 1;}layereditor .layer-navigation-item i {justify-self: flex-end;background-color: transparent;color: white;width: min-content;height: min-content;align-self: center;}.button-row {display: flex;flex-direction: row;flex-wrap: wrap;gap: 1em;}.button-row button {width: fit-content;}.snackbar {position: fixed;bottom: 2em;left: 50%;background-color: white;padding: 1em 2em;border-radius: 4px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);z-index: 9999;animation-fill-mode: forwards;animation-duration: 0.2s;transform: translate(-50%, 0);}.snackbar.fade-in {animation-name: snackbar-fade-in;}.snackbar.fade-out {animation-name: snackbar-fade-out;}.snackbar.error {background-color: red;color: white;}@keyframes snackbar-fade-out {0% {opacity: 100%;}100% {opacity: 0;transform: translateY(100%);display: none;}}@keyframes snackbar-fade-in {0% {opacity: 0;transform: translateY(100%);}100% {opacity: 100%;}}input[type=color] {padding: 5px;height: 100%;}.modal-backdrop {top: 0;bottom: 0;left: 0;right: 0;position: fixed;z-index: 999;background-color: rgba(0, 0, 0, 0.5);display: flex;flex-direction: column;justify-content: center;align-items: center;animation-fill-mode: forwards;animation-duration: 0.2s;}.modal-backdrop.fade-in {animation-name: modal-fade-in;}.modal-backdrop.fade-out {animation-name: modal-fade-out;}.modal-backdrop .modal {max-width: 95dvh;min-width: 20dvw;max-height: 95vh;background-color: white;width: fit-content;height: fit-content;}.modal-backdrop .modal button.close {float: right;margin: 0;width: fit-content;height: fit-content;}.modal-backdrop .modal .modal-content {padding: 1em;flex: 1;}.splitForm {display: flex;flex-wrap: wrap;flex-direction: row;gap: 5px;align-items: stretch;}.splitForm > * {min-width: 32em;flex: 1;display: flex;flex-direction: column;}createcustompoint {flex: 1;display: flex;}createcustompoint form {flex: 1;}createcustompoint form button {margin-top: auto;margin-bottom: 0;}form button, form input[type=submit] {background-color: #003f57;color: white;border-color: #003f57;}@keyframes modal-fade-out {0% {opacity: 100%;z-index: 100;visibility: visible;}100% {opacity: 0;display: none;z-index: -1;visibility: hidden;}}@keyframes modal-fade-in {0% {opacity: 0;}100% {opacity: 100%;}}