*{margin:0;padding:0}html{overflow:hidden;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;user-select:none}body{overflow:hidden}footer{position:fixed;bottom:0;left:0;width:100%;background-color:transparent;color:#000;font-size:.75rem;padding:.5rem;text-align:center;z-index:1000;pointer-events:none}.webgl{position:fixed;top:0;left:0;outline:none}canvas{image-rendering:pixelated;outline:none}#VRButton{background-color:#ff0!important;color:#000!important;width:250px!important;height:50px!important;position:absolute!important;bottom:20px!important;left:50%!important;transform:translate(-50%,-50%)!important}#ARButton{background-color:#ff0!important;color:#000!important;width:250px!important;height:50px!important;position:absolute!important;bottom:90px!important;left:50%!important;transform:translate(-50%,-50%)!important}.genericButton{display:contents}.lil-gui.autoPlace{top:10px;right:10px}.hidden-gui{display:none!important}.show-gui{display:visible!important}#about{color:#000;font-family:monospace;position:absolute;line-height:1.5em;bottom:10px;right:10px;padding:2px;height:18px;width:30px;border-radius:5px;background-color:#a7a2a2cc}#info{color:#fff;font-family:monospace;position:absolute;white-space:pre;line-height:1.5em;padding:10px;height:100px;width:300px;background-color:#ff0}#world{left:10px;top:10px;width:150px;padding:10px;border-radius:5px;background-color:#ff0;z-index:100;position:absolute;text-align:center}#world ul{margin:0;padding-left:20px}#menu{position:absolute;left:2%;top:310px;width:300px;max-height:300px;padding:10px;border-radius:5px;background-color:#a7a2a280;line-height:2em;z-index:100}.viewerDiv{width:200px;height:100px;background:#add8e6;border:1px solid black;display:flex;justify-content:center;align-items:center}#messageBoardContainer{display:none;background-color:#fff;width:200px;height:200px;border:1px solid red;margin:100px;padding:0;position:static;top:100px;left:100px}.searchContent{position:absolute;width:400px;top:10px;left:50%;background-color:#a7a2a280;color:#000;border-radius:5px;padding:3px;left:calc(50% - 200px);max-height:350px;overflow-y:auto;text-align:center}#log-output{position:fixed;bottom:20px;left:20px;width:300px;height:200px;background-color:#222;color:#0f0;padding:10px;overflow:auto;font-family:monospace;white-space:pre;z-index:100;border-radius:8px;cursor:move;display:none}.addresSearch{width:80%;margin-bottom:4px;margin-top:10px;padding:2px}#addressContainer{padding:5px}#resultsContainer{padding:0}#currentLocation{vertical-align:middle}#currentLocationImage{width:16px;height:16px;vertical-align:middle;margin-right:5px}#progress-container{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:300px;text-align:center;background:#000c;color:#fff;padding:20px;border-radius:10px;display:none}#progress-bar{width:100%;height:20px;background:gray;border-radius:5px;overflow:hidden;margin-top:10px}#progress-bar-fill{width:0%;height:100%;background:#32cd32;transition:width .3s ease-in-out}#knop{bottom:100px}.netwerkLog{position:absolute;font-family:monospace;white-space:pre-wrap;background:#111;color:#0f0;padding:10px;height:100px;overflow-y:auto;left:5%;bottom:20px;width:90%}#menuContainer{position:fixed;top:10px;left:10px;pointer-events:all;display:flex;flex-direction:column;gap:10px}.close-btn{position:absolute;top:10px;left:15px;background:none;color:#fff;border:none;font-size:24px;cursor:pointer}.menuIconBlack{width:32px;height:32px;fill:#000;stroke:#fff}.menuIconWhite{width:32px;height:32px;fill:#fff;stroke:#000}.menuIconBlack.active{fill:#fff!important;stroke:#000!important}#toggleMenu{position:fixed;top:1rem;left:1rem;z-index:1000}#sidebar{position:fixed;top:0;left:0;height:100%;width:250px;background-color:#333;color:#fff;transform:translate(-100%);transition:transform .3s ease;padding-top:60px;padding-left:10px;z-index:1000}#sidebar ul{list-style-type:none;padding:0}#sidebar ul li{padding:15px}#sidebar ul li a{color:#fff;text-decoration:none}#sidebar.open{transform:translate(0)}.menuBaselayerSection{line-height:30px}.layerGroup{margin-bottom:10px}.loader{border:16px solid #009ee3;border-radius:50%;border-top:16px solid #07a;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:fixed;top:50%;left:50%;margin-top:-60px;margin-left:-60px;z-index:1000;visibility:hidden}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.searchContent{width:60%;left:50%;transform:translate(-50%);position:absolute}#progress-container{width:80%;left:50%;transform:translate(-50%);position:absolute}#log-output{width:90%;left:50%;transform:translate(-50%)}}