*,*:before,*:after{box-sizing:border-box}html,body,#root,:root{--primary-color: #244753;--secondary-color: #1382b3;--widget-color: #333333cc;--confirmed-error-color: #fa5050;--unconfirmed-error-color: #fffc33;--hover-color: #89b6c9;background-color:var(--primary-color);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}button{background-color:var(--secondary-color);border-radius:12px;border:0;color:#fff;cursor:pointer;&:hover{background-color:var(--hover-color)}}button.disabled{background-color:gray;cursor:wait;&:hover{background-color:gray}}button img{display:block;margin:auto}div#main{display:flex}input{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box;transition:border-color .3s ease}input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}input:hover{border-color:#80bdff}input::placeholder{color:#adb5bd;opacity:1}input:disabled{background-color:#e9ecef;cursor:not-allowed}textarea{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;width:100%;box-sizing:border-box;transition:border-color .3s ease;resize:vertical;min-height:100px}textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}textarea:hover{border-color:#80bdff}textarea::placeholder{color:#adb5bd;opacity:1}textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.graph-page{background-color:#fff;height:100vh;width:100%}#admin-dashboard{display:flex;flex-direction:column;min-height:100vh;height:100vh;padding:0;margin:0;font-family:Segoe UI,sans-serif;background-color:#f9fafb;color:#374151;overflow:hidden}.admin-container{display:grid;grid-template-rows:auto auto 1fr;flex:1;max-width:1200px;margin:auto;width:100%;padding:1rem;box-sizing:border-box;overflow:hidden}.admin-back-button{align-self:flex-start;display:flex;width:fit-content;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.45rem .9rem;background-color:var(--accent-500);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.admin-back-button:hover{background-color:var(--accent-600)}.admin-back-button svg{width:1.05rem;height:1.05rem}.admin-header{flex-shrink:0;text-align:center;margin-bottom:.75rem}.admin-header h1{margin:0;font-size:1.5rem;color:var(--primary-color)}.admin-card{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;overflow:hidden}.admin-main{flex:1;min-height:0;overflow:hidden;background:transparent;padding:1rem}.admin-nav{flex-shrink:0;display:flex;align-items:stretch;gap:.25rem;padding:0 1rem;background:var(--accent-fg);border-bottom:1px solid #e5e7eb}.admin-nav-link{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.875rem;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.admin-nav-link svg{width:1rem;height:1rem;flex-shrink:0}.admin-nav-link svg path{fill:currentColor}.admin-nav-link:hover{color:var(--primary-color)}.admin-nav-link.active{color:var(--accent-600);border-bottom-color:var(--accent-600)}.admin-list{display:flex;flex-direction:column;height:100%;min-height:0}.admin-toolbar{flex-shrink:0;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.admin-search{position:relative;display:flex;align-items:center;width:100%;max-width:300px;height:36px;color:var(--frame-fg-muted);border:1px solid #c2c2c3;border-radius:10px}.admin-search svg{position:absolute;left:.7rem;width:1rem;height:1rem;flex-shrink:0;pointer-events:none}.admin-search input{width:100%;height:100%;margin:0;padding:5px .7rem 5px 2.1rem;background:#fff;border:1px solid var(--border);border-radius:8px;outline:none;font-size:.875rem;color:#374151;transition:border-color .15s ease,box-shadow .15s ease}.admin-search input:focus{border-color:var(--secondary-color)}.admin-create-button{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;width:36px;height:36px;padding:0;background-color:#10b981;color:var(--accent-fg);border:none;cursor:pointer;transition:background-color .15s ease}.admin-create-button:hover{background-color:#059669}.admin-create-button :where(svg,.anticon){display:inline-flex;width:75%;height:75%;font-size:24px;line-height:1;color:#fff}.admin-create-button :where(svg,.anticon) svg{width:100%;height:100%}.admin-users,.admin-section{flex:1;min-height:0;overflow:auto;position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem}.admin-table{width:100%;border-collapse:collapse;background:#fff;font-size:.875rem}.admin-table thead th{position:sticky;top:0;z-index:3;background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.admin-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle;text-align:left;font-size:.875rem;color:#374151}.admin-table tbody tr:last-child td{border-bottom:none}.admin-header-cell{display:flex;align-items:center;gap:.5rem}.admin-table-header-btn,.admin-sort-button{font:inherit;font-weight:600;color:#374151;background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:.375rem;user-select:none;transition:background-color .15s ease,color .15s ease}.admin-sort-button:hover{background-color:#f3f4f6}.admin-table-header-btn.active,.admin-sort-button.active{color:#059669}.admin-arrow-button{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}.descending{transform:rotate(180deg);transition:transform .2s ease}.admin-refresh-button{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:background-color .15s ease}.admin-refresh-button:hover{background-color:#f3f4f6}.icon{width:1rem;height:1rem;color:#6b7280;transition:color .2s ease,transform .2s ease}.admin-arrow-button .icon,.admin-sort-button.active+.admin-arrow-button .icon{color:#10b981}.admin-icon-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:transform .2s ease,background-color .15s ease}.admin-icon-button:hover{transform:scale(1.1);background-color:#f3f4f6}.admin-icon-button.edit:hover .icon{color:#059669}.admin-icon-button.delete:hover .icon{color:#dc2626}.admin-row{cursor:pointer;transition:background-color .15s ease}.admin-row:hover{background-color:#f9fafb}.text-danger{color:#dc2626}div#users{margin:auto;width:95%;table{border-collapse:collapse;display:block;max-height:90dvh;overflow:auto;width:100%;tr td{padding:0;white-space:nowrap;width:1%;button{background-color:transparent;font-size:larger;padding:0;svg{height:15px;&.descending{transform:rotateX(180deg)}}&:hover,&.selected{color:var(--hover-color);svg *{fill:var(--hover-color)}}}}thead tr td{position:sticky;top:0;background-color:var(--primary-color);button{font-size:larger;background-color:transparent;padding:0;&:hover,&.selected{color:var(--hover-color);svg *{fill:var(--hover-color)}}&.selected{text-decoration:underline;padding-right:2.5%}}}tbody tr:hover{background-color:color-mix(in srgb,var(--secondary-color),transparent 40%)}tr.user{color:#fff;border-top:1px solid black;>td{padding:1% 0}}tr.user:first-child{border-top:0}}}.confirm:hover .icon path{fill:#0f0}div.popupBackground{backdrop-filter:blur(6px);background-color:#0000008c;position:fixed;inset:0;z-index:100}div.popupWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;display:flex;justify-content:center;align-items:center}div.popup{animation:slideFadeIn .3s ease-in-out;background-color:#fff;border-radius:20px;box-shadow:0 12px 35px #00000040;color:#111;display:flex;flex-direction:column;max-height:85vh;width:clamp(320px,60vw,900px);overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.popupHeader{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #eee;position:relative}.popupHeader h2{margin:0;font-weight:600;font-size:1.25rem;color:#222;pointer-events:none;flex-grow:1;text-align:center}button.popupClose{background:transparent;border:none;cursor:pointer;padding:.25rem;color:#444;transition:color .2s ease;position:relative}button.popupClose svg{width:clamp(18px,1.5vw,24px);height:auto;fill:currentColor}button.popupClose:hover{color:#000}.popupBody{padding:1.5rem 2rem;overflow-y:auto;flex-grow:1;color:#333;font-size:1rem;line-height:1.5}div#mapContainer{background-color:#bbb;flex-grow:1;height:95dvh;overflow:hidden;position:relative;.ol-layers-control *{display:none}.zoomControl{border-radius:5px;bottom:55px;position:absolute;right:min(.6dvh,.6dvw);>*{background-color:var(--primary-color);border-radius:5px 5px 0 0;border:1px solid var(--secondary-color);color:#fff}>*:last-child{border-radius:0 0 5px 5px}}.ol-attribution{background-color:color-mix(in srgb,var(--primary-color),transparent 10%);*{color:#fff;text-shadow:none}}div#floodRegionOverlay{background-color:var(--primary-color);color:#fff;border-radius:10px;padding:1.5vmin;min-width:max-content;h4{margin:0}}}.floating-modal{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;padding:.5rem .75rem;box-shadow:0 8px 24px #0003;z-index:9999;min-width:340px;max-width:90%;font-family:Inter,Segoe UI,sans-serif;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.floating-modal h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#222}.floating-modal p{font-size:1rem;color:#444;margin-bottom:1.5rem}.floating-modal label{display:block;margin-bottom:1rem}.floating-modal label span{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.floating-modal input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none}.checkbox-row{display:flex!important;align-items:center;gap:.5rem;margin-bottom:1.25rem}.button-row{display:flex;justify-content:flex-end;gap:1rem}.btn{padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;background:#f3f3f3;color:#333;transition:background .2s ease,transform .1s ease}.btn:hover{background:#e5e5e5}.btn.primary{background:#007bff;color:#fff}.btn.primary:hover{background:#0069d9}div#mapSidebar{align-items:center;background-color:var(--primary-color);border-radius:12px;bottom:104.25%;display:flex;flex-direction:column;left:100%;position:relative;transform:translate(-115%);width:fit-content;margin-top:40px;button{align-items:center;display:flex;height:clamp(36px,4.5vh,55px);justify-content:center;width:clamp(36px,4.5vh,55px)}button:hover,button.active{background-color:var(--hover-color)}button svg{height:80%;padding:5%;width:80%}button.sidebarPin{background-color:gray;height:clamp(20px,3.25vh,40px);margin-right:6px;width:clamp(20px,3.25vh,40px);&:hover{background-color:color-mix(in srgb,gray,white 30%)}}>button,>div{margin:4px 5px}>:first-child{margin-top:5px}>:last-child{margin-bottom:5px}>div{align-items:center;display:flex;>div{align-items:center;animation:fadeIn .3s ease-in-out;backdrop-filter:blur(3px);background-color:var(--widget-color);border-radius:12px;color:#fff;padding:20px;display:flex;margin-right:.25vw;position:absolute;right:100%;button{margin:3px}}div#searchBar{backdrop-filter:blur(3px);border-radius:12px;display:flex;flex-direction:column;transition:none;width:clamp(160px,25vw,275px);&:focus-within{border-radius:12px;transition:border-radius 0s linear;&:has(div#searchResults),&:has(div#noSearchResults){border-radius:12px 12px 0 0}div#searchResults,div#noSearchResults{height:fit-content}}div#searchResults,div#noSearchResults{backdrop-filter:blur(3px);background-color:var(--widget-color);border-radius:0 0 15px 15px;color:#fff;flex-direction:column;font-size:clamp(9px,1vw,12px);height:0;overflow:hidden;position:absolute;top:100%;width:100%;>button{align-items:center;background-color:#ffffff0d;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:1.75%;width:95%;&:hover{background-color:#fff3}svg{max-height:70%;padding:1.5%;width:1.625vw}span{display:block;flex:1;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}}}div#noSearchResults div{align-items:center;border-radius:15px;display:flex;justify-content:center;margin:2%;padding:3.5% 3%;width:95%;&,&:hover{background-color:#ffffff0d}}}}div#yearlyCoverageForm{form{align-items:center;display:flex;>*{padding:0 1vw}select{background-color:var(--secondary-color);border-radius:1000px;border:transparent;color:#fff;cursor:pointer;height:clamp(36px,4.5vh,48px);margin:3px;option:checked{background-color:var(--hover-color)}}button{border-radius:1000px;width:min-content}}}}.report-form{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:.25rem;font-weight:500;font-size:.9rem;color:#fff}.form-input{padding:.5rem;font-size:1rem;border-radius:4px;border:1px solid #ccc;width:fit-content}.form-input-disabled{background-color:#f3f3f3;color:#555;cursor:not-allowed}.form-textarea{padding:.5rem;font-size:1rem;border-radius:4px;border:1px solid #ccc;resize:vertical}.form-submit-container{display:flex;justify-content:flex-end}.submit-button{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.submit-button.disabled{background-color:#ccc;cursor:not-allowed}div#drawInstructions{animation:fadeIn .3s ease-in-out;backdrop-filter:blur(3px);background-color:var(--widget-color);border-radius:12px;bottom:15vh;color:#fff;display:flex;flex-direction:column;font-size:clamp(12px,1vw,15px);gap:.7vh;overflow-y:auto;padding:.8vmin;position:absolute;right:.7vw;width:clamp(240px,25vw,380px);span#instructionsTitle{font-weight:700;text-align:center}div.instruction{background-color:#ffffff0d;border-radius:8px;display:flex;flex-direction:row;gap:.6vw;padding:.5vmax;.instructionIcon{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:17.5%;svg{max-width:40%}strong{font-size:smaller;text-align:center}}span.instructionDescription{line-height:1.8vh}}}.layers-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.layers-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:12px 24px;margin:0}.layers-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.layers-modal .ant-modal-close{top:16px;color:#495057}.layers-modal .ant-modal-body{padding:10px 14px}.layers-modal{.layers{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.box{text-align:center;cursor:pointer;transition:background-color .2s ease;padding:1vh 2vw;border-radius:12px;margin:1%;display:flex;flex-direction:column;align-items:center;h3,p{margin:2% 0;font-size:15px;font-weight:500;color:#1e1e1e}}.box .thumbnail{width:10vh;height:10vh;border-radius:12px;object-fit:cover;margin:1vh 0}.box:hover{background-color:#e7f5ff}.box:hover .thumbnail{transform:scale(1.1);box-shadow:0 0 12px #0006}}.sidebarButton{border:1px solid #ccc;border-radius:12px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#333;font-size:1rem;width:2.5rem;height:2.5rem}.sidebarButton:hover{background-color:#6b6b6b;border-color:#999}.sidebarButton.active{background-color:var(--secondary-color)!important;color:#fff;border-color:#fff}.sidebarButton.active:hover{background:var(--hover-color)!important}.sidebarButton:focus{outline:none}.toggleMenu{margin-top:250px;display:flex;flex-direction:column;gap:.5rem}#yearCoverage{width:100%;min-height:2.5rem;border-radius:9999px;border:1px solid #999;background-color:transparent;font-size:1rem;cursor:pointer;transition:border-color .2s,background-color .2s}#yearCoverage:hover{border-color:#1382b3}#yearCoverage .react-select__control{background-color:transparent;border:none;box-shadow:none!important;padding:0 .5rem;min-height:2.5rem;display:flex;align-items:center;cursor:pointer}#yearCoverage .react-select__input-container,#yearCoverage .react-select__input{display:flex;align-items:center;height:100%}#yearCoverage .react-select__input{padding:0;margin:0;min-width:0!important;color:#fff;outline:none;box-shadow:none!important}#yearCoverage .react-select__single-value,#yearCoverage .react-select__placeholder,#yearCoverage .react-select__indicator{color:#fff}#yearCoverage .react-select__clear-indicator{color:#fff;cursor:pointer}#yearCoverage .react-select__clear-indicator:hover{color:red}#yearCoverage .react-select__menu{border-radius:12px;background-color:#fff;color:#000}#yearCoverage .react-select__option{cursor:pointer}#yearCoverage .react-select__option--is-focused{background-color:#74d0f8;color:#fff}#yearCoverage.value-selected .react-select__control{background-color:#74d0f8;border-radius:9999px}#infrastructure .react-select__single-value,#infrastructure .react-select__placeholder,#infrastructure .react-select__input,#infrastructure .react-select__control:hover .react-select__single-value,#infrastructure .react-select__control:hover .react-select__placeholder,#infrastructure .react-select__option,#infrastructure .react-select__option--is-focused,#infrastructure .react-select__option:hover{color:#000}#infrastructure .react-select__option--is-focused,#infrastructure .react-select__option:hover{background-color:#74d0f8}.legend-panel{position:absolute;top:92%;left:40px;transform:translateY(-75%);width:280px;height:260px;background:#fff;border-radius:12px;z-index:1050;visibility:hidden}.legend-title{position:absolute;font-size:18px;font-weight:400;margin:12px 0;text-align:center;left:50%;transform:translate(-50%);width:100%}.legend-tab-items{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:32px 0 0;padding:10px;gap:4px}.legend-tab-item{display:flex;align-items:center;justify-content:center;gap:8px;color:#000;border-bottom:3px gray solid;padding:2px 12px;margin:2px auto;width:100%;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.legend-tab-item:hover{border-color:#1971c2;color:#1971c2}.legend-tab-item:active{border-bottom:1px #1971c2 solid}.legend-tab-item-active{border-color:#1971c2;color:#000;font-weight:500}.data-items{position:absolute;display:grid;grid-template-columns:1fr;align-content:start;gap:2px;inset:90px 0 16px;overflow-y:auto}.data-items::-webkit-scrollbar{width:6px}.data-items::-webkit-scrollbar-thumb{background:#dce4e8;border-radius:999px}.data-item{display:flex;align-items:center;gap:8px;margin:0 8px;padding:4px 7px;border-radius:6px;font-size:16px;color:#16242b;cursor:default}label.data-item{cursor:pointer}label.data-item:hover{background:#f4f7f9}.data-item-swatch{flex:0 0 auto;display:inline-block;width:20px;height:20px;border-radius:3px}.data-item-label{flex:1}.data-item-count{flex:0 0 auto;color:#5c6f77;font-variant-numeric:tabular-nums}.data-item-checkbox{flex:0 0 auto;width:20px;height:20px;margin:0;color:#1971c2;cursor:pointer}div#sidebarContainer{align-items:center;background-color:var(--primary-color);display:flex;flex-direction:row;height:100dvh;justify-content:center;z-index:1;div#sidebar{align-items:center;display:flex;flex-direction:column;height:100%;padding:15px;text-align:center;width:250px;background-color:var(--primary-color);transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);h1,h2,h3,h4,h5,h6,button,span,p,a{color:#fff}svg#mainLogo{margin:auto;max-width:25%;transition:max-width .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);*{fill:var(--secondary-color)}}h2#sidebarTitle{color:var(--secondary-color);margin:5% auto 7.5%;text-transform:uppercase}button{border-radius:1000px}button.tabTitle{align-items:center;background:none;border-radius:0;display:flex;justify-content:flex-start;margin:1vh auto;overflow:hidden;padding:6px 4px;text-align:left;width:100%;svg{flex-shrink:0;height:30px;margin-right:10px;width:30px}&:hover *{color:var(--hover-color);fill:var(--hover-color)}}div.tab{border-bottom:1px solid var(--secondary-color);border-top:1px solid var(--secondary-color);padding:3% 1%;width:100%;>*,>form *{font-size:clamp(9px,.8vw,15px);margin:1% 0;padding:1%}button{margin:auto 1%;padding:3%}input{color:#000;padding:2%}}div.tab.collapsed{border:0px solid var(--secondary-color);height:0;overflow:hidden;padding:0 1%}div#loginTab{form,div{display:flex;flex-direction:column}button{margin:3% auto;min-width:65%}}.compactItemList{display:flex;flex-direction:column;width:100%;max-height:22vh;overflow-y:auto;padding-right:.3rem;scrollbar-color:var(--secondary-color) rgba(255,255,255,.05);scrollbar-width:thin;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:10px}}.compactItem{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;background-color:#ffffff0d;border-radius:12px;padding:.6vh 1vh;font-size:.95rem;transition:all .2s ease;&:hover{background-color:#ffffff1f;cursor:pointer}div{display:flex;gap:.6vw}button{background:transparent;border:none;display:flex;align-items:center;padding:0;margin:0;cursor:pointer;svg{height:1.6vh;width:auto;transition:fill .15s ease}&:hover svg path{fill:var(--hover-color)}}}.whatif-info{display:flex;flex-direction:column;gap:2px;min-width:0}.whatif-status{font-size:.75rem;opacity:.7;font-weight:400}.whatif-status-failed{color:#e03131;opacity:1}.compactItem.active{color:var(--highlight-fg, #1e3a8a);font-weight:600;outline:2px solid #ffffff;outline-offset:-2px}div#dynamicFiller{flex-grow:1}footer{width:100%;img{width:85%}button#subButton{align-items:center;display:flex;font-size:clamp(15px,1.35vw,26px);height:4.5vh;justify-content:center;margin:5vh auto;overflow:hidden;width:100%;svg{width:60%}}}}button#toggleSidebar{align-items:center;background-color:var(--primary-color);display:flex;border-radius:0 10px 10px 0;height:2.5vmax;justify-content:center;left:2.5vmax;margin-left:-2.5vmax;padding:.5%;height:50px;position:relative;width:25px;opacity:.95;transition:opacity .2s ease-in-out,transform .2s ease-in-out,background-color .2s ease-in-out;svg{height:60%;transform:rotate(180deg);width:60%;transition:transform .35s cubic-bezier(.4,0,.2,1)}&.sidebarShown svg{transform:rotate(0)}@media (pointer: fine){&:hover{opacity:1;transform:scale(1.05)}}}div.sidebarBackground{display:none}}div#sidebarContainer.collapsed{div#sidebar{padding:12px 8px;width:50px;svg#mainLogo{max-width:3vw;width:80%}>button.tabTitle{margin:.25vh auto;>svg{height:25px;margin:10px auto;width:25px}}footer>a>svg{max-width:3vw;width:80%}}button#toggleSidebar svg{transform:rotate(0)}}.chart-select{width:100%;height:2rem;border-radius:9999px;border:1px solid #999;background-color:transparent;font-size:1rem;cursor:pointer;transition:border-color .2s,background-color .2s}.chart-select:hover .react-select__control{border-color:var(--secondary-color)}.chart-select .react-select__control{background-color:transparent;border:none;box-shadow:none!important;padding:0 .25rem;font-size:.75rem;min-height:2rem;display:flex;align-items:center;cursor:pointer}.chart-select .react-select__single-value,.chart-select .react-select__placeholder{text-align:left;justify-content:flex-start;line-height:1.2rem}.chart-select .react-select__input{padding:0;margin:0;min-width:0!important;color:#000;outline:none;box-shadow:none!important}.chart-select .react-select__single-value,.chart-select .react-select__placeholder{color:#000}.chart-select .react-select__indicator{color:#4e4e4e;padding:0 .25rem}.chart-select .react-select__clear-indicator{color:#555;cursor:pointer}.chart-select .react-select__clear-indicator:hover{color:red}.chart-select .react-select__menu{border-radius:.5rem;background-color:#fff;color:#000}.chart-select .react-select__option{cursor:pointer}.chart-select .react-select__option--is-focused{background-color:var(--secondary-color);color:#fff}.chart-select.value-selected .react-select__control{background-color:var(--secondary-color)}.chart-label{font-weight:700;color:#fff;font-size:.9rem;display:block;margin:.25rem}#searchBar{position:relative;width:100%;max-width:400px}#searchBar input[type=search]{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px}#searchResults,#noSearchResults{position:absolute;top:90%;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;color:#000;z-index:1000;box-shadow:0 4px 8px #0000001a}.searchResultItem{padding:10px 12px;cursor:pointer;font-size:14px;color:#000}.searchResultItem:hover{background-color:#f0f0f0}#noSearchResults div{padding:10px 12px;color:#666!important;font-size:14px;text-align:center}.searchResultItem span{color:#000!important}.newEvent{display:flex;align-items:center;justify-content:center;gap:8px;color:#000;padding:2px 12px;margin:2px auto;width:100%;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}div#userEdit{.popupBody{align-items:center;display:flex;flex-direction:row}form{display:flex;flex-direction:column;padding:0 2.5%;width:50%;>*{margin:1% auto}table{width:100%;tr{th{font-size:1.1em;padding-right:1em;text-align:end;white-space:nowrap;width:35%}td{padding:.5em 0}input{width:100%;padding:.5em}}}button{border-radius:1000px;font-size:1.1em;max-width:fit-content;padding:2.5% 3.5%;&:hover{background-color:var(--secondary-color)}}}form:last-child{border-left:1px solid var(--secondary-color)}@media (max-width: 1200px){.popupBody{flex-direction:column}form{padding-bottom:2.5%;width:100%}form:last-child{border:none;border-top:1px solid var(--secondary-color);padding-bottom:0;padding-top:2.5%}}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.graph-container{display:flex;flex-direction:column;height:100%;padding:15px;gap:16px;background-color:#fff}.top-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.location-dot{width:14px;height:14px}.location-dot path{fill:#000;transition:fill .2s ease}.option-with-icon:hover .location-dot path{fill:#fff}.top-item{display:flex;align-items:center;gap:.5rem;min-width:200px;max-width:300px;flex:1}.top-item.center{justify-content:center;position:relative}.calendar-button-wrapper{position:relative}.calendar-bubble{position:absolute;top:100%;left:0;margin-top:4px;border:1px solid #d9d9d9;border-radius:4px;padding:4px;background-color:#fff;z-index:999;box-shadow:0 2px 8px #00000026}.selects-wrapper{display:flex;flex-wrap:wrap;gap:12px;min-width:0}.rdrDay:hover{background-color:transparent}.select-row{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:auto;min-width:250px;max-width:500px}.graph-slot{flex:1;border:1px solid #d9d9d9;border-radius:4px;padding:16px;background-color:#f5f5f5;overflow:auto;position:relative}.placeholder{color:#999;text-align:center}.graph-slot-btn{position:absolute!important;top:0rem;right:0rem;z-index:10}div#chartPanel{display:flex;flex-direction:column;width:100vw;height:100vh;padding:.5em;box-sizing:border-box;background-color:#fff;min-width:0;overflow:hidden;div.header{display:flex;justify-content:space-between;align-items:center;color:#fff;flex:0 0 auto;margin-bottom:.25em;min-width:0;div#scaleOptions{display:flex;gap:.5em;flex-wrap:wrap;align-items:center;min-width:0}svg#closeButton{width:clamp(16px,2vw,20px);cursor:pointer;flex-shrink:0;&:hover path{fill:var(--hover-color)}}}div#legend1,div#legend2{flex:0 0 auto;margin-bottom:.25em;min-width:0;ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em .5em;margin:0;padding:0;list-style:none;min-width:0;li{display:flex;align-items:center;cursor:pointer;gap:.3em;min-width:0;span{width:12px;height:12px;border:1px solid currentColor;flex-shrink:0}img{width:15px;height:15px;flex-shrink:0}p{color:#fff;font-size:.8rem;margin:0;white-space:nowrap}}}}div#chart{flex:1 1 auto;width:100%;margin-bottom:.25em;min-height:0;overflow:hidden}div.form{display:flex;flex-wrap:nowrap;align-items:center;gap:.75em;color:#fff;flex:0 0 auto;background-color:#ffffff0d;padding:.5em 1em;border-radius:1em;label{font-size:.85rem;white-space:nowrap}}}.calculator-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.calculator-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:16px 24px;margin:0}.calculator-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.calculator-modal .ant-modal-close{top:16px;color:#495057}.calculator-modal .ant-modal-body{padding:0}.scenario-panel{display:flex;flex-direction:column;max-width:700px;margin:0 auto}.scenario-tabs{padding:0 24px}.scenario-tabs .ant-tabs-nav{margin-bottom:0}.scenario-tabs .ant-tabs-tab{font-size:15px;color:#868e96}.scenario-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1971c2;font-weight:600}.scenario-tabs .ant-tabs-ink-bar{background:#1971c2;height:3px}.scenario-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.form-section{display:flex;flex-direction:column;gap:8px;margin-top:4px}.tab-panel{display:flex;flex-direction:column;gap:20px}.section-label{font-size:15px!important;font-weight:500!important;color:#1e1e1e!important;display:flex;align-items:center;gap:6px}.info-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #adb5bd;color:#868e96;font-size:10px;font-style:italic;font-weight:700;cursor:default;line-height:1}.station-selectors{display:flex;gap:10px;align-items:center}.station-select{flex:2!important;min-width:0}.metric-select{flex:1!important;min-width:140px}.slider-wrapper{padding:4px 4px 48px}.slider-current-values{position:relative;height:18px;margin:0 6px 2px}.slider-current-value{position:absolute;transform:translate(-50%);font-size:13px;font-weight:600;color:#1971c2;white-space:nowrap}.slider-wrapper .ant-slider-rail,.slider-wrapper .ant-slider-track{height:6px}.slider-wrapper .ant-slider{margin:12px 6px 4px}.slider-mark-label{display:flex;flex-direction:column;align-items:center;gap:2px}.slider-mark-triangle{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}.slider-mark-triangle--v1{border-bottom:9px solid #ffd43b}.slider-mark-triangle--v2{border-bottom:9px solid #fab005}.slider-mark-triangle--v3{border-bottom:9px solid #e03131}.slider-mark-text{display:flex;flex-direction:column;align-items:center;line-height:1.3;white-space:nowrap}.slider-mark-name{font-size:10px;font-weight:600;color:#868e96}.slider-mark-val{font-size:10px;color:#495057}.add-station-row{display:flex;justify-content:center}.add-station-btn{border-color:#1971c2!important;color:#1971c2!important;background:#e7f5ff!important;margin-top:8px!important;font-size:22px!important;font-weight:400!important;height:40px!important;min-width:100px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.add-station-btn:hover{background:#d0ebff!important;border-color:#1864ab!important;color:#1864ab!important}.infra-search-row{display:flex;gap:10px;align-items:center}.infra-search-input{flex:1}.pick-on-map-btn{border:2px dashed #1971c2!important;color:#1971c2!important;background:#e7f5ff!important;white-space:nowrap;min-width:120px}.pick-on-map-btn:hover{border-color:#1864ab!important;color:#1864ab!important;background:#d0ebff!important}.selected-infra-tags{display:flex;flex-wrap:wrap;gap:6px}.scenario-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #dee2e6;background:#fff}.calculate-btn{flex:1!important;background:#007bff!important;border-color:#007bff!important;font-weight:500!important}.calculate-btn:hover{background:#0069d9!important;border-color:#0063cc!important}.cancel-btn{min-width:110px;color:#495057!important;border-color:#dee2e6!important}.cancel-btn:hover{border-color:#adb5bd!important;color:#1e1e1e!important}@media (max-width: 768px){.scenario-panel{max-width:100%;border-radius:0;border-left:none;border-right:none;box-shadow:none}.station-selectors{flex-direction:column}.station-select,.metric-select{width:100%!important;flex:none!important;min-width:unset!important}.scenario-footer{flex-direction:column-reverse}.cancel-btn{width:100%}.calculate-btn{width:100%!important}}.selected-infrastructure-panel{position:fixed;top:50%;right:40px;transform:translateY(-50%);width:320px;height:430px;background:#fff;border-radius:12px;z-index:1050}.selected-infrastructure-title{position:absolute;font-size:18px;font-weight:400;margin:16px 0;text-align:center;left:50%;transform:translate(-50%);width:100%}.selected-infrastructure-close{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:0;font-size:20px;line-height:1;color:#495057}.selected-infrastructure-switcher{position:absolute;top:48px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px}.selected-infrastructure-switcher-arrow{background:#e7f5ff;border:1px solid #1971c2;color:#1971c2;border-radius:50%;width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;padding:0}.selected-infrastructure-switcher-arrow:hover{background:#d0ebff;border-color:#1864ab}.selected-infrastructure-switcher-label{font-size:14px;font-weight:600;color:#1e1e1e;min-width:120px;text-align:center}.selected-infrastructure-items{position:absolute;inset:86px 0 80px;overflow-y:auto}.selected-infrastructure-item{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1971c2;background:#e7f5ff;border:1px #1971c2 solid;border-radius:8px;padding:6px 12px;margin:6px auto;width:80%}.selected-infrastructure-item-remove{background:transparent;border:none;cursor:pointer;padding:0;font-size:16px;line-height:1;color:#1971c2}.selected-infrastructure-item-remove:hover{color:#1971c2;background-color:#c1c1c1}.selected-infrastructure-close:hover{color:#000}.selected-infrastructure-label{position:absolute;bottom:15%;text-align:center;width:100%;font-size:12px;color:#495057}.selected-infrastructure-done{position:absolute;bottom:3%;left:50%;transform:translate(-50%);background:#007bff!important;color:#fff;border-color:#007bff!important;font-weight:500!important;padding:10px 64px;border-radius:4px;cursor:pointer;flex:1!important;font-size:14px}.selected-infrastructure-done:hover{background:#0069d9!important;border-color:#0063cc!important}.scenario-summary-panel{position:fixed;top:66px;right:76px;width:390px;max-height:calc(100dvh - 82px);display:flex;flex-direction:column;background:#fff;border:1px solid #cccdce;border-radius:8px;z-index:1100;overflow:hidden;transform:translate(120%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.scenario-summary-panel-open{transform:translate(0);opacity:1;pointer-events:auto}.scenario-summary-header{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:14px 40px;background:#e7f5ff;border-bottom:1px solid #bee3f8}.scenario-summary-title{font-size:18px;font-weight:600;color:#1e1e1e}.scenario-summary-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:22px;line-height:1;color:#495057;cursor:pointer;padding:4px}.scenario-summary-close:hover{color:#1e1e1e}.scenario-summary-edit{position:absolute;top:50%;left:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:#fff;border:none;color:#495057;cursor:pointer;padding:6px}.scenario-summary-edit svg{width:16px;height:16px}.scenario-summary-edit:hover{color:#34393e}.scenario-summary-body{flex:1 1 auto;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.scenario-summary-section-label{font-size:16px;font-weight:600;color:#1e1e1e}.scenario-summary-details{display:flex;flex-direction:column;gap:10px;background:#f8f9fa;border:1px solid #adb5bd;border-radius:8px;padding:12px}.scenario-summary-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenario-summary-field{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.scenario-summary-field-label{font-size:12px;font-weight:600;color:#868e96;text-transform:uppercase}.scenario-summary-field-value{font-size:15px;overflow-wrap:break-word}.scenario-summary-station-list{display:flex;flex-direction:column;gap:4px;margin-top:2px}.scenario-summary-station-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px}.scenario-summary-station-label{overflow-wrap:break-word}.scenario-summary-station-value{color:#495057;white-space:nowrap}.scenario-summary-flooded-area{font-size:14px}.scenario-summary-impact{display:flex;flex-direction:column;gap:6px}.scenario-summary-impact-label{color:#1971c2}.scenario-summary-impact-item{display:flex;flex-direction:column}.scenario-summary-impact-row{display:flex;align-items:center;gap:10px;background:#f1f3f5;border:1px solid #adb5bd;border-radius:8px;padding:10px 12px}.scenario-summary-impact-row-expandable{cursor:pointer}.scenario-summary-impact-row-expandable:hover{background:#e9ecef}.scenario-summary-impact-checkbox{flex:0 0 auto;width:16px;height:16px;margin:0;cursor:pointer}.scenario-summary-impact-item-label{font-size:14px;font-weight:500;color:#1e1e1e}.scenario-summary-impact-value{flex:1;text-align:right;font-size:14px;color:#495057}.scenario-summary-impact-chevron{flex:0 0 auto;font-size:12px;color:#868e96;transition:transform .15s ease}.scenario-summary-impact-chevron-open{transform:rotate(180deg)}.scenario-summary-impact-details{display:flex;flex-direction:column;background:#e9ecef;border:1px solid #adb5bd;border-radius:0 0 8px 8px;margin-top:-1px}.scenario-summary-impact-details-section{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.scenario-summary-impact-details-footer{border-top:1px solid #adb5bd;color:#000;font-weight:600;font-size:13px;font-weight:500;cursor:pointer}.scenario-summary-impact-details-footer:hover{background:#adb5bd;color:#fff}.scenario-summary-impact-detail-line{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#1e1e1e}.scenario-summary-impact-detail-type{color:#1e1e1e}.scenario-summary-impact-detail-value{color:#495057;white-space:nowrap}l .scenario-summary-impact-details-toggle{align-self:flex-start;margin-top:4px;padding:0;border:none;background:none;color:#1971c2;font-size:13px;font-weight:600;cursor:pointer}.scenario-summary-impact-details-toggle:hover{text-decoration:underline}.scenario-summary-format-menu{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #dee2e6}.scenario-summary-format-menu-label{font-size:13px;font-weight:500}.scenario-summary-format-menu-options{display:flex;gap:8px}.scenario-summary-format-btn{padding:6px 14px;border-radius:6px;border:1px solid #1971c2;background:#fff;color:#1971c2;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.scenario-summary-format-btn:hover:not(:disabled){background:#1971c2;color:#fff}.scenario-summary-format-btn:disabled{border-color:#adb5bd;color:#adb5bd;cursor:not-allowed}.scenario-summary-footer{flex:0 0 auto;display:flex;gap:10px;padding:14px 16px;border-top:1px solid #dee2e6}.scenario-summary-btn{flex:1;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.scenario-summary-btn-outline{background:#fff;border:1px solid #1971c2;color:#1971c2}.scenario-summary-btn-outline:hover{background:#e7f5ff}.scenario-summary-btn-primary{background:#1971c2;border:1px solid #1971c2;color:#fff}.scenario-summary-btn-primary:hover{background:#0069d9;border-color:#0069d9}.new-event-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.new-event-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:16px 24px;margin:0}.new-event-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.new-event-modal .ant-modal-close{top:16px;color:#495057}.new-event-modal .ant-modal-body{padding:0}.new-event-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.new-event-body .form-section{display:flex;flex-direction:column;gap:8px}.new-event-body .section-label{font-size:15px!important;font-weight:500!important;color:#1e1e1e!important}.new-event-hint{font-size:13px!important;margin-top:-8px}.new-event-date-input{width:100%;height:32px;padding:4px 11px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;color:#1e1e1e;transition:border-color .2s ease;box-sizing:border-box}.new-event-date-input:hover{border-color:#4096ff}.new-event-date-input:focus{border-color:#1677ff;outline:none;box-shadow:0 0 0 2px #0591ff1a}.new-event-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #dee2e6;background:#fff}.new-event-submit-btn{flex:1!important;background:#007bff!important;border-color:#007bff!important;font-weight:500!important}.new-event-submit-btn:hover{background:#0069d9!important;border-color:#0063cc!important}.new-event-cancel-btn{min-width:110px;color:#495057!important;border-color:#dee2e6!important}.new-event-cancel-btn:hover{border-color:#adb5bd!important;color:#1e1e1e!important}@media (max-width: 768px){.new-event-footer{flex-direction:column-reverse}.new-event-cancel-btn{width:100%}.new-event-submit-btn{width:100%!important}}div#calendarBar{align-items:center;backdrop-filter:blur(3px);background-color:var(--widget-color);border-radius:1000px;display:flex;gap:4px;z-index:1;justify-content:center;margin:.75dvh auto;max-width:max-content;position:relative}div#calendarBar button.rowDate{background-color:transparent;border-radius:1000px;border:none;color:#fff;cursor:pointer;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:min(1.65vmax,18px);padding:.35vh .85vw}div#calendarBar button.rowDate:hover,div#calendarBar button.navButton:hover{background-color:#9a9a9a}div#calendarBar button.confirmedErrorDate{background-image:linear-gradient(color-mix(in srgb,var(--confirmed-error-color),transparent 60%),color-mix(in srgb,var(--confirmed-error-color),transparent 60%));background-blend-mode:normal}div#calendarBar button.unconfirmedErrorDate{background-image:linear-gradient(color-mix(in srgb,var(--unconfirmed-error-color),transparent 60%),color-mix(in srgb,var(--unconfirmed-error-color),transparent 60%));background-blend-mode:normal}div#calendarBar div.measurementDate,div#calendarBar button.rowDate{-webkit-user-select:none;user-select:none}div#calendarBar button.selected{align-items:center;background-color:#000;display:flex;font-weight:700;box-shadow:0 0 0 2px #fff inset;justify-content:center}div#calendarBar button.selected:hover{background-color:#fff;color:#000}div#calendarBar button.selected svg path{fill:#fff}div#calendarBar button.selected:hover svg path{fill:#000}div#calendarBar button.selected svg{height:1.5vh;margin-left:.5vw;max-width:20%}div#calendarBar button.navButton{padding:.35vh .75vw;align-items:center;background-color:color-mix(in srgb,var(--secondary-color),transparent 60%);border-radius:0 20px 20px 0;display:flex;height:min(2.55vmax,32px);justify-content:center}div#calendarBar button.navButton:hover{background-color:var(--hover-color)}div#calendarBar button.navButton svg{height:1.5vh;transform:rotate(180deg)}div#calendarBar button.navButton:first-child{border-radius:20px 0 0 20px}div#calendarBar button.navButton:first-child svg{transform:rotate(0)}.calendarContainer{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;background-color:var(--widget-color);backdrop-filter:blur(3px);border-radius:12px;padding:.9vmax;animation:fadeIn .3s ease-in-out;width:clamp(225px,25vw,400px);z-index:2}.calendarContainer .reportKnob{margin-top:.5rem;border-radius:12px;width:40px;height:40px;background:transparent;display:flex;align-items:center;justify-content:center}.calendarContainer .react-calendar{background-color:transparent;border-radius:0;width:100%;color:#fff;font-size:1.1vmin;cursor:auto}.calendarContainer .react-calendar__navigation{align-items:center;display:flex;justify-content:space-between;margin:auto;width:95%}.calendarContainer .react-calendar__navigation button{background:transparent;color:#fff;font-size:max(1.3vh,1vw);max-width:45%;min-width:10%;padding:.3vw}.calendarContainer .react-calendar__month-view__weekdays{font-size:clamp(6px,3vw,10px);font-weight:700;margin:.6vw auto;text-align:center}.calendarContainer .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.calendarContainer .react-calendar__tile{background:transparent;border-radius:1000px;color:#fff;padding:.5vh}.calendarContainer .react-calendar__tile.measurementDate{background-color:color-mix(in srgb,var(--secondary-color),transparent 60%)}.calendarContainer .react-calendar__tile.confirmedErrorDate{background-color:color-mix(in srgb,var(--confirmed-error-color),transparent 60%)}.calendarContainer .react-calendar__tile.unconfirmedErrorDate{background-color:color-mix(in srgb,var(--unconfirmed-error-color),transparent 60%)}.calendarContainer .react-calendar__tile:enabled:hover,.calendarContainer .react-calendar__tile:enabled:focus{background-color:#9a9a9aaa;outline:none}.calendarContainer .react-calendar__tile--now{background:transparent;color:#f7f717!important;font-weight:700}.calendarContainer .react-calendar__tile--active{color:#fff;font-weight:700;box-shadow:0 0 0 2px #fff inset}.calendarContainer .react-calendar__month-view__days__day--weekend{color:var(--hover-color)}.calendarContainer .react-calendar__month-view__days__day--weekend{color:#fff}@media (max-width: 800px){div#calendarBar button.navButton svg{margin:auto 1vw;padding:auto 2vw}div.selectedDate{margin:auto 2vw}}.calendarToggles{margin-top:.7rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.calendarToggles .toggleButton{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid white;border-radius:6px;padding:.25rem .5rem;cursor:pointer;color:#fff;font-size:.85rem;transition:background .2s}.calendarToggles .toggleButton:hover{background-color:#ffffff1a}.calendarToggles .colorSquare{width:12px;height:12px;border-radius:2px}.calendarContainer .react-calendar__tile.measurementDate{background-color:#1382b3!important;transition:background-color .2s}.calendarContainer .react-calendar__tile.measurementDate:hover{background-color:#3ca0c9!important}.calendarContainer .react-calendar__tile.measurementDate2{background-color:#244753!important;transition:background-color .2s}.calendarContainer .react-calendar__tile.measurementDate2:hover{background-color:#4b6475!important}.calendarContainer .react-calendar__tile.measurementDate.measurementDate2{background:linear-gradient(90deg,#1382b3 50%,#244753 50%);transition:background .2s}.calendarContainer .react-calendar__tile.measurementDate.measurementDate2:hover{background:linear-gradient(90deg,#3ca0c9 50%,#4b6475 50%)}.calendarContainer .react-calendar__tile.measurementDate3{background-color:#7bdaff!important;transition:background-color .2s}.calendarContainer .react-calendar__tile.measurementDate3:hover{background-color:#7bdaff!important}.calendarContainer .react-calendar__tile.measurementDate.measurementDate3{background:linear-gradient(90deg,#1382b3 50%,#7bdaff 50%);transition:background .2s}.calendarContainer .react-calendar__tile.measurementDate.measurementDate3:hover{background:linear-gradient(90deg,#3ca0c9 50%,#7bdaff 50%)}.calendarContainer .react-calendar__tile.measurementDate4{background-color:#3b4b52!important;transition:background-color .2s}.calendarContainer .react-calendar__tile.measurementDate4:hover{background-color:#3b4b52!important}.calendarContainer .react-calendar__tile.measurementDate.measurementDate4{background:linear-gradient(90deg,#1382b3 50%,#3b4b52 50%);transition:background .2s}.calendarContainer .react-calendar__tile.measurementDate.measurementDate4:hover{background:linear-gradient(90deg,#3ca0c9 50%,#3b4b52 50%)}.icon-row{display:flex;align-items:center;gap:50px;margin-top:10px}.icon{width:32px;height:32px;cursor:pointer;padding:6px;border-radius:10%;transition:background .2s ease}.icon.active{background:#ffffff40}.icon.inactive{background:transparent}.icon:hover{background:#ffffff26}.about-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid #cccdce}.about-modal .ant-modal-header{background:#e7f5ff;border-bottom:1px solid #bee3f8;padding:16px 24px;margin:0}.about-modal .ant-modal-title{font-size:22px;font-weight:600;color:#1e1e1e;letter-spacing:-.01em}.about-modal .ant-modal-close{top:16px;color:#495057}.about-modal .ant-modal-body{padding:0}.about-panel{display:flex;flex-direction:column;max-width:700px;margin:0 auto}.about-tabs{padding:0 24px}.about-tabs .ant-tabs-nav{margin-bottom:0}.about-tabs .ant-tabs-tab{font-size:15px;color:#868e96}.about-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1971c2;font-weight:600}.about-tabs .ant-tabs-ink-bar{background:#1971c2;height:3px}.about-body{padding:20px 24px;max-height:60vh;overflow-y:auto;line-height:1.6em;text-align:justify;color:#333}.about-body ul{padding-left:1.25em;margin:.5em 0}.about-body li{margin-bottom:.75em}.about-body li ul{margin-top:.5em}@media (max-width: 768px){.about-panel{max-width:100%}}div#registration{.popupBody{display:flex;form{display:flex;flex-direction:row;width:100%;gap:2em;justify-content:center;.formLeft,.formRight{display:flex;flex-direction:column;justify-content:center;align-items:center}.formLeft{flex:2;table{width:100%;tr{th{padding:.75em 1em .75em 0;text-align:end;white-space:nowrap;width:30%}input{width:100%;padding:2.25%}}}}div.formRight{flex:1;gap:5%;button{font-size:1.1em;padding:1.25vh 2em;border-radius:1000px}}}}@media (max-width: 900px){div.popupBody form{flex-direction:column;align-items:center}div.formLeft,div.formRight{width:100%}}}.popup-login__form{display:flex;flex-direction:column;gap:.75rem}.popup-login__form label{display:block;margin-bottom:.25rem}.popup-login__form input{width:100%}.popup-login__error{color:red;font-size:.9rem}div#subscription{table{text-align:center;tr{th{font-size:1.3em}td{padding:1.5% 0;svg.check{width:15%}}td:first-child{text-align:start}td:nth-of-type(2),th:nth-of-type(2){border-right:1px solid var(--secondary-color)}}tr:last-child td{padding:0;button{font-size:1.1em;color:#fff;padding:10%;border-radius:1000px;&:hover{background-color:var(--hover-color)}}button#currentTier{background-color:gray;cursor:default}}}}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-color);color:#fff;height:50px;box-shadow:0 2px 4px #0003}.app-header__logo{width:40px;height:40px;object-fit:contain}.app-header__login-button{width:40px;height:40px;background-color:transparent;object-fit:contain}.app-header__title{font-size:20px;font-weight:700;text-align:center;line-height:1.2}.app-header__title--highlight{display:block}.app-header__about-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#fff;width:37px;height:37px;cursor:pointer;font-size:14px}.app-header__about-icon{width:80%;height:80%;color:#fff}.app-header__language-wrapper{position:relative;display:inline-block}.app-header__language-dropdown{position:absolute;background:#fff;margin-top:150px;border-radius:8px;box-shadow:0 4px 12px #00000026;width:120px;z-index:100}.app-header__language-dropdown .app-header__language-option{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin:0;border:none;background:transparent;cursor:pointer;font-size:14px;line-height:1;color:#000;-webkit-appearance:none;appearance:none;transition:background-color .12s ease,transform .06s ease}.app-header__language-dropdown .app-header__language-option:hover,.app-header__language-dropdown .app-header__language-option:focus{background:#0000000f;outline:none}.app-header__language-dropdown .app-header__language-option:active{transform:translateY(1px)}.app-header__language-option{width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:#000;font-size:14px;text-align:left}.app-header__language-option:hover{background-color:#ffffff1a}.app-header__language-option.selected{background:#1382b3;color:#fff;font-weight:700;border-radius:4px}div#notificationQueue{position:absolute;right:1vw;top:1vh;z-index:200;div.notification{background-color:#fff;box-shadow:0 0 7px #000;display:block;margin:1vh 0;border-radius:17px;padding:5%;word-break:break-word;width:300px;min-height:10vh;animation:fadeIn .3s ease-in-out;div.notificationHeader{width:100%;height:1.5vh;display:flex;justify-content:space-between;margin-bottom:3%;svg.goodResult path{fill:green}svg.badResult path{fill:red}button.notificationClose{height:100%;border-radius:0;background-color:transparent;svg{width:100%;height:100%}svg *{fill:#000}}}}}