.project-bar,.baseline-bar,.emissions-bar{opacity:.9}.chart-title{font-weight:700;font-size:var(--font-size-sm)}.y-axis-label,.x-axis-label{font-size:var(--font-size-xxs)}.x-axis .tick line,.y-axis .tick line{stroke:var(--light-grey)}.x-axis,.y-axis{font-size:var(--font-size-xxs)}circle:hover{stroke:var(--matte-black);stroke-width:2}.project-bar:hover{stroke:var(--matte-black);stroke-width:2;opacity:1}.tooltip{min-width:150px;max-width:250px;padding:5px}.tooltip-header{display:flex;align-items:center}.tooltip h4{text-align:left;padding:10px 10px 5px;font-size:var(--font-size-xs)}.tooltip h5{font-size:var(--font-size-xs);padding:0 10px 5px;color:var(--matte-black)}.tooltip h6{padding:0 10px 5px;font-size:var(--font-size-sm)}.tooltip-label{font-size:var(--font-size-xxs)}.tooltip-unit{font-size:var(--font-size-xxxs)}.tooltip-color{min-width:1.25rem;min-height:1.25rem;margin-right:.5rem;border-radius:2px}.value-above{font-size:var(--font-size-xxs)}@media (max-width: 550px){.y-axis-label,.x-axis-label,.x-axis,.y-axis{font-size:var(--font-size-xxxs)}.value-above{display:none}}@media (max-width: 1200px){.chart-title{font-size:var(--font-size-xxs)}.y-axis-label,.x-axis-label,.value-above{font-size:var(--font-size-xxxs)}}.kpi-container{column-gap:1.5rem;row-gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));padding:1rem 2.5rem}.kpi-circle{font-size:var(--font-size-sm);background-color:var(--white);border-radius:5px;border:1px solid var(--matte-black)}.emissions-per-cost-container{text-align:center;padding:.75rem;display:flex;justify-content:space-evenly}.emissions-per-cost{font-size:var(--font-size-lg)}.emissions-per-cost i{font-size:var(--font-size-md)}.emissions-per-cost-unit{font-size:var(--font-size-xs)}.totals-values-wrapper{background-color:var(--lighter-grey);border-radius:0 0 5px 5px}.totals-values-container{display:flex;justify-content:space-evenly;align-items:center}.totals-header{font-size:var(--font-size-xs);white-space:nowrap}.totals-value{font-size:var(--font-size-sm)}.totals-value span{font-size:var(--font-size-xxxs)}.totals-percent i{font-size:var(--font-size-xs)}.kpi-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center}.kpi-table td{padding:.75rem .5rem;border:1px solid black;border-left:none;border-right:none}.kpi-table tr:first-child td{border-top:none}.kpi-table tr:last-child td{border-bottom:none}.kpi-table td:first-child{border-left:none}.kpi-table td:last-child{border-right:none}.kpi-table td:first-child{text-align:left}.kpi-table td:nth-child(3){text-align:right}.sidebar{width:0;transition:width .3s ease;resize:horizontal;overflow:hidden;height:100vh;background-color:#f4f4f4;position:fixed;top:0;left:0;box-shadow:2px 0 5px #0000001a;z-index:3}.sidebar.open{width:450px;transition:width .3s ease;overflow:auto}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;visibility:hidden;transition:opacity .3s ease,visibility .5s ease;background-color:#00000080;pointer-events:none}.overlay.active{opacity:1;visibility:visible;pointer-events:auto}.header-container{position:sticky;top:0;z-index:2}.refinery-dropdown-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--blue)}.refinery-header{font-size:var(--font-size-sm);color:var(--white);margin-bottom:.25rem}.logo{width:70px;border-radius:5px}.sidebar-button{padding:.75rem;background-color:var(--white);color:var(--blue);border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.sidebar-button i{font-size:var(--font-size-md)}.sidebar-button:hover{background-color:var(--lighter-grey);color:var(--white)}.select-all-container{display:flex;align-items:center;padding:0rem 1.5rem 1rem;gap:10px;color:var(--white);background-color:var(--blue)}.select-all-container input[type=checkbox]:checked{background-color:var(--white);border-color:var(--white)}.checkbox-wrapper-8 .tgl{display:none}.checkbox-wrapper-8 .tgl,.checkbox-wrapper-8 .tgl:after,.checkbox-wrapper-8 .tgl:before,.checkbox-wrapper-8 .tgl *,.checkbox-wrapper-8 .tgl *:after,.checkbox-wrapper-8 .tgl *:before,.checkbox-wrapper-8 .tgl+.tgl-btn{box-sizing:border-box}.checkbox-wrapper-8 .tgl::-moz-selection,.checkbox-wrapper-8 .tgl:after::-moz-selection,.checkbox-wrapper-8 .tgl:before::-moz-selection,.checkbox-wrapper-8 .tgl *::-moz-selection,.checkbox-wrapper-8 .tgl *:after::-moz-selection,.checkbox-wrapper-8 .tgl *:before::-moz-selection,.checkbox-wrapper-8 .tgl+.tgl-btn::-moz-selection,.checkbox-wrapper-8 .tgl::selection,.checkbox-wrapper-8 .tgl:after::selection,.checkbox-wrapper-8 .tgl:before::selection,.checkbox-wrapper-8 .tgl *::selection,.checkbox-wrapper-8 .tgl *:after::selection,.checkbox-wrapper-8 .tgl *:before::selection,.checkbox-wrapper-8 .tgl+.tgl-btn::selection{background:none}.checkbox-wrapper-8 .tgl+.tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-wrapper-8 .tgl+.tgl-btn:after,.checkbox-wrapper-8 .tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.checkbox-wrapper-8 .tgl+.tgl-btn:after{left:0}.checkbox-wrapper-8 .tgl+.tgl-btn:before{display:none}.checkbox-wrapper-8 .tgl:checked+.tgl-btn:after{left:50%}.checkbox-wrapper-8 .tgl-skewed+.tgl-btn{overflow:hidden;transform:skew(-10deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .2s ease;font-family:sans-serif;background:#888}.checkbox-wrapper-8 .tgl-skewed+.tgl-btn:after,.checkbox-wrapper-8 .tgl-skewed+.tgl-btn:before{transform:skew(10deg);display:inline-block;transition:all .2s ease;width:100%;text-align:center;position:absolute;line-height:2em;font-weight:700;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4)}.checkbox-wrapper-8 .tgl-skewed+.tgl-btn:after{left:100%;content:attr(data-tg-on)}.checkbox-wrapper-8 .tgl-skewed+.tgl-btn:before{left:0;content:attr(data-tg-off)}.checkbox-wrapper-8 .tgl-skewed+.tgl-btn:active{background:#888}.checkbox-wrapper-8 .tgl-skewed+.tgl-btn:active:before{left:-10%}.checkbox-wrapper-8 .tgl-skewed:checked+.tgl-btn{background:#86d993}.checkbox-wrapper-8 .tgl-skewed:checked+.tgl-btn:before{left:-100%}.checkbox-wrapper-8 .tgl-skewed:checked+.tgl-btn:after{left:0}.checkbox-wrapper-8 .tgl-skewed:checked+.tgl-btn:active:after{left:10%}.carousel-buttons{text-align:center}.carousel-button{background-color:var(--blue-faded);color:var(--white);font-size:var(--font-size-xxs);border:none;padding:.75rem;cursor:pointer;border-radius:10px}.carousel-button:hover{background-color:var(--blue)}.carousel-buttons.next{padding:0rem 1rem 1rem}.carousel-buttons.prev{padding:1rem 1rem 0rem}.projects-container{display:flex;flex-direction:column;background-color:#f4f4f4;border-right:1px solid var(--grey);height:100%}.project-button-container{display:flex;flex-direction:column;flex-grow:1;align-self:flex-start;gap:.75rem;padding:1rem}.project-button{display:flex;min-height:6.75rem;color:var(--matte-black);background-color:var(--white);border-radius:5px;border:1px solid var(--matte-black);box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.project-label{width:100%;display:flex;align-items:stretch;cursor:pointer}.project-details{display:flex;flex-direction:column;justify-content:space-between;flex:5}.project-name{font-weight:700;padding:.75rem .25rem 0rem .75rem}.project-sub-details{display:flex;flex-direction:column;background-color:var(--lighter-grey);padding:.25rem 1.25rem;border-radius:0 0 0 5px}.project-checkbox{display:flex;justify-content:center;align-items:center;padding:.75rem;flex:1;border-radius:0 5px 5px 0;border-left:1px solid var(--matte-black);transition:all .3s ease;z-index:1}.project-checkbox-closed{border:1px solid var(--matte-black);box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.project-checkbox-closed input[type=checkbox]{z-index:0}.implementation-year{font-size:var(--font-size-xxs)}.refinery-name{font-size:var(--font-size-xxs);font-style:italic}.sidebar-container{display:flex;flex-direction:column;background-color:var(--blue-faded)}.sidebar-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 1rem 1.5rem}.project-checkbox-closed{display:flex;justify-content:center;padding:1rem;border-radius:10px;cursor:pointer}.project-checkbox-closed{position:relative;display:inline-block}.checkbox-wrapper:hover .sidebar-checkbox-tooltip{opacity:1}.tooltip-text{visibility:hidden;overflow:visible;background-color:var(--white);color:var(--matte-black);border:1px solid var(--matte-black);font-weight:700;padding:1rem;border-radius:5px;font-size:var(--font-size-xs);white-space:nowrap;position:absolute;z-index:4;bottom:10.5px;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none}.project-checkbox-closed:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(30px) translateY(0)}.project-checkbox.active,.project-checkbox-closed.active,.project-button:hover .project-checkbox,.project-button:hover .project-checkbox-closed,.project-checkbox-closed:hover{background-color:var(--active-bg-color);color:var(--matte-black)}@supports (-webkit-appearance: none) or (-moz-appearance: none){.project-checkbox input[type=checkbox],.project-checkbox-closed input[type=checkbox]{--active: #fdfdfd;--active-inner: var(--matte-black);--focus: 2px rgba(39, 94, 254, .3);--border: var(--matte-black);--border-hover: #275EFE;--background: #fff;--disabled: #F6F8FF;--disabled-inner: #E1E6F9;-webkit-appearance:none;-moz-appearance:none;height:40px;width:40px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--border);background:var(--b, var(--background));transition:background .3s,border-color .3s,box-shadow .2s}.project-checkbox input[type=checkbox]:after,.project-checkbox-closed input[type=checkbox]:after{content:"";display:block;position:absolute;width:10px;height:20px;border:3px solid var(--active-inner);border-top:0;border-left:0;top:8px;left:15px;transform:rotate(43deg);opacity:0;transition:opacity .2s ease}.project-checkbox input[type=checkbox]:checked:after,.project-checkbox-closed input[type=checkbox]:checked:after{opacity:1}.project-checkbox input[type=checkbox]:checked,.project-checkbox-closed input[type=checkbox]:checked{--b: var(--active);--bc: var(--active)}.project-checkbox input[type=checkbox]:not(.switch),.project-checkbox-closed input[type=checkbox]:not(.switch){border-radius:7px}.project-checkbox input[type=checkbox]:disabled,.project-checkbox-closed input[type=checkbox]:disabled{--b: var(--disabled);cursor:not-allowed;opacity:.9}}:root{--white: #fdfdfd;--black: #0e0e0e;--matte-black: #28282b;--light-grey: #c2c2c2;--lighter-grey: rgba(203, 201, 201, .7);--grey: #a7a3a3;--blue: #002395;--blue-faded: rgba(0, 35, 149, .7);--green: rgba(0, 158, 115, .5);--light-blue: #00A1DE;--red: #a71930;--primary-font: "Montserrat", sans-serif;--secondary-font: "Poppins", sans-serif;--font-size-lg: clamp(1.5rem, .9vw + 1.2rem, 1.8rem);--font-size-md: clamp(1.1rem, .6vw + 1.1rem, 1.5rem);--font-size-sm: clamp(1rem, .3vw + 1rem, 1.1rem);--font-size-xs: clamp(.8rem, .1vw + .8rem, 1rem);--font-size-xxs: clamp(.8rem, 0vw + .8rem, .8rem);--font-size-xxxs: clamp(.7rem, 0vw + .7rem, .7rem)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--primary-font);background-color:var(--light-grey);height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul{margin:0}.app-container{display:flex;height:100vh;margin:0 auto}.app-content{width:100%;overflow-y:auto}.section-container{flex:1;display:flex;flex-direction:column;overflow-y:auto}.projects-header-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background-color:var(--blue-faded);padding:1.5rem 1rem}.projects-header{color:var(--white);font-size:var(--font-size-md)}.display-message{display:flex;justify-content:center;align-items:start;padding:15rem;height:100%;font-size:var(--font-size-lg);color:var(--blue);background-color:var(--white)}.dropdown{min-width:200px;padding:.5rem;font-size:var(--font-size-sm);border-radius:5px;cursor:pointer}.dropdown-container{display:flex;justify-content:end;align-items:center;gap:.5rem;background-color:#f4f4f4;border-bottom:1px solid var(--grey);padding:.75rem 1rem}.dropdown-container h3{font-size:var(--font-size-xs)}.chart-section div{flex:1}.section{flex:1;background-color:var(--white)}.chart-section,.totals-section{display:flex;flex-wrap:wrap;padding:1rem}.chart-section div,.chart-container{max-height:500px;min-width:400px}.kpi-heading{font-size:var(--font-size-sm);background-color:var(--blue-faded);color:var(--white);padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 550px){.chart-section{padding:0}.chart-section div{max-height:200px}}@media (max-width: 1200px){.chart-section{max-height:100%}.chart-section div{max-height:400px}}@media (min-width: 1380px){.app-container{padding:0;max-width:1600px}}@media (min-width: 1980px){.app-container{max-width:1980px}}