@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700;900&family=Source+Sans+Pro:wght@700;900&display=swap);body{font-family:Open Sans,sans-serif}*{box-sizing:border-box}:root{--primaryColor:#387c2b;--secondaryColor:#04143a;--onPrimaryColor:#231f20;--backgroundColor:#00263a;--onBackgroundColor:#fff;--titleColor:#3b3c43;--actionColor:#fa6600;--onActionColor:#fff;--header-height:144px;font-size:16px;z-index:0}.fadeInAndOut{position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;width:100%}.fadeInAndOut.fadein{max-height:10000px;opacity:1;pointer-events:all}.fadeInAndOut.fadeOut{max-height:0;opacity:0;overflow:hidden;pointer-events:none}.page{height:100vh;overflow-x:hidden;overflow-y:hidden;padding-top:144px;padding-top:var(--header-height);width:100%}.location_popup{align-items:center;background-color:#04143a;background-color:var(--secondaryColor);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.location_popup h5{color:#000;font-size:50px;font-style:normal;font-weight:600;line-height:90px;margin:0 42px;text-shadow:0 4px 4px #00000040}.location_popup .buttons{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;width:80%}.location_popup .buttons .button{align-items:center;background:#387c2b;background:var(--primaryColor);border-radius:31.49px;box-shadow:0 10px 20px #00000021;color:#fff;display:flex;font-size:30px;font-weight:700;justify-content:center;letter-spacing:-.4px;line-height:36px;margin:10px 15px;padding:30px 25px;text-align:center;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;width:100%}.location_popup .buttons .button.active{background:#001751;border:5px solid #fff;color:#fff}@media(min-width:1900px){.location_popup .buttons{grid-template-columns:repeat(2,1fr)}}.p-bar{display:flex;flex-direction:column}.p-bar .outer-bar{border:.5px solid #ffffff80;border-radius:100px;height:42.5px;overflow:hidden}.p-bar .outer-bar .inner-bar{border-right:.5px solid #fff;height:100%;transition:all .3s}.p-bar .labels{display:flex;flex-direction:row;justify-content:space-between}.p-bar .labels span{color:#fff;font-size:11px;font-weight:700}.base-system{--child-padding:0 18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:.5px solid #fff6;border-radius:10px;height:851px;margin:0 auto;position:relative;width:665px}.base-system .header{align-items:center;background:#fff3;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;font-size:15px;font-weight:700;height:35px;justify-content:center;margin-bottom:18px;text-align:center;width:100%}.base-system .p-bar{padding:var(--child-padding)}.base-system .label-icons{display:flex;flex-direction:row;gap:150px;margin-bottom:25px;margin-top:8px;padding:var(--child-padding);width:100%}.base-system .label-icons .icon-wrapper{align-items:center;display:flex;flex-direction:row;gap:19px}.base-system .label-icons .icon-wrapper .circle{border:1px solid #fff;border-radius:100%;height:26px;width:26px}.base-system .label-icons .icon-wrapper span{color:#fff;font-size:14.766px;font-weight:700}.base-system .pie-chart-wrapper{height:427px;left:30px;margin:0 auto;position:relative}.base-system .pie-chart-wrapper .MuiPieArcLabel-root{fill:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:5px;font-weight:700;height:43px;width:64px;z-index:5}.base-system .pie-chart-wrapper .MuiPieArcLabel-root:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;content:"";height:43px;width:64px;z-index:3}.base-system .pie-chart-wrapper .MuiPieArc-root:last-of-type(){transform:scale(1.2)}.base-system .pie-chart-wrapper .pie-center-label{align-items:center;display:flex;flex-direction:column;left:31.5%;position:absolute;top:38%;width:150px}.base-system .pie-chart-wrapper .pie-center-label .top{color:#fff;font-size:14.279px;font-weight:700;text-align:center;width:103px}.base-system .pie-chart-wrapper .pie-center-label .bottom{color:#fff;font-size:46.149px;font-weight:700;text-align:center}.base-system .pie-legend{display:flex;flex-direction:row;gap:40px;margin-top:15px;padding:var(--child-padding)}.base-system .pie-legend .legend-member{align-items:center;display:flex;flex-direction:row;gap:20px}.base-system .pie-legend .legend-member .legend-circle{border:1px solid #fff;border-radius:100%;height:26px;width:26px}.base-system .pie-legend .legend-member span{color:#fff;font-size:14.766px;font-weight:700}.base-system .base-table{--column-spacing:21% 29% 31% 19%;margin-top:20px;padding:var(--child-padding);width:100%}.base-system .base-table .table-row{align-items:center;border-bottom:1px solid #fff;display:grid;grid-template-columns:var(--column-spacing);height:32px;width:100%}.base-system .base-table .table-row:last-child{border-bottom:none}.base-system .base-table .table-row.table-header{background-color:hsla(0,0%,100%,.251);border-bottom:0;border-radius:5px;height:28px;padding-left:0}.base-system .base-table .table-row.table-header span{font-size:12px}.base-system .base-table .table-row span{color:#fff;font-size:14.766px;font-weight:700}.base-system .base-table .table-row span:first-child{padding-left:16px}.base-system.true{--child-padding:0 12px;height:615px;width:399px}.base-system.true .header{font-size:8.86px;height:21px;margin-bottom:20px}.base-system.true .p-bar .outer-bar{height:25.5px}.base-system.true .p-bar .labels span{font-size:6.645px}.base-system.true .label-icons{gap:88px}.base-system.true .label-icons .icon-wrapper{gap:11.7px}.base-system.true .label-icons .icon-wrapper .circle{height:16px;width:16px}.base-system.true .label-icons .icon-wrapper span{font-size:8.86px}.base-system.true .pie-chart-wrapper{height:310px}.base-system.true .pie-chart-wrapper .MuiPieArcLabel-root{font-size:13px}.base-system.true .pie-chart-wrapper .pie-center-label{left:24.5%;width:110px}.base-system.true .pie-chart-wrapper .pie-center-label .top{font-size:10.18px;width:85px}.base-system.true .pie-chart-wrapper .pie-center-label .bottom{font-size:32.9px}.base-system.true .pie-legend{gap:22px}.base-system.true .pie-legend .legend-member{gap:18px}.base-system.true .pie-legend .legend-member .legend-circle{height:16px;width:16px}.base-system.true .pie-legend .legend-member span{font-size:8.86px}.base-system.true .base-table{--column-spacing:21% 29% 31% 19%;margin-top:20px;padding:var(--child-padding)}.base-system.true .base-table .table-row{align-items:center;display:grid;height:20px}.base-system.true .base-table .table-row:last-child{border-bottom:none}.base-system.true .base-table .table-row.table-header{height:16.8px}.base-system.true .base-table .table-row.table-header span{font-size:7.2px}.base-system.true .base-table .table-row span{color:#fff;font-size:9.23px}.base-system.true .base-table .table-row span:first-child{padding-left:9.6px}.decarbon-system{--child-padding:0 18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:.5px solid #fff6;border-radius:10px;height:851px;margin:0 auto 0 14px;position:relative;width:588px}.decarbon-system .header{align-items:center;background:#fff3;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;font-size:15px;font-weight:700;height:35px;justify-content:center;margin-bottom:18px;text-align:center;width:100%}.decarbon-system .p-bar{padding:var(--child-padding)}.decarbon-system .label-icons{display:flex;flex-direction:row;gap:150px;margin-bottom:25px;margin-top:8px;padding:var(--child-padding);width:100%}.decarbon-system .label-icons .icon-wrapper{align-items:center;display:flex;flex-direction:row;gap:19px}.decarbon-system .label-icons .icon-wrapper .circle{border:1px solid #fff;border-radius:100%;height:26px;width:26px}.decarbon-system .label-icons .icon-wrapper span{color:#fff;font-size:14.766px;font-weight:700}.decarbon-system .pie-chart-wrapper{height:427px;left:30px;margin:0 auto;position:relative}.decarbon-system .pie-chart-wrapper .MuiPieArcLabel-root{fill:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:5px;font-weight:700;height:43px;width:64px;z-index:5}.decarbon-system .pie-chart-wrapper .MuiPieArcLabel-root:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;content:"";height:43px;width:64px;z-index:3}.decarbon-system .pie-chart-wrapper .pie-center-label{align-items:center;display:flex;flex-direction:column;left:29%;position:absolute;top:38%;width:150px}.decarbon-system .pie-chart-wrapper .pie-center-label .top{color:#fff;font-size:14.279px;font-weight:700;text-align:center;width:103px}.decarbon-system .pie-chart-wrapper .pie-center-label .bottom{color:#fff;font-size:46.149px;font-weight:700;text-align:center}.decarbon-system .pie-legend{display:flex;flex-direction:row;gap:57px;margin-top:15px;padding:var(--child-padding)}.decarbon-system .pie-legend .legend-member{align-items:center;display:flex;flex-direction:row;gap:26px}.decarbon-system .pie-legend .legend-member .legend-circle{border:1px solid #fff;border-radius:100%;height:26px;width:26px}.decarbon-system .pie-legend .legend-member span{color:#fff;font-size:13px;font-weight:700}.decarbon-system .base-table{--column-spacing:22% 30% 35% 18%;margin-top:20px;padding:var(--child-padding);width:100%}.decarbon-system .base-table .table-row{align-items:center;border-bottom:1px solid #fff;display:grid;grid-template-columns:var(--column-spacing);height:32px;width:100%}.decarbon-system .base-table .table-row:last-child{border-bottom:none}.decarbon-system .base-table .table-row.table-header{background-color:hsla(0,0%,100%,.251);border-bottom:0;border-radius:5px;height:28px;padding-left:0}.decarbon-system .base-table .table-row.table-header span{font-size:12px}.decarbon-system .base-table .table-row span{color:#fff;font-size:14.766px;font-weight:700}.decarbon-system .base-table .table-row span:first-child{padding-left:16px}.decarbon-system.true{height:615px;margin-left:8px;width:353px}.decarbon-system.true .header{margin-bottom:20px!important}.decarbon-system.true .p-bar .outer-bar{height:25.5px}.decarbon-system.true .p-bar .labels span{font-size:6.5px}.decarbon-system.true .label-icons{gap:85px;margin-bottom:40px;margin-top:12px}.decarbon-system.true .label-icons .icon-wrapper{gap:11.37px}.decarbon-system.true .label-icons .icon-wrapper .circle{height:16px;width:16px}.decarbon-system.true .label-icons .icon-wrapper span{font-size:8.86px}.decarbon-system.true .pie-chart-wrapper{height:280px;left:23px;width:400px}.decarbon-system.true .pie-chart-wrapper .MuiPieArcLabel-root{font-size:13px}.decarbon-system.true .pie-chart-wrapper .pie-center-label{left:19.5%}.decarbon-system.true .pie-chart-wrapper .pie-center-label .top{font-size:9.766px;width:85px}.decarbon-system.true .pie-chart-wrapper .pie-center-label .bottom{font-size:31.561px}.decarbon-system.true .pie-legend{gap:30px;margin-top:30px}.decarbon-system.true .pie-legend .legend-member{gap:19px}.decarbon-system.true .pie-legend .legend-member .legend-circle{height:11.8px;width:11.8px}.decarbon-system.true .pie-legend .legend-member span{font-size:7.875px}.decarbon-system.true .base-table{margin-top:20px;padding:var(--child-padding)}.decarbon-system.true .base-table .table-row{align-items:center;display:grid;height:20px}.decarbon-system.true .base-table .table-row:last-child{border-bottom:none}.decarbon-system.true .base-table .table-row.table-header{height:16.8px}.decarbon-system.true .base-table .table-row.table-header span{font-size:6.9px}.decarbon-system.true .base-table .table-row span{color:#fff;font-size:9.23px}.decarbon-system.true .base-table .table-row span:first-child{padding-left:9.6px}.stacked-container{bottom:15px;left:14px;position:relative;width:586px}.stacked-legend{display:flex;flex-direction:row;gap:12px;margin-bottom:28px;margin-top:-20px;padding-left:25px}.stacked-legend .legend-member{align-items:center;display:flex;flex-direction:row;gap:10.4px}.stacked-legend .legend-member .legend-circle{border:1px solid #fff;border-radius:100%;height:17px;width:17px}.stacked-legend .legend-member span{color:#fff;font-size:11px;font-weight:700}.stacked-container.true{left:-6px;width:390px}.stacked-legend.true{gap:11px;padding-left:10px}.stacked-legend.true .legend-member{gap:4.5px}.stacked-legend.true .legend-member .legend-circle{height:10.5px;width:10.5px}.stacked-legend.true .legend-member span{font-size:6.619px}.simple-bar-chart{display:flex;height:245px;justify-content:center;margin-left:55.6px;margin-top:31px;position:relative;width:515.5px}.simple-bar-chart .line-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;left:-34px;position:absolute;top:0}.simple-bar-chart .line-wrapper:nth-child(2){top:59.65px}.simple-bar-chart .line-wrapper:nth-child(3){top:121.17px}.simple-bar-chart .line-wrapper:nth-child(4){top:183.62px}.simple-bar-chart .line-wrapper:nth-child(5){top:245.14px}.simple-bar-chart .line-wrapper span{color:#fff;font-size:11px;font-weight:700;position:relative;right:10px;text-align:right;width:33px}.simple-bar-chart .line-wrapper div{background-color:#fff;height:1px;width:515px}.simple-bar-chart .tank-wrapper{align-items:flex-end;bottom:-7px;display:flex;flex-direction:row;gap:17.7px;height:100%;position:relative}.simple-bar-chart .tank-wrapper .cold-tank,.simple-bar-chart .tank-wrapper .hot-tank{align-items:center;background-color:#88b04f;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:center;transition:all .3s;width:106px}.simple-bar-chart .tank-wrapper .cold-tank{background-color:#203c5b}.simple-bar-chart .tank-wrapper span{color:#fff;font-size:11px;font-weight:700}.simple-bar-chart .label-wrapper{bottom:-36px;display:flex;flex-direction:row;gap:17.7px;position:absolute}.simple-bar-chart .label-wrapper span{color:#fff;font-size:13.853px;font-weight:700;text-align:center;width:106px}.simple-bar-chart.true{height:151px;margin-left:38.6px;margin-top:25px;width:297.25px}.simple-bar-chart.true .line-wrapper:nth-child(2){top:37.8px}.simple-bar-chart.true .line-wrapper:nth-child(3){top:74.7px}.simple-bar-chart.true .line-wrapper:nth-child(4){top:112.17px}.simple-bar-chart.true .line-wrapper:nth-child(5){top:149.08px}.simple-bar-chart.true .line-wrapper span{font-size:6.601px}.simple-bar-chart.true .line-wrapper div{width:300px}.simple-bar-chart.true .tank-wrapper{bottom:-3px}.simple-bar-chart.true .tank-wrapper .hot-tank{width:63.5px}.simple-bar-chart.true .tank-wrapper .hot-tank span{font-size:6.6px}.simple-bar-chart.true .tank-wrapper .cold-tank{width:63.5px}.simple-bar-chart.true .tank-wrapper .cold-tank span{font-size:6.6px}.simple-bar-chart.true .label-wrapper{bottom:-25px}.simple-bar-chart.true .label-wrapper span{bottom:-28px;font-size:8.312px;width:63.5px}.page.ledPage{background-image:url(/natrium/interactive-display/static/media/CSP-bg.20c792a58a34f0376996.png);background-repeat:no-repeat;background-size:cover;display:grid;grid-auto-flow:column;grid-template-columns:414.4px auto;grid-template-rows:124px auto;padding:0}.page.ledPage .logos{align-items:center;display:flex;flex-direction:row;gap:20.4px;justify-content:center}.page.ledPage .logos svg{height:77.1px;width:154.2px}.page.ledPage .logos svg:first-of-type{height:37.133px;width:116.4px}.page.ledPage .right-half{border:.5px solid #fff6;border-radius:10px;display:flex;flex-direction:row;gap:7px;grid-row:span 2;margin:22px 9px 22px 0}.page.ledPage .right-half .left-inner{display:flex;flex-direction:column}.page.ledPage .right-half .left-inner .header{align-items:center;background:#fff3;border-radius:8px 0 0 0;color:#fff;display:flex;font-size:8.86px;font-weight:700;height:19.8px;justify-content:center;margin-bottom:15px}.page.ledPage .right-half .left-inner .renewables-natrium{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:19px;padding:0 23%}.page.ledPage .right-half .left-inner .renewables-natrium .renewables{align-items:center;display:flex;flex-direction:column;gap:6px}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__control{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;background-image:url(/natrium/interactive-display/static/media/SelectDropdown.33b2649556c664bb4ea9.svg);background-position:85%;background-repeat:no-repeat;background-size:20%;border:none;border-radius:8px;color:#fff;font-size:9.6px;font-weight:700;height:28px;min-height:0;min-height:auto;outline:none;padding-left:11.4px;width:67.2px}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__control.react-select__control--menu-is-open{border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__control .react-select__indicators{visibility:hidden}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__menu .react-select__menu-list{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__menu .react-select__menu-list .react-select__option{color:#fff;font-size:9.6px;font-weight:700;height:20px;overflow:hidden;padding-left:10.5px}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__menu .react-select__menu-list .react-select__option:first-of-type{height:25px;padding-top:7px;position:relative}.page.ledPage .right-half .left-inner .renewables-natrium .renewables .react-select__menu .react-select__menu-list .react-select__option:first-of-type:before{background:linear-gradient(90deg,#0000 10%,#fff 0,#fff 90%,#0000 0);background-size:cover;content:"";height:2px;left:50%;position:absolute;top:1%;transform:translate(-50%,-50%);transform-origin:center;width:100%}.page.ledPage .right-half .left-inner .renewables-natrium .natrium{align-items:center;display:flex;flex-direction:column;gap:12px}.page.ledPage .right-half .left-inner .renewables-natrium span{color:#fff;font-size:9.6px;font-weight:700}.page.ledPage .right-half .right-inner{width:358.8px}.page.ledPage .right-half .right-inner .header{align-items:center;background:#fff3;border-radius:0 9px 0 0;color:#fff;display:flex;font-size:8.86px;font-weight:700;height:19.8px;justify-content:center;margin-bottom:24px}.page.ledPage .right-half .right-inner .slider-wrapper{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;border-radius:8px;display:flex;height:35.4px;justify-content:center;margin-bottom:22px;padding:0 10.4px;width:350.4px}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider{width:100%}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-handle{background:url(/natrium/interactive-display/static/media/SliderHandle.586bdad0b628530fa5e9.svg);background-repeat:no-repeat;background-size:100%;border:none;border-radius:0;height:39px;opacity:1;top:-15px;width:41px}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-handle.rc-slider-handle-dragging,.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-handle.rc-slider-handle:focus-visible{box-shadow:none}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-handle:after{align-items:center;color:#fff;content:attr(aria-valuenow) " hr";display:flex;font-size:9.6px;font-weight:700;height:32px;justify-content:center;left:3px;position:relative;top:-5.25px;width:35px}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-handle:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff;bottom:21%;content:"";height:12px;left:19.7px;position:absolute;width:2px}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-mark{top:14px}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-mark .rc-slider-mark-text,.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-mark .rc-slider-mark-text-active{color:#fff;font-size:4.615px;font-weight:700}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-track{visibility:hidden}.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-step .rc-slider-dot,.page.ledPage .right-half .right-inner .slider-wrapper .rc-slider .rc-slider-step .rc-slider-dot-active{border:.5px #ffffff80;border-radius:0;width:1px}.page.ledPage .right-half .right-inner .graphs-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:.5px solid #fff6;border-radius:10px;height:615px;width:353px}.page.ledPage .right-half .right-inner .graphs-container .header{align-items:center;background:#fff3;color:#fff;display:flex;margin-bottom:0;text-align:center}.page.ledPage .right-half .right-inner .graphs-container .header-2{align-items:center;background:#fff3;color:#fff;display:flex;font-size:8.917px;font-weight:700;height:22px;justify-content:center;text-align:center}.page.ledPage .screensaver{display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:6}.page.ledPage .screensaver .banner{height:100%;width:100%}.page.ledPage .screensaver .touch-to-begin{align-items:center;animation:homepageButtonAnimation ease infinite;animation-delay:0;animation-duration:4s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;bottom:24px;color:#fff;display:flex;font-size:30px;font-weight:700;height:85px;justify-content:center;position:absolute;width:499px;z-index:10}@keyframes homepageButtonAnimation{0%,12%,6%{transform:scale(1)}3%,9%{transform:scale(.9)}}.page.responsiveView{--top-bar-height:84px;-ms-overflow-style:none;align-items:center;background-image:url(/natrium/interactive-display/static/media/CSP-bg.20c792a58a34f0376996.png);display:flex;flex-direction:column;gap:10px;padding:14px 27px;scrollbar-width:none}.page.responsiveView ::-webkit-scrollbar{display:none}.page.responsiveView .actions{--header-height:25px;border:1px solid #ffffff61;border-radius:7.617px;display:flex;flex-direction:row;height:var(--top-bar-height);justify-content:space-between;width:100%}.page.responsiveView .actions .header{background:#fff3;color:#fff;display:flex;flex-direction:column;font-weight:700;height:var(--header-height);justify-content:center;text-align:center;width:100%}.page.responsiveView .actions .label{color:#fff;font-size:16px;font-weight:700}.page.responsiveView .actions .renewables-natrium{align-items:center;display:flex;flex-direction:column;width:62.85%}.page.responsiveView .actions .renewables-natrium .row{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:auto 0;width:100%}.page.responsiveView .actions .renewables-natrium .row .natrium,.page.responsiveView .actions .renewables-natrium .row .renewables{align-items:center;display:flex;flex-direction:row;gap:10px}.page.responsiveView .actions .renewables-natrium .row .natrium{gap:15px}.page.responsiveView .actions .renewables-natrium .row .natrium span{color:#fff;font-size:16px;font-weight:700}.page.responsiveView .actions .hour-preview{align-items:center;display:flex;flex-direction:column;width:36.39%}.page.responsiveView .actions .hour-preview .row{margin:auto 0}.page.responsiveView .actions .react-select__control{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;background-image:url(/natrium/interactive-display/static/media/SelectDropdown.33b2649556c664bb4ea9.svg);background-position:85%;background-repeat:no-repeat;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;outline:none;padding-left:22%;width:11vw;width:124px}.page.responsiveView .actions .react-select__control.react-select__control--menu-is-open{border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px}.page.responsiveView .actions .react-select__control .react-select__indicators{visibility:hidden}.page.responsiveView .actions .react-select__menu .react-select__menu-list{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.page.responsiveView .actions .react-select__menu .react-select__menu-list .react-select__option{color:#fff;font-weight:700;height:100%;overflow:hidden;padding-left:18px}.page.responsiveView .actions .react-select__menu .react-select__menu-list .react-select__option:first-of-type{height:100%;padding-top:12px;position:relative}.page.responsiveView .actions .react-select__menu .react-select__menu-list .react-select__option:first-of-type:before{background:linear-gradient(90deg,#0000 10%,#fff 0,#fff 90%,#0000 0);background-size:cover;content:"";height:2px;left:50%;position:absolute;top:1%;transform:translate(-50%,-50%);transform-origin:center;width:100%}.page.responsiveView .actions .dropdown{display:none}.page.responsiveView .actions .dropdown svg{transition:all .3s}@media(orientation:portrait){.page.responsiveView .actions{--header-height:initial;display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:11.5vh;margin:0 auto;position:fixed;transition:all .3s;width:calc(100% - 18px);z-index:5}.page.responsiveView .actions .renewables-natrium{width:100%}.page.responsiveView .actions .renewables-natrium .header{height:auto}.page.responsiveView .actions .renewables-natrium .row{height:0;overflow:hidden}.page.responsiveView .actions .hour-preview{height:0;overflow:hidden;width:100%}.page.responsiveView .actions .dropdown{align-items:center;background:hsla(0,0%,100%,.698);display:flex;height:5vh;justify-content:center;width:100%}.page.responsiveView .actions .react-select__control{height:45px;width:37vw}.page.responsiveView .actions.expand{height:44vh}.page.responsiveView .actions.expand .renewables-natrium{height:50%}.page.responsiveView .actions.expand .renewables-natrium .row{height:auto;overflow:visible;overflow:initial}.page.responsiveView .actions.expand .renewables-natrium .row .natrium,.page.responsiveView .actions.expand .renewables-natrium .row .renewables{flex-direction:column}.page.responsiveView .actions.expand .hour-preview{flex-direction:column;height:40%;overflow:visible;overflow:initial}.page.responsiveView .actions.expand .dropdown svg{transform:rotateX(180deg)}}.page.responsiveView .page-body{height:100%;overflow-y:auto;width:100%}.page.responsiveView .page-body .stacked-and-bars{-webkit-backdrop-filter:blur(3.8083412647px);backdrop-filter:blur(3.8083412647px);background:#00000080;border:1px solid #ffffff61;border-radius:7.617px;display:grid;grid-template-columns:59.9352% auto 38.98%;height:78.25vh;margin-top:21px}.page.responsiveView .page-body .stacked-and-bars .left-side,.page.responsiveView .page-body .stacked-and-bars .right-side{display:grid;grid-template-rows:27px auto;height:100%;width:100%}.page.responsiveView .page-body .stacked-and-bars .left-side .header,.page.responsiveView .page-body .stacked-and-bars .right-side .header{align-items:center;background:#fff3;color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:center;text-align:center;width:100%}@media(orientation:landscape)and (max-width:890px){.page.responsiveView .page-body .stacked-and-bars .left-side .header,.page.responsiveView .page-body .stacked-and-bars .right-side .header{font-size:11px}}.page.responsiveView .page-body .stacked-and-bars .left-side{grid-template-rows:27px auto 14.725%}@media(orientation:landscape)and (max-width:890px){.page.responsiveView .page-body .stacked-and-bars .right-side .simple-bar-chartR .label-wrapper span,.page.responsiveView .page-body .stacked-and-bars .right-side .simple-bar-chartR .tank-wrapper .cold-tank,.page.responsiveView .page-body .stacked-and-bars .right-side .simple-bar-chartR .tank-wrapper .hot-tank{width:69px}}@media(orientation:portrait){.page.responsiveView .page-body .stacked-and-bars{display:flex;flex-direction:column;height:102vh}.page.responsiveView .page-body .stacked-and-bars .left-side{display:flex;flex-direction:column;height:50%}.page.responsiveView .page-body .stacked-and-bars .left-side .stacked-containerR{height:95%}.page.responsiveView .page-body .stacked-and-bars .left-side .stacked-legendR{padding:0}.page.responsiveView .page-body .stacked-and-bars .right-side{display:flex;flex-direction:column;height:50%}.page.responsiveView .page-body .stacked-and-bars .right-side .simple-bar-chartR .label-wrapper span,.page.responsiveView .page-body .stacked-and-bars .right-side .simple-bar-chartR .tank-wrapper .cold-tank,.page.responsiveView .page-body .stacked-and-bars .right-side .simple-bar-chartR .tank-wrapper .hot-tank{width:76px}.page.responsiveView .page-body{margin-top:14vh;transition:all .3s}.page.responsiveView .page-body.expand{margin-top:47vh}}@media(max-width:890px){.page.responsiveView{padding:12px 6px}}@media(orientation:portrait){.page.responsiveView{padding:16px 9px}}.base-systemR{--child-padding:0 18px;--base-header-height:22px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:.5px solid #fff6;display:grid;grid-template-columns:50% 50%;grid-template-rows:var(--base-header-height) auto;height:79vh;margin:21px auto 0;position:relative}.base-systemR,.base-systemR .header{border-top-left-radius:10px;border-top-right-radius:10px;width:100%}.base-systemR .header{align-items:center;background:#fff3;color:#fff;display:flex;font-size:15px;font-weight:700;grid-column:span 2;height:100%;justify-content:center;text-align:center}.base-systemR .left-half,.base-systemR .right-half{display:flex;flex-direction:column;height:100%;width:100%}.base-systemR .left-half .pie-chart-wrapper{height:79%;margin:0 auto;position:relative;width:100%}.base-systemR .left-half .pie-chart-wrapper .MuiPieArcLabel-root{fill:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:5px;font-weight:700;height:43px;width:64px;z-index:5}.base-systemR .left-half .pie-chart-wrapper .MuiPieArcLabel-root:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;content:"";height:43px;width:64px;z-index:3}.base-systemR .left-half .pie-chart-wrapper .MuiPieArc-root:last-of-type(){transform:scale(1.2)}.base-systemR .left-half .pie-chart-wrapper .pie-center-label{align-items:center;display:flex;flex-direction:column;left:35%;position:absolute;top:37.5%;width:150px}.base-systemR .left-half .pie-chart-wrapper .pie-center-label .top{color:#fff;font-size:14.279px;font-weight:700;text-align:center;width:103px}.base-systemR .left-half .pie-chart-wrapper .pie-center-label .bottom{color:#fff;font-size:35px;font-weight:700;text-align:center}.base-systemR .left-half .pie-legend{column-gap:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;row-gap:15px;width:69.5%}.base-systemR .left-half .pie-legend .legend-member{align-items:center;display:flex;flex-direction:row;gap:15px}.base-systemR .left-half .pie-legend .legend-member .legend-circle{border:1px solid #fff;border-radius:100%;height:16px;width:16px}.base-systemR .left-half .pie-legend .legend-member span{color:#fff;font-size:12px;font-weight:700}.base-systemR .left-half .pie-legend .spacing{width:8%}.base-systemR .right-half{padding-right:5.1%}.base-systemR .right-half .p-bar{margin-bottom:5%;margin-top:6.25%}.base-systemR .right-half .p-bar .outer-bar{height:6.32vh}.base-systemR .right-half .label-icons{display:grid;grid-template-columns:1fr 1fr;width:100%}.base-systemR .right-half .label-icons .icon-wrapper{align-items:center;display:flex;flex-direction:row;gap:10%}.base-systemR .right-half .label-icons .icon-wrapper .circle{border:1px solid #fff;border-radius:100%;height:20px;width:20px}.base-systemR .right-half .label-icons .icon-wrapper span{color:#fff;font-size:16px;font-weight:700}.base-systemR .right-half .base-table{--column-spacing:23% 29% 31% 17%;height:59%;margin-bottom:3%;margin-top:auto;max-height:235px;width:100%}.base-systemR .right-half .base-table .table-row{align-items:center;border-bottom:1px solid #fff;display:grid;grid-template-columns:var(--column-spacing);height:32px;height:16%;width:100%}.base-systemR .right-half .base-table .table-row:last-child{border-bottom:none}.base-systemR .right-half .base-table .table-row.table-header{background-color:hsla(0,0%,100%,.251);border-bottom:0;border-radius:5px;height:45px;padding-left:0}.base-systemR .right-half .base-table .table-row.table-header span{font-size:12px}.base-systemR .right-half .base-table .table-row span{color:#fff;font-size:14.766px;font-weight:700}.base-systemR .right-half .base-table .table-row span:first-child{padding-left:16px}@media(orientation:landscape)and (max-width:890px){.base-systemR{display:flex;flex-direction:column;height:132vh}.base-systemR .header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.base-systemR .left-half{align-items:center;flex-direction:row;height:82%;position:absolute}.base-systemR .left-half .pie-chart-wrapper{align-items:center;display:flex;justify-content:center}.base-systemR .left-half .pie-chart-wrapper .pie-center-label{left:auto;top:auto}.base-systemR .left-half .pie-legend{flex-direction:column;left:2.5%;position:relative}.base-systemR .left-half .pie-legend .legend-member span{font-size:16px}.base-systemR .right-half{padding:0 16px}.base-systemR .right-half .p-bar{margin-bottom:2%;margin-top:2%}}@media(orientation:portrait){.base-systemR{display:flex;flex-direction:column;height:156.35vh}.base-systemR .header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.base-systemR .left-half{height:53.35vh;position:absolute;top:13%}.base-systemR .left-half .pie-chart-wrapper{height:100%}.base-systemR .left-half .pie-chart-wrapper .pie-center-label{left:25.5%;top:39.5%}.base-systemR .left-half .pie-chart-wrapper .pie-center-label .top{font-size:15.279px}.base-systemR .left-half .pie-chart-wrapper .pie-center-label .bottom{font-size:26px}.base-systemR .left-half .pie-legend .spacing{display:none}.base-systemR .right-half{padding:0 12px}.base-systemR .right-half .p-bar .outer-bar{height:3vh}.base-systemR .right-half .label-icons{display:flex;flex-direction:column;gap:10px}.base-systemR .right-half .three-tables{--column-spacing:35% 65%;display:flex;flex-direction:column;margin-top:auto}.base-systemR .right-half .three-tables .tableP{display:flex;flex-direction:column;height:25.68vh}.base-systemR .right-half .three-tables .tableP .table-row{align-items:center;border-bottom:1px solid #fff;display:grid;grid-template-columns:var(--column-spacing);height:16.2%}.base-systemR .right-half .three-tables .tableP .table-row:last-child{border-bottom:none}.base-systemR .right-half .three-tables .tableP .table-row.table-header{background-color:hsla(0,0%,100%,.251);border-bottom:0;border-radius:5px;padding-left:0}.base-systemR .right-half .three-tables .tableP .table-row.table-header span{font-size:12px}.base-systemR .right-half .three-tables .tableP .table-row span{color:#fff;font-size:14.766px;font-weight:700}.base-systemR .right-half .three-tables .tableP .table-row span:first-child{padding-left:7px}}.decarbon-systemR{--child-padding:0 18px;--base-header-height:22px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:.5px solid #fff6;display:grid;grid-template-columns:50% 50%;grid-template-rows:var(--base-header-height) auto;height:79vh;margin:0 auto;position:relative}.decarbon-systemR,.decarbon-systemR .header{border-top-left-radius:10px;border-top-right-radius:10px;width:100%}.decarbon-systemR .header{align-items:center;background:#fff3;color:#fff;display:flex;font-size:15px;font-weight:700;grid-column:span 2;height:100%;justify-content:center;text-align:center}.decarbon-systemR .left-half,.decarbon-systemR .right-half{display:flex;flex-direction:column;height:100%;width:100%}.decarbon-systemR .left-half .pie-chart-wrapper{height:79%;margin:0 auto;position:relative;width:100%}.decarbon-systemR .left-half .pie-chart-wrapper .MuiPieArcLabel-root{fill:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:5px;font-weight:700;height:43px;width:64px;z-index:5}.decarbon-systemR .left-half .pie-chart-wrapper .MuiPieArcLabel-root:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;content:"";height:43px;width:64px;z-index:3}.decarbon-systemR .left-half .pie-chart-wrapper .MuiPieArc-root:last-of-type(){transform:scale(1.2)}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label{align-items:center;display:flex;flex-direction:column;left:35%;position:absolute;top:37.5%;width:150px}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label .top{color:#fff;font-size:14.279px;font-weight:700;text-align:center;width:103px}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label .bottom{color:#fff;font-size:35px;font-weight:700;text-align:center}.decarbon-systemR .left-half .pie-legend{column-gap:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;row-gap:15px;width:69.5%}.decarbon-systemR .left-half .pie-legend .legend-member{align-items:center;display:flex;flex-direction:row;gap:15px}.decarbon-systemR .left-half .pie-legend .legend-member .legend-circle{border:1px solid #fff;border-radius:100%;height:16px;width:16px}.decarbon-systemR .left-half .pie-legend .legend-member span{color:#fff;font-size:12px;font-weight:700}.decarbon-systemR .left-half .pie-legend .spacing{width:8%}.decarbon-systemR .right-half{padding-right:5.1%}.decarbon-systemR .right-half .p-bar{margin-bottom:5%;margin-top:6.25%}.decarbon-systemR .right-half .p-bar .outer-bar{height:6.32vh}.decarbon-systemR .right-half .label-icons{display:grid;grid-template-columns:1fr 1fr;width:100%}.decarbon-systemR .right-half .label-icons .icon-wrapper{align-items:center;display:flex;flex-direction:row;gap:10%}.decarbon-systemR .right-half .label-icons .icon-wrapper .circle{border:1px solid #fff;border-radius:100%;height:20px;width:20px}.decarbon-systemR .right-half .label-icons .icon-wrapper span{color:#fff;font-size:16px;font-weight:700}.decarbon-systemR .right-half .base-table{--column-spacing:23% 29% 31% 17%;height:59%;margin-bottom:3%;margin-top:auto;max-height:235px;width:100%}.decarbon-systemR .right-half .base-table .table-row{align-items:center;border-bottom:1px solid #fff;display:grid;grid-template-columns:var(--column-spacing);height:32px;height:16%;width:100%}.decarbon-systemR .right-half .base-table .table-row:last-child{border-bottom:none}.decarbon-systemR .right-half .base-table .table-row.table-header{background-color:hsla(0,0%,100%,.251);border-bottom:0;border-radius:5px;height:45px;padding-left:0}.decarbon-systemR .right-half .base-table .table-row.table-header span{font-size:12px}.decarbon-systemR .right-half .base-table .table-row span{color:#fff;font-size:14.766px;font-weight:700}.decarbon-systemR .right-half .base-table .table-row span:first-child{padding-left:16px}@media(orientation:landscape)and (max-width:890px){.decarbon-systemR{display:flex;flex-direction:column;height:132vh}.decarbon-systemR .header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.decarbon-systemR .left-half{align-items:center;flex-direction:row;height:82%;position:absolute}.decarbon-systemR .left-half .pie-chart-wrapper{align-items:center;display:flex;justify-content:center}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label{left:auto;top:auto}.decarbon-systemR .left-half .pie-legend{flex-direction:column;left:2.5%;position:relative}.decarbon-systemR .left-half .pie-legend .legend-member span{font-size:16px}.decarbon-systemR .right-half{padding:0 16px}.decarbon-systemR .right-half .p-bar{margin-bottom:2%;margin-top:2%}}@media(orientation:portrait){.decarbon-systemR{display:flex;flex-direction:column;height:152.35vh}.decarbon-systemR .header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.decarbon-systemR .left-half{height:53.35vh;position:absolute;top:13%}.decarbon-systemR .left-half .pie-chart-wrapper{height:100%}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label{left:25.5%;top:39.5%}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label .top{font-size:15.279px}.decarbon-systemR .left-half .pie-chart-wrapper .pie-center-label .bottom{font-size:26px}.decarbon-systemR .left-half .pie-legend .spacing{display:none}.decarbon-systemR .right-half{padding:0 12px}.decarbon-systemR .right-half .p-bar .outer-bar{height:3vh}.decarbon-systemR .right-half .label-icons{display:flex;flex-direction:column;gap:10px}.decarbon-systemR .right-half .three-tables{--column-spacing:35% 65%;display:flex;flex-direction:column;margin-top:auto}.decarbon-systemR .right-half .three-tables .tableP{display:flex;flex-direction:column;height:25.68vh}.decarbon-systemR .right-half .three-tables .tableP .table-row{align-items:center;border-bottom:1px solid #fff;display:grid;grid-template-columns:var(--column-spacing);height:16.2%}.decarbon-systemR .right-half .three-tables .tableP .table-row:last-child{border-bottom:none}.decarbon-systemR .right-half .three-tables .tableP .table-row.table-header{background-color:hsla(0,0%,100%,.251);border-bottom:0;border-radius:5px;padding-left:0}.decarbon-systemR .right-half .three-tables .tableP .table-row.table-header span{font-size:12px}.decarbon-systemR .right-half .three-tables .tableP .table-row span{color:#fff;font-size:14.766px;font-weight:700}.decarbon-systemR .right-half .three-tables .tableP .table-row span:first-child{padding-left:7px}}.stacked-containerR{bottom:15px;left:14px;position:relative;width:100%}.MuiChartsAxis-tickLabel{fill:#fff!important}.MuiChartsAxis-tick{visibility:hidden}.MuiChartsAxis-line{stroke:#fff!important}.MuiChartsAxis-directionX .MuiChartsAxis-tickContainer:first-of-type,.MuiLineElement-root{visibility:hidden}.MuiChartsGrid-root line{stroke:#ffffff80!important}.stacked-legendR{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px;margin-top:-20px;padding-left:25px}@media(orientation:landscape)and (max-width:890px){.stacked-legendR{column-gap:8%;width:96%}}.stacked-legendR .legend-member{align-items:center;display:flex;flex-direction:row;gap:10.4px}.stacked-legendR .legend-member .legend-circle{border:1px solid #fff;border-radius:100%;height:17px;width:17px}.stacked-legendR .legend-member span{color:#fff;font-size:11px;font-weight:700}.simple-bar-chartR{display:flex;height:66.75%;justify-content:center;margin-top:10%;position:relative;width:100%}.simple-bar-chartR .line-wrapper{align-items:center;display:grid;grid-template-columns:10% 90%;left:7%;position:absolute;top:0;width:86%}.simple-bar-chartR .line-wrapper:nth-child(2){top:25%}.simple-bar-chartR .line-wrapper:nth-child(3){top:50%}.simple-bar-chartR .line-wrapper:nth-child(4){top:75%}.simple-bar-chartR .line-wrapper:nth-child(5){top:100%}.simple-bar-chartR .line-wrapper span{color:#fff;font-size:11px;font-weight:700;position:relative;right:10px;text-align:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.simple-bar-chartR .line-wrapper div{background-color:#fff;height:1px;width:100%}.simple-bar-chartR .tank-wrapper{align-items:flex-end;bottom:-7px;display:flex;flex-direction:row;gap:17.7px;height:100%;left:6%;position:relative}.simple-bar-chartR .tank-wrapper .cold-tank,.simple-bar-chartR .tank-wrapper .hot-tank{align-items:center;background-color:#88b04f;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:center;transition:all .3s;width:92px}.simple-bar-chartR .tank-wrapper .cold-tank{background-color:#203c5b}.simple-bar-chartR .tank-wrapper span{color:#fff;font-size:11px;font-weight:700}.simple-bar-chartR .label-wrapper{bottom:-36px;display:flex;flex-direction:row;gap:17.7px;padding-left:11%;position:absolute}.simple-bar-chartR .label-wrapper span{color:#fff;font-size:13.853px;font-weight:700;text-align:center;width:92px}
/*# sourceMappingURL=main.84749eef.css.map*/