@font-face{font-family:"BabelStone Flags";src:url("../fonts/BabelStoneFlags_4.09.woff2") format("woff2"),url("../fonts/BabelStoneFlags_4.09.woff") format("woff")}.emoji{font-family:'Fluent Emoji Color','Rubik',sans-serif}body{overflow:hidden;margin:0;height:100vh;font-family:'Rubik',sans-serif;font-variant-numeric:tabular-nums;background-color:white}input,button,select{font-family:'Rubik',sans-serif;font-variant-numeric:tabular-nums}button,input,label,select,a.button{-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1);cursor:pointer}.flags{font-family:'BabelStone Flags'}label{white-space:nowrap}#navbar{margin:0;padding:10px 20px;height:55px;background-color:#eff2f7}#navbar-left{float:left;display:flex}#navbar-left img{height:74px;box-sizing:border-box;margin:-9px 0 0 -10px}#navbar-left h1{margin:0;font-family:'Josefin Sans',sans-serif;font-weight:700;line-height:1.2}.pride-text{background:repeating-linear-gradient(to bottom,red 0,red 15.5%,orange 15.5%,orange 27%,#ffe100 27%,#ffe100 38.5%,green 38.5%,green 50%,blue 50%,blue 61.5%,violet 61.5%,violet 100%);background-clip:text;-webkit-text-fill-color:transparent}#navbar-left p{margin:0;text-wrap:nowrap}#navbar-right{float:right;display:flex;place-items:center;height:100%}#navbar-right div{margin-left:30px}#navbar-right div a{text-decoration:none;font-family:'Josefin Sans',sans-serif;font-weight:500;font-size:large}#language_dropdown_container{background-size:auto 18px;background-repeat:no-repeat;background-position-x:5px;background-position-y:center;border-radius:5px}#language_dropdown_container::before{font-family:"BabelStone Flags";position:relative;left:5px;top:3px;display:inline-block;width:0;font-size:14pt;pointer-events:none}#language_dropdown{padding:5px 10px 5px 35px;border-radius:5px;background:rgba(255,255,255,0)}.flag-EN::before{content:"🇬🇧"}.flag-EN #language_dropdown{padding-left:38px}.flag-DE::before{content:"🇩🇪"}.flag-DE #language_dropdown{padding-left:33px}.flag-FR::before{content:"🇫🇷"}.flag-FR #language_dropdown{padding-left:30px}#hamburger-menu{display:none;position:absolute;right:15px;top:24px;height:27px;width:15px;text-decoration:none;border:0;background-color:rgba(0,0,0,0);font-weight:900;font-size:larger;z-index:1100;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}#hamburger-menu span{display:block;position:absolute;height:3px;width:100%;background-color:#333;border-radius:2px;opacity:1;left:0;transition:all .3s ease}#hamburger-menu span:nth-child(1){top:6px}#hamburger-menu span:nth-child(2){top:12px}#hamburger-menu span:nth-child(3){top:18px}#hamburger-menu.active span:nth-child(1){transform:rotate(45deg);top:12px;width:120%;margin-left:-10%}#hamburger-menu.active span:nth-child(2){opacity:0}#hamburger-menu.active span:nth-child(3){transform:rotate(-45deg);top:12px;width:120%;margin-left:-10%}#content{margin:0;width:100%;height:calc(100% - 75px);overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}#regions_chart{width:49%;height:calc(100vh - 75px)}#noscript_info{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;height:100%}#regions_chart svg image{transition:width 500ms,height 500ms}#right_part{width:calc(51% - 15px);margin-right:15px;height:100%}#right_part_container{margin:10px 0;padding-bottom:10px;display:flex;flex-direction:column;height:calc(100% - 20px)}#chart_container{flex-grow:1;height:calc(100% - 154px)}#chart_container_close_button{position:fixed;padding:2px 7px 5px 7px;background-color:#eff2f7;text-align:center;top:85px;left:10px;display:none;z-index:100;cursor:pointer}#emissions_chart{height:100px;width:100%;float:left;display:flex;flex-direction:row;position:relative}#emissions_chart button{min-width:12%;height:100%;background:#f7f9fc;border:0;border-bottom:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}#emissions_chart button:hover{background:#eff2f7}#emissions_chart button.active{height:103px;z-index:99;border:3px solid #eff2f7;border-bottom:0;background:white;cursor:initial}#emissions_chart button.inactive span{opacity:.3}#emissions_chart button span.select-symbol{font-size:3em}#emissions_chart button span{width:100%;overflow:hidden;text-overflow:ellipsis}#generation_chart{height:calc(100% - 110px);width:100%;float:left;display:block;position:relative;border:3px solid #eff2f7}.highcharts-credits a,a:link,a:visited{color:#000;fill:#000}.highcharts-tooltip-container{z-index:2001 !important}#timeSlider{height:fit-content}#timeSliderInner{display:flex}#timeSliderBwd{width:1.5em;margin-right:-1.5em;transform:translateX(-100%);text-align:center;text-decoration:none}#timeSliderFwd{width:1.5em;margin-left:-1.5em;transform:translateX(100%);text-align:center;text-decoration:none}#timeSlider input{width:100%;padding:0;margin:0;cursor:pointer}#timeSlider p{margin-top:0}#timeSliderReset{text-decoration:none;line-height:0}#selections{height:fit-content;display:flex;flex-direction:row}#selections div{display:flex;flex-direction:column;vertical-align:top;margin-right:30px;width:fit-content}#selections div div{margin-right:0;margin-bottom:0;display:flex;flex-direction:row;width:100%}#selections div div button,input[type=text],label,select{margin-right:3px;margin-top:1.5px;margin-bottom:1.5px;cursor:pointer}#selections div div input[type=text]{width:190px}#selections div div select{width:198px;height:21px}#range72h,#range168h{width:62px}#range336h{width:68px}#range30d,#range90d,#range24m,#range60m{width:66px}#range365d,#rangeMax{width:60px}#calendarIcon{width:0;transform:translateX(-25px);pointer-events:none}.button-cancel,.button-apply{cursor:pointer}.overlay-button{display:none}#tour-overlay{visibility:hidden;position:absolute;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,.5);z-index:2000}.tour-highlight{z-index:2001 !important;background:white}.tour-part{visibility:hidden;width:90%;max-width:440px;box-sizing:border-box;height:fit-content;background:white;position:absolute;z-index:2002;box-shadow:1px 1px 10px 0 rgba(0,0,0,0.5);top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px}.tour-part h3{margin-top:0;font-family:'Josefin Sans',sans-serif}.tour-close-button{position:absolute;right:20px;top:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.tour-part p{margin-top:0}.tour-part img{width:100%;margin-bottom:16px}.tour-back-button{position:absolute;left:20px;bottom:15px;cursor:pointer;transform:scaleX(-100%);-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.tour-next-button{position:absolute;right:20px;bottom:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}@media(max-width:1500px),(max-height:920px){#chart_container{height:calc(100% - 51px)}#selections{flex-direction:column}#selections div{margin-bottom:15px}.hide-on-landscape{display:none}.overlay-button{display:block;position:fixed;bottom:10px;right:10px;background-color:#eff2f7;border:0;border-radius:5px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);z-index:1100}.overlay-content{display:none;position:fixed;bottom:10px;right:10px;background-color:white;border:0;border-radius:5px;margin-left:initial;padding:10px;z-index:1000;max-width:300px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.6)}}@media(max-width:1080px){#navbar-left img{display:none}}@media(max-width:1000px){#navbar{padding:10px}#navbar-right{flex-direction:column;align-items:start;background-color:#eff2f7;z-index:1000;border-radius:5px;position:absolute;right:5px;top:17px;padding:8px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);height:fit-content}#navbar-right div{min-height:27px;margin:5px 0 0 0}#navbar-right div a{font-size:larger}#hamburger-menu{display:initial}#content{flex-direction:column;height:fit-content}#regions_chart{width:100vw;height:calc(100vh - 175px);height:calc(100dvh - 175px)}#right_part{width:fit-content;margin-right:0;height:fit-content}#chart_container{position:fixed;top:75px;left:0;width:100vw;height:calc(100vh - 75px);overflow-y:scroll;z-index:-10;display:none;background-color:white}#emissions_chart button{min-width:10%;flex-direction:row;justify-content:start;align-items:center;writing-mode:vertical-rl;text-orientation:sideways;transform:rotate(180deg)}#emissions_chart button span{width:max-content;padding-bottom:2px}#emissions_chart button span.select-symbol{font-size:initial}#emissions_chart button.active{min-width:25%;flex-direction:column;justify-content:center;align-items:initial;writing-mode:initial;text-orientation:initial;transform:none}#emissions_chart button.active span{width:initial;padding-bottom:0}#emissions_chart button.active span.select-symbol{font-size:3em}#generation_chart{height:80vh;margin-bottom:100px}#language_dropdown{width:55px}#timeSlider{margin:0 5%}#selections{flex-direction:column}#selections div{margin-bottom:15px}.hide-on-landscape{display:none}.overlay-button{display:block;position:fixed;bottom:10px;right:10px;background-color:#eff2f7;border:0;border-radius:5px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);z-index:1100}.overlay-content{display:none;position:fixed;bottom:10px;right:10px;background-color:white;border:0;border-radius:5px;margin-left:initial;padding:10px;z-index:1000;max-width:300px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.6)}#tour-part2{top:auto;bottom:5%;left:50%;transform:translate(-50%,0)}#tour-part3{top:auto;bottom:5%;left:50%;transform:translate(-50%,0)}#tour-part4{top:auto;bottom:5%;left:50%;transform:translate(-50%,0)}#tour-part5{top:auto;bottom:5%;left:50%;transform:translate(-50%,0)}#tour-part6{top:auto;bottom:5%;left:50%;transform:translate(-50%,0)}#tour-part7{top:5%;left:50%;transform:translate(-50%,0)}#tour-part8{top:5%;left:50%;transform:translate(-50%,0)}#tour-part9{top:5%;left:50%;transform:translate(-50%,0)}}@media(max-height:500px){body{overflow-y:scroll}#regions_chart{width:100vw;height:100vh}#chart_container{position:absolute;overflow-y:initial}#emissions_chart button{min-width:6%}#emissions_chart button.active{min-width:15%}#generation_chart{height:100vh;margin-bottom:0;padding-bottom:40px}#tour-overlay{position:fixed}.tour-part{position:fixed;max-width:90%}#tour-part5{top:50%;left:5%;transform:translate(0,-50%);max-width:40%}#tour-part6{top:50%;left:5%;transform:translate(0,-50%);max-width:40%}#tour-part8{top:50%;left:5%;transform:translate(0,-50%);max-width:40%}}