@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.app-container{display:flex;height:100vh}.sidebar-container{width:65px;background-color:#eee;border-right:1px solid rgba(0,0,0,.09)}.sidebarList{height:auto;padding:12px 0 0;width:100%;margin:0%}.sidebarList .row{width:100%;height:60px;list-style-type:none;margin:0 0% 0%;display:flex;font-size:12px;flex-direction:column;color:#000;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:400}.sidebarList .row:hover{cursor:pointer;background-color:#dbd9d9}.row #icon{margin-top:5px;margin-bottom:5px;flex:30%;display:grid;place-items:center}.row #title{margin-top:5px;flex:70%}.row.active{background-color:#d9edf7}.guide-menu{width:auto;background-color:#fafafa;height:100vh;transition:transform .3s ease-in-out;display:flex;flex-direction:column;position:"fixed";left:0;top:0;box-shadow:2px 0 5px #0003;z-index:1000}.guide-menu.hidden{transform:translate(-100%)}.guide-header{display:flex;justify-content:space-between;align-items:center;height:60px;font-family:Roboto,sans-serif;margin-bottom:10px;background-color:#eee}.guide-header h2{font-weight:400;margin-left:12px}.guide-content ul{flex-grow:1;list-style-type:none;padding:0;margin:0;overflow-y:auto;background-color:#fafafa}.guide-content li{padding:8px 15px;font-size:medium;font-weight:400;font-family:Roboto,sans-serif;height:30px;display:flex;align-items:center}.guide-content li:hover{cursor:pointer;background-color:#d9edf7}.close-btn{border:none;background:none;font-size:16px;cursor:pointer;margin-right:10px;display:flex;align-items:center;justify-content:center}.close-btn:hover{cursor:pointer;color:red;border-radius:50%;background-color:#edd4d4}.guide-menu-overlay{position:absolute;top:0;left:0;width:250px;height:100%;background:#ffffffe6;z-index:1000;box-shadow:-2px 0 5px #0003}.map-container{flex-grow:1;height:100vh;display:flex;overflow-x:hidden;overflow-y:hidden;position:relative;text-shadow:none}.map-container .lcdBalloon{z-index:9999;border-radius:8px;padding:8px;margin-bottom:0;font-family:Roboto,sans-serif;background-color:#ffffff80;border:2px solid #b8b4b4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;margin-top:-20px;align-items:center;justify-content:center}.map-container .lcdContent{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;margin-bottom:-17px}.map-container .lcdContent img{cursor:pointer;border-radius:5px;width:150px;height:150px;margin-top:5px}.luciad div[style*=text-shadow]{text-shadow:none!important;font-family:Roboto,sans-serif!important;color:#000!important;font-weight:400!important;width:max-content!important;border-radius:3px;padding:3px;margin-left:10px;margin-top:-10px}.hexagon-logo{height:auto;display:flex;justify-content:center;align-items:center;padding-top:15px;padding-left:10px}.hexagon-logo img{width:32px;height:auto}.logo-seperator{display:flex;justify-content:center;align-items:center;width:45px;height:2px;background:#bbb4b4;margin:18px auto 0}body{margin:0;padding:0}.search-box{position:absolute;top:20px;left:20px;z-index:9999;background-color:#fffc;border-radius:5px;padding:10px;box-shadow:0 4px 8px #0000004d;display:flex;align-items:center;justify-content:space-between;width:250px}.search-input{width:180px;padding:8px;border:1px solid #ccc;border-radius:3px}.search-button{padding:8px;background-color:#4caf50;border:none;color:#fff;cursor:pointer;border-radius:3px}.setting-container{bottom:0;left:0;position:absolute}.setting-button{flex-direction:column;height:60px;color:#000;background-color:transparent;display:flex;align-items:center;justify-content:center;width:60px}.setting-text{margin-top:5px;font-size:12px;font-family:Roboto,sans-serif}.setting-button:hover{background-color:#dbd9d9;cursor:pointer}.settings-checkbox-container{display:flex;align-items:center;padding:4px 8px;font-family:Roboto,sans-serif;font-size:14px;gap:8px}.settings-checkbox-container input[type=checkbox]{width:16px;height:16px;accent-color:#1976d2}.login-slideshow{width:40vw;height:100vh;overflow:hidden;position:relative}.slideshow-track{display:flex;width:100%;height:100%;transition:transform 1s ease-in-out}.slideshow-track img{width:100%;height:100%;object-fit:cover;flex-shrink:0}.login-container{display:flex;background:url(../assets/dsfwnoint.jpg) no-repeat center center/cover;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:row;width:100vw;height:100vh;overflow:hidden}.login-page-image{width:40vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}.login-page-content{width:60vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#fff;padding:60px 40px 20px 80px;box-sizing:border-box;font-family:Roboto,sans-serif}.hexagon-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.hexagon-logo img{width:36px;height:36px;margin-right:10px}.hexagon-logo text{font-size:24px;font-weight:700;color:#333}.login-page-heading{margin-bottom:10px}.login-page-heading text{color:#333;font-weight:400;font-size:40px}.login-page-heavy-construction-text{margin-bottom:5px}.login-page-heavy-construction-text text{font-size:30px;text-align:center;font-weight:400;color:#000}.login-page-paragraph p{font-size:24px;color:#666;text-align:center;margin-bottom:20px;margin-top:30px}.login-page-login-text{margin-top:30px;margin-bottom:25px}.login-page-login-text text{font-size:20px;font-weight:400;color:#333}.login-button{width:100%;max-width:420px;min-width:300px;margin:-20px 0 10px;display:block;padding:10px;font-size:14px;text-align:center}.login-page-content p{font-size:23px;color:#000;text-align:center;margin-bottom:5px}.input-container{width:60%;display:flex;flex-direction:column;margin-bottom:15px}.login-page-content input{width:80%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:5px;font-size:16px;box-sizing:border-box}.login-page-content button{padding:10px;font-size:16px;background-color:#007496;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px;box-sizing:border-box}.login-page-content button:hover{background-color:#0056b3}.error-message{height:30px;margin-top:0;margin-bottom:5px;color:navy;font-size:14px;visibility:hidden;transition:visibility .3s ease-in-out}.form-actions{width:100%;max-width:720px;min-width:300px;margin:0;display:flex;flex-direction:column;align-items:flex-start}.remember-forgot-container{display:flex;justify-content:space-between;width:50%;margin-top:-10px;margin-bottom:10px;font-size:14px;align-items:center}.remember-me{display:flex;align-items:center;gap:5px;color:#007496;font-weight:700;cursor:pointer;white-space:nowrap}.remember-me input{accent-color:#007496}.forgot-password{color:#007496;text-decoration:none;font-weight:700;margin-left:100px}.forgot-password:hover{text-decoration:underline}.error-message.visible{visibility:visible}.error-message p{color:red;font-size:14px;margin:0}.display-mode-control{position:absolute;top:10px;right:20px;z-index:1000;display:flex;width:40px;flex-direction:column;align-items:center;justify-content:center;position:fixed;background-color:#ccc;padding:5px;border-radius:8px;z-index:1}.map-toggle-button{width:40px;font-size:large;padding-top:4px;padding-right:4px;height:40px;background:#eaeaea;color:#000;border:none;border-radius:5px;cursor:pointer}.map-toggle-button.off{background:linear-gradient(145deg,#e0e0e0,#fff);color:#333}.map-toggle-button.on{background-color:#007496;color:#fff}.satilite-toggle-button{width:40px;height:40px;background:transparent;border:none;cursor:pointer;margin-top:5px;position:relative}.toggle-image{width:100%;height:100%;object-fit:cover;border-radius:5px}.show-map-type-overlay{position:absolute;right:100%;top:-5px;background-color:#ccc;padding:3.25px 4px;margin-right:1px;box-shadow:0 2px 8px #0000001a;z-index:10;display:flex;gap:3px;border-radius:8px;height:44px}.map-overlay-image{cursor:pointer;border-radius:5px;padding:2px;width:40px;height:40px}.map-overlay-image.hovered{border:2px solid black;width:38px;height:38px}.map-type-tooltip{visibility:hidden;opacity:0;background-color:#333;color:#fff;text-align:center;padding:6px 10px;border-radius:4px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;font-family:Roboto,sans-serif;font-weight:400;z-index:100;transition:opacity .2s ease}.map-type-tooltip.visible{visibility:visible;opacity:1}.ag-balloon{z-index:9999;background-color:red;background:red}.zoomControl{display:flex;width:40px;flex-direction:column;align-items:center;justify-content:center;position:fixed;bottom:150px;right:20px;background-color:#ccc;padding:5px;border-radius:8px;z-index:1}.zoomControl button{background-color:#f3f3f3;border:none;height:40px;width:40px;padding-top:5px;padding-right:5px;padding-left:5px;font-size:20px;border-radius:5px;cursor:pointer}.zoomControl button:hover{background-color:#f0f0f0}.zoomControl button:active{background-color:#e0e0e0}#zoom-out{margin-top:5px}#fitToScreen{margin-bottom:5px}.zoomControl button:hover{background-color:#e3e3e3}.zoomControl button:active{background-color:#b8b4b4}.floating-timeline-container{display:flex;flex-direction:column}.view-control{display:flex;width:40px;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:110px;right:20px;background-color:#ccc;padding:5px;border-radius:8px;z-index:1}#plan-view.clicked{background-color:#007496}.view-control button{background-color:#f3f3f3;border:none;height:40px;width:40px;font-size:25px;border-radius:5px;cursor:pointer}.view-control img{width:100%;height:100%;object-fit:contain}#plan-view{margin-top:5px}.view-control button:hover{background-color:#e3e3e3}.view-control button:active{background-color:#b8b4b4}.compass-button{background-color:#f3f3f3;border:none;height:40px;width:40px;font-size:25px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:5px}.compass-icon{width:100%;height:30px;object-fit:contain}.mouse-coordinate-readout{--text-color: #000;--halo-color: rgba(0, 0, 0);position:absolute;top:10px;left:10px;padding:6px 12px;border-radius:8px;background-color:#eee;color:var(--text-color);font-family:monospace;font-size:14px;z-index:1000;display:flex;flex-direction:row;align-items:center;width:max-content;pointer-events:none}.mouse-coordinates{width:auto}.minimize-icon.rotated{transform:rotate(180deg)}.timeline-container.minimized{height:40px;overflow:hidden;transition:height .3s ease}.timeline-minimize-button{position:absolute;top:10px;left:10px;z-index:999}.timeline-container{width:100vw;height:130px;background-color:#e0e0e099;position:absolute;bottom:0;left:0;align-items:normal;justify-content:center;border-top:2px solid #ccc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.timeline-controls{display:flex;align-items:center;justify-content:space-between;width:95%;position:relative;padding:10px 0}.timeline-inner{width:98vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.timeline-header{width:100%;height:40px;background-color:#f0f0f0;font-size:16px;border-bottom:3px solid #ccc;display:flex;justify-content:space-between;font-family:Roboto}.timeline-project-name{margin-left:20px;border-right:3px solid #ccc;margin-top:5px;margin-bottom:5px;font-weight:700;padding-right:10px}.timeline-date{position:absolute;left:180px;top:5px}.timeline-checkbox{position:absolute;right:50px;top:5px;height:22px}.timeline-surface-list{display:flex;justify-content:space-evenly;align-items:center;width:100%;padding:15px}.timeline-surface-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;height:70px;overflow:visible;position:relative}.timeline-surface-image{width:28px;height:28px;margin-top:-10px;margin-bottom:10px;cursor:pointer}.timeline-surface-name{font-size:13px;font-weight:400;text-align:center;font-family:Roboto;margin-bottom:2px;margin-top:-16px}.timeline-surface-item:hover .timeline-surface-image,.timeline-surface-item:hover .timeline-surface-name,.timeline-surface-item:hover .timeline-date-text{transform:scale(1.15);transition:transform .3s ease}.timeline-line{position:absolute;bottom:12px;left:0;width:100%;height:10px;background-color:#84defa;display:flex;justify-content:center;align-items:center;z-index:1}.timeline-dot{width:10px;height:10px;background-color:#0097ba;cursor:pointer;border-radius:50%;position:relative;top:50%;transform:translateY(-50%);z-index:10}.timeline-surface-item:hover .timeline-dot{transform:scale(1.15) translateY(-42%);background-color:#005670}.timeline-surface-name,.timeline-date-text{font-size:13px;padding-bottom:6px;padding-top:14px;font-family:Roboto,sans-serif;text-align:center;white-space:nowrap;line-height:1.2;transition:all .3s ease}.timeline-surface-name.selected,.timeline-date-text.selected{padding-top:12px;font-size:13px;padding-bottom:6px;font-weight:400}.selected-image{background-color:#cee9ac;padding:2px 3px 3px;border-radius:4px;transition:all .3s ease}.selected-image.ref{background-color:#cee9ac}.selected-image.diff{background-color:#ffcdd2}.icon-style{width:28px;height:28px;vertical-align:middle}.label-text{display:inline-block}.custom-toggle{width:100px;height:14px;background-color:#fff;border-radius:20px;display:flex;align-items:center;position:relative;cursor:pointer;padding:5px;top:1px;margin-bottom:5px;color:#000;font-weight:500;font-size:14px;-webkit-user-select:none;user-select:none}.toggle-option{width:50%;text-align:center;cursor:pointer;position:relative;z-index:2;transition:color .3s ease,background-color .3s ease;border-radius:20px;display:flex;justify-content:center;align-items:center}.toggle-option.ref{color:#000;background-color:#cee9ac}.toggle-option.diff{color:#000;background-color:#ffcdd2}.toggle-slider{position:absolute;width:50%;height:50%;border-radius:20px;top:15%;transition:all .3s ease;z-index:1}.toggle-option.ref:hover{background-color:#b6d994;box-shadow:0 0 5px #0003;transform:scale(1.15)}.toggle-option.diff:hover{background-color:#f8b9bd;box-shadow:0 0 5px #0003;transform:scale(1.15)}.timeline-surface-image.lightblue{background-color:#add8e6;border-radius:8px}.selected-image,.timeline-surface-name.selected,.timeline-date-text.selected{transform:scale(1.15);transition:transform .3s ease}.custom-tooltip-box{align-items:flex-start;position:absolute;display:flex;bottom:35px;right:50px;width:280px;background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:10px 12px;z-index:10;font-size:14px;line-height:1.4;color:#333;flex-wrap:wrap;box-shadow:0 4px 8px #0000001a;animation:fadeIn .3s ease-in-out;text-overflow:ellipsis}.custom-tooltip-box:after{content:"";position:absolute;bottom:-10px;right:20px;border-width:6px;border-style:solid;border-color:#ffffff transparent transparent transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.info-icon{width:18px;height:18px;flex-shrink:0}.timeline-minimize-button{position:absolute;cursor:pointer;margin-top:-34px;left:50%;transform:translate(-50%) rotate(0);display:flex;width:52px;height:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px 4px 0 0;border:2px solid var(--Background-back, #CCC);background:#fafafabf;transition:background .3s ease;z-index:999}.timeline-minimize-button:hover{background:#fafafa}.timeline-container.minimized{height:30px;overflow:visible}.feature-tree-node{margin-left:-16px;font-family:Roboto,sans-serif;padding-bottom:2px;margin-top:-4px}.feature-tree-node .feature-tree-node{margin-left:30px;font-weight:400}.feature-tree-node .feature-tree-node .feature-tree-node{margin-left:32px}.feature-tree-node-header{display:flex;align-items:center;font-weight:400;margin-left:2px}.selected-feature{background-color:#007bff1a}.feature-tree-node-checkbox{margin-left:12px}.feature-tree-node-label{width:100%;cursor:pointer;font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-tree-node-image{margin-right:-5px;margin-left:-4px}.kml-tree{margin-bottom:-2px}.kml-tree-header{display:flex;align-items:center;font-size:14px;font-weight:400;font-family:Roboto,sans-serif}.kml-tree-children{margin-left:10px}.tileset-container{display:flex;flex-direction:column;font-weight:400;margin-bottom:6px}.tileset-header{display:flex;align-items:center}.tileset-subitem{display:flex;align-items:center;margin-left:50px}.tileset-label{width:100%;font-size:14px;font-family:Roboto,sans-serif;cursor:pointer}.raster-layer-container{width:auto;display:flex;font-weight:400;flex-direction:column;margin-bottom:6px;margin-left:28px}.raster-layer-header{display:flex;align-items:center}.raster-layer-label{width:100%;font-size:14px;font-family:Roboto,sans-serif;cursor:pointer}.layer-tree-container{min-width:250px;min-height:200px;width:auto;max-height:none;height:auto}.surface-section{margin-bottom:2px;font-weight:400}.surface-header{font-weight:400;font-size:14px;display:flex;align-items:center;cursor:pointer;font-family:Roboto,sans-serif}.layer-children{display:flex;flex-direction:column;font-weight:400;padding-left:15px;margin-top:1px}.floating-button-container{position:absolute;bottom:142px;left:10px;z-index:1}.floating-button-content{margin-bottom:5px;padding:10px;background:#fafafa;box-shadow:0 4px 6px #0000001a;border-radius:8px;width:auto;transition:background .3s ease}.floating-button{display:flex;align-items:center;justify-content:flex-start;font-size:14px;width:160px;padding:10px;margin-left:2px;background-color:#eeee;border:2px solid #cccc;border-radius:12px;margin-bottom:2px;cursor:pointer;font-family:Roboto,sans-serif;transition:all .3s ease-in-out}.floating-button:hover{background-color:#f3f3f3;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 10px #0000001a}.floating-button-header{display:flex;justify-content:space-between;align-items:center;font-size:16px;height:30px;margin:-12px -10px 10px;font-weight:400;font-size:large;border-top:1px solid #ccc;padding:12px 18px;background-color:#eee;border-radius:12px 12px 0 0;font-family:Roboto,sans-serif}.close-button{background:transparent;border:none;font-size:18px;cursor:pointer;color:#555;transition:color .3s ease}.close-button:hover{color:red}.floating-button-icon{margin-left:4px;margin-right:8px;width:20px;height:20px;flex-shrink:0}.floating-button-chevron{margin-right:4px;width:20px;height:20px;flex-shrink:0;transform:rotate(-90deg);margin-left:auto;margin-bottom:2px}.rotate-up{transform:rotate(-0deg)}.surface-toggle-icon{display:inline-block;transform:rotate(-90deg);transition:transform .2s ease;margin-right:6px}.surface-toggle-icon.expanded{transform:rotate(-90deg)}.kml-placemark-location-icon{width:16px;height:16px;margin:2px;display:flex}.kml-feature-icon{margin-top:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.floating-button-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:10px -10px -12px;padding:12px 18px;background-color:#eee;border-radius:0 0 8px 8px;border-bottom:1px solid #ccc;font-family:Roboto,sans-serif;height:30px}.selected-feature-slider{flex:1;padding:0 10px;width:40px}.footer-toggle{display:flex;align-items:center}.toggle-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;border:none;cursor:pointer;transition:all .2s ease-in-out;outline:none;padding:0;margin:0}.toggle-button.on{background-color:#007496}.toggle-button.off{background-color:#fafafa}.toggle-button img{width:20px;height:20px}.toggle-icon path{transition:fill .2s ease}.toggle-icon.on-icon path{fill:#fff}.toggle-icon.off-icon path{fill:#000}.resizable-panel{overflow-y:auto;max-height:calc(100vh - 100px);position:relative}.resize-handle{position:absolute;background:transparent;z-index:10;cursor:ns-resize;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;transition:background .2s ease-in-out}.resize-handle.top-edge{top:0;left:0;right:0;height:6px;cursor:ns-resize}.resize-handle.right-edge{top:0;bottom:2px;right:2px;width:6px;height:100%;justify-content:center;cursor:ew-resize}.resize-icon{font-size:18px;color:#aaa;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;pointer-events:none}.resize-handle:hover .resize-icon{transform:scale(1.3);animation:rotateDots 1s linear infinite;color:#444}.resize-handle{display:flex;align-items:center;justify-content:center}.resize-handle .resize-icon{color:#666;font-size:16px;pointer-events:none}.resizable-panel.vertical{max-height:1500px}.resizable-panel.horizontal{max-width:600px}@keyframes rotateDots{0%{transform:rotate(0)}to{transform:rotate(360deg)}}