:root{--nav-height: 90px;--nav-height-mobile: 110px;--colour-header: #FFF;--colour-header-background: #0072C6;--colour: #444;--colour-background: white;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{height:100%;width:100%;padding:0;margin:0}#app{position:relative;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--colour);background-color:var(--colour-background)}#app #nav{position:relative;height:var(--nav-height);width:100%}#app #nav #nav1{position:relative;width:100%;height:50%}#app #nav #nav1 .nav1-inner{margin-left:16px;width:100%;max-width:500px}#app #nav #nav1 div{display:inline-block}#app #nav #nav1 .title{font-size:22px;line-height:45px;vertical-align:middle;font-weight:400;color:#3f6aaf}#app #nav #nav1 .button{float:right;margin:4px}#app #nav #nav2{position:relative;width:100%;height:50%}#app #nav .search-wrapper{width:70%;height:100%;margin-left:8px}#app #main{position:absolute;bottom:0;top:var(--nav-height);left:0;right:0}#app .columns{height:100%;width:100%;display:flex}#app .columns .column{flex-grow:1}#app .columns.map-columns{height:100%}#app .columns.map-columns .column{height:100%;width:100%}#app .scale-text{z-index:1000;position:absolute;bottom:25px;left:10px;font-weight:700;color:#6e6e6e;background-color:#fff;padding-left:4px;padding-right:4px}#app .scale-text .scales-equal{color:green}#app .map-wrapper{position:relative;width:100%;height:100%;margin:0;padding:0}#app .esri-map{width:100%;height:100%}#app .map-icon{position:absolute;z-index:1000;padding-top:6px;padding-left:4px;padding-right:4px;border-radius:4px;cursor:pointer}@media screen and (max-width: 768px){#app #nav{height:var(--nav-height-mobile)}#app #nav #nav1{height:10%;visibility:hidden}#app #nav #nav2{height:90%}#app #main{top:var(--nav-height-mobile)}#app .columns{flex-direction:column}#app .columns.map-columns .column{height:50%}}