#main-container{grid-column-gap:16px;grid-row-gap:16px;align-items:center;display:grid;grid-template-columns:repeat(3,.5fr) 1.5fr 2fr;grid-template-rows:repeat(9,1fr);height:93vh;width:100vw}#cons-btn{grid-area:1/1/2/2}#cons-btn,#prod-btn{margin-bottom:-.5rem}#prod-btn{grid-area:1/2/2/3}#res-btn{grid-area:1/3/2/4;margin-bottom:-.5rem}#country-list{grid-area:1/4/2/5;margin-bottom:-.5rem}#year-range-container{grid-column-gap:12px;align-items:center;display:grid;grid-area:1/5/2/6;grid-template-columns:1fr 12fr 1fr;margin-bottom:-.5rem}#map-container{grid-area:2/1/7/5}#curve-container{grid-area:7/1/10/5}#pie-chart-container{grid-area:2/5/6/6}#mix-chart-container{align-items:center;display:flex;flex-direction:column;grid-area:6/5/10/6;height:100%;width:100%}#mix-title{margin-bottom:1.5rem}#map-title-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}#report-container{margin-top:20px}hr{border-top:1px solid #d5dce2;margin:0}#country-list-box{max-height:16rem;overflow-y:scroll}.energy-btn{border:none}.energy-btn:hover{background-image:linear-gradient(rgb(0 0 0/30%) 0 0)}#cons-btn{background-color:#2a5c9d}#prod-btn{background-color:#238358}#res-btn{background-color:#dc7830}#map-deselect-btn{width:fit-content}img{box-shadow:0 0 9px 4px rgba(0,0,0,.1);display:block;margin:1rem auto}.map-background{fill:transparent}.map-tooltip{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:3px 3px 10px 0 rgba(0,0,0,.25);font-size:.8em;padding:7px;pointer-events:none;position:absolute;white-space:pre-line}.label-text{stroke-width:2px}