html,body,#root,#wrapper{height:100%;width:100%}body{display:block;overflow:hidden;color:var(--color)}*{margin:0;padding:0;box-sizing:border-box}#wrapper{background-color:var(--background)}main{height:100%}header{padding:1em 2em;text-align:right;position:absolute;left:0;top:0;width:100%;z-index:1}header label{margin-right:.5em}header>*{display:inline-block;margin-left:1em}#map-wrapper{width:fit-content;position:relative;transform:translate(-50%,-50%);left:50%;top:50%}footer{position:absolute;bottom:0;left:0;padding:1em 2em;width:100%;z-index:1}footer>*{width:fit-content;text-align:center}footer>*>*{display:inline-block;margin:0 1em}button{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--gui-bg);opacity:.75;cursor:pointer;transition:all .2s ease-in-out}button:before{content:"";display:block;width:100%;height:100%;background-size:60%;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}button:hover{transform:scale(1.2);transition:all .2s ease-in-out;opacity:1}#direction-button-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);width:4em;height:4em;margin-bottom:1em}#direction-button-wrapper button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231D1D1B;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='2' y1='15.1' x2='27.4' y2='15.1'/%3E%3Cpolyline class='st0' points='20.3,22.2 27.7,15.1 20.3,8 '/%3E%3C/svg%3E")}#direction-button-wrapper button:nth-child(1){grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:2}#direction-button-wrapper button:nth-child(1):before{transform:rotate(180deg)}#direction-button-wrapper button:nth-child(2){grid-column-start:2;grid-column-end:4;grid-row-start:1;grid-row-end:1}#direction-button-wrapper button:nth-child(2):before{transform:rotate(-90deg)}#direction-button-wrapper button:nth-child(3){grid-column-start:3;grid-column-end:5;grid-row-start:2;grid-row-end:2}#direction-button-wrapper button:nth-child(4){grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:3}#direction-button-wrapper button:nth-child(4):before{transform:rotate(90deg)}#zoom-button-wrapper>button{display:inline-block;width:2em;height:2em;margin-right:.25em}#zoom-button-wrapper>button:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231D1D1B;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='1.9' y1='15' x2='28.1' y2='15'/%3E%3C/svg%3E")}#zoom-button-wrapper>button:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231D1D1B;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='1.9' y1='15' x2='28.1' y2='15'/%3E%3Cline class='st0' x1='15' y1='1.7' x2='15' y2='28.4'/%3E%3C/svg%3E")}.theme-light{--background: #eff3f4;--color: black;--gui-bg: #fff}.theme-dark{--background: #2d2d2d;--color: white;--gui-bg: #ccc}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}label{color:var(--color)}