*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:#4178ac}a:hover{cursor:pointer;text-decoration:underline}body,html{margin:0!important;padding:0!important;font-family:Open Sans,sans-serif;-webkit-transition:background-color .8s;transition:background-color .8s;overflow:hidden}body{height:99.9%}.all-screens-hidden{display:none!important}@media (min-width:768px){.large-screen-hidden{display:none!important}}@media (max-width:767px){.small-screen-hidden{display:none!important}}hr{background-color:#efefef;color:#efefef;border:none;height:1px}line,path{vector-effect:non-scaling-stroke}.axis line,.axis path{shape-rendering:crispEdges}.flag{vertical-align:middle}.sub{top:.8ex}.sub,.sup{position:relative;font-size:60%}.sup{top:-.8ex}.pro{border-radius:.25rem;background-color:gold;color:#4c4c4c;font-weight:700;padding:.2rem;font-size:.8em;margin-left:.4em;line-height:.8em;margin-bottom:.2em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.pro .material-icons{font-size:inherit;margin-right:.1em}div::-webkit-scrollbar{position:relative;width:6px}div::-webkit-scrollbar-track-piece{background:#efefef;border-radius:3px}div::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:3px}@-webkit-keyframes appear-from-top{0%{top:-40px}15%,85%{top:0}to{top:-40px}}@keyframes appear-from-top{0%{top:-40px}15%,85%{top:0}to{top:-40px}}#mobile-header #electricitymap-logo{background-image:url(../images/electricitymap-logo.svg);background-size:cover}#mobile-header .logo .image{display:inline-block;height:21px;width:139px;margin-right:4px;margin-top:1.5px}@media (max-width:767px){#mobile-header{min-height:50px;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.1);box-shadow:0 0 12px 0 rgba(0,0,0,.1);z-index:999}#mobile-header .header-content{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;font-size:1rem;height:50px;padding:13px 15px;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}#mobile-header .header-content,#mobile-header .header-content .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#mobile-header .header-content .right-header{font-size:.6em}}@media (max-width:767px){#footer{display:table-cell}}#tab{position:relative;background-color:#fafafa;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.1);box-shadow:0 0 12px 0 rgba(0,0,0,.1);z-index:2;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}@media (min-width:768px){#tab{display:none}}#tab #tab-content .list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:50%;font-size:12px;padding-bottom:10px;padding-top:8px;font-family:Open Sans,sans-serif;-webkit-transition:padding-top .4s;transition:padding-top .4s;font-family:Euclid Triangle,Open Sans,sans-serif}#tab #tab-content .list-item img{-webkit-filter:brightness(0) invert(.5);filter:brightness(0) invert(.5)}#tab #tab-content .list-item.active{color:#000;font-size:14px;padding-top:6px}#tab #tab-content .list-item.active img{-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0)}#tab #tab-content a{color:rgba(0,0,0,.5)}#tab #tab-content a .tab-label{font-size:12px}#tab #tab-content a .tab-icon-custom{width:24px;height:24px}#tab #tab-content a:hover{color:#000;text-decoration:none}#tab #tab-content i{font-size:24px}#tab-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:56px}.mobile-info-tab{padding:1rem;line-height:normal!important;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}@media (min-width:768px){.mobile-info-tab{padding-top:.5rem}}.mobile-info-tab .info-text p,.mobile-info-tab p{margin:.6rem 0}.info-text p{margin:.4rem 0;line-height:1.2rem}.panel{background-color:#efefef;color:#000;font-size:.8rem}#left-panel-collapse-button{left:100%;top:.5rem;position:absolute;cursor:pointer;background-color:#fafafa;width:1.5rem;height:3rem;color:#000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:6px 2px 10px -3px rgba(0,0,0,.1);box-shadow:6px 2px 10px -3px rgba(0,0,0,.1);outline:0}#left-panel-collapse-button i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#left-panel-collapse-button.collapsed i{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@media (max-width:767px){#left-panel-collapse-button{display:none}}.left-panel{color:#000;padding:0;width:calc(14vw + 16rem);background-color:#fafafa;position:absolute;-webkit-box-shadow:0 24px 15px rgba(0,0,0,.2);box-shadow:0 24px 15px rgba(0,0,0,.2);z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform .4s,-webkit-box-shadow .4s;transition:-webkit-transform .4s,-webkit-box-shadow .4s;transition:transform .4s,box-shadow .4s;transition:transform .4s,box-shadow .4s,-webkit-transform .4s,-webkit-box-shadow .4s}.left-panel.collapsed{-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-box-shadow:0 24px 15px transparent;box-shadow:0 24px 15px transparent}.left-panel h1{line-height:1.3;color:#000;font-size:1.6em;margin:0}.left-panel>svg{display:block}.left-panel.text{color:#000}.left-panel .title{font-size:1.3rem;font-family:Euclid Triangle,Open Sans,sans-serif}.left-panel .axis .tick line{shape-rendering:auto;stroke:#d3d3d3;stroke-width:1}.left-panel .axis .label,.left-panel .axis .tick text{fill:grey;font-size:.6rem}.left-panel .axis .label{text-anchor:middle;font-weight:regular}.left-panel .axis path.domain{fill:none;shape-rendering:auto;stroke:#d3d3d3}.left-panel .country-spot-price{width:100%}.left-panel .country-gauge-wrap{width:64px;height:64px;margin-left:auto;margin-right:auto}@media (min-width:768px){.left-panel{height:100%}}@media (max-width:767px){.left-panel{padding-bottom:0;position:relative;width:100%}}.left-panel-toolbar,.left-panel-zone-details-toolbar{position:relative;padding:1rem 1.25rem}#left-panel-highscore-back,.left-panel-toolbar .left-panel-toolbar-back{line-height:1;cursor:pointer;font-size:1rem;padding:.2rem;right:0;top:0;position:absolute}#left-panel-highscore-back:hover,.left-panel-toolbar .left-panel-toolbar-back:hover{color:#fff}.left-panel-back-button{cursor:pointer;font-size:1.3rem;position:absolute;left:1.25rem}.left-panel-back-button:hover{color:#fff}.left-panel-zone-details .country-name,.left-panel .left-panel-toolbar-title{font-family:Euclid Triangle,Open Sans,sans-serif;font-size:1.2rem;line-height:1.5rem}.left-panel-toolbar-right-placeholder{width:2.875rem}.left-panel-zone-details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1.2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:hidden}@media (max-width:767px){.left-panel-zone-details .detail-bottom-section{padding:0}}@media (max-width:767px){.left-panel-zone-details-toolbar{position:relative;padding:1rem 1.25rem .5rem}}@media (max-width:767px){.left-panel-welcome{display:none}}@media (max-width:767px){.detail-bottom-section{position:fixed;bottom:54px;width:100%;z-index:999}}label[for=checkbox-colorblind]{font-size:smaller}#map-container{position:absolute;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:767px){#map-container{width:100%;height:100%}}#map-container .zone-map{height:100%}#map-container :focus{outline-width:0}#inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.tooltip{border:1px solid #d3d3d3;background-color:#fafafa;color:#000;padding:12px;position:absolute;top:0;left:0;z-index:100;border-radius:5px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}#country-tooltip .zone-details>div,#country-tooltip .zone-name-header{margin-bottom:5px}#country-tooltip .country-col:not(:first-of-type){margin-left:1.25rem}@media (max-width:767px){#country-tooltip.country-tooltip-visible{display:none}}#exchange-tooltip .flow,.country-spot-price,.emission-intensity,.fossil-fuel-percentage{font-weight:700}.emission-rect{display:inline-block;width:8px;height:8px}.circular-gauge .background{fill:#efefef}.circular-gauge .foreground{fill:#78cde8}.mapboxgl-zoom-controls{right:16px!important;top:69px!important;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:767px){.mapboxgl-zoom-controls{top:66px!important}}.mapboxgl-zoom-controls:hover{-webkit-box-shadow:2px 0 20px 0 rgba(0,0,0,.25)!important;box-shadow:2px 0 20px 0 rgba(0,0,0,.25)!important}.mapboxgl-zoom-controls .mapboxgl-ctrl{border-radius:6px!important;-webkit-box-shadow:none!important;box-shadow:none!important}.mapboxgl-zoom-controls button{width:35px!important;height:35px!important;background-size:100% 100%;-webkit-transition:background-color .4s;transition:background-color .4s}.layer-buttons-container{position:absolute;right:16px;top:151px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.layer-buttons-container>div{position:relative}@media (max-width:767px){.layer-buttons-container{top:148px}}.layer-button{background-color:#fafafa;border-radius:6px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15);width:35px;height:35px;margin-bottom:10px;background-repeat:no-repeat;background-position:50%;background-size:58% 57%;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s;transition:all .4s}.layer-button:hover{background-color:#fff;-webkit-box-shadow:2px 0 20px 0 rgba(0,0,0,.25);box-shadow:2px 0 20px 0 rgba(0,0,0,.25)}.controls-container{position:absolute;top:20px;right:16px}@media (max-width:767px){.controls-container{top:16px}}.layer-button-tooltip{position:absolute;left:-168px;width:150px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;top:4px;visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .4s,visibility .4s,-webkit-transform .4s;transition:opacity .4s,visibility .4s,-webkit-transform .4s;transition:opacity .4s,visibility .4s,transform .4s;transition:opacity .4s,visibility .4s,transform .4s,-webkit-transform .4s}.layer-button-tooltip,.layer-button-tooltip .tooltip-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.layer-button-tooltip .tooltip-text{background-color:#fafafa;color:#000;border-radius:4px;text-align:center;font-size:.9rem;padding:5px 10px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.layer-button-tooltip .arrow{display:none;width:0;height:0;border-color:transparent transparent transparent #fafafa;border-style:solid;border-width:7.5px 0 7.5px 10px}.layer-button-tooltip.hidden{visibility:hidden;opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}#language-select-container{background-color:#fafafa;color:#000;border-radius:4px;font-size:.9rem;padding:5px 10px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15);position:absolute;left:-184px;width:150px;top:4px;visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .4s,visibility .4s,-webkit-transform .4s;transition:opacity .4s,visibility .4s,-webkit-transform .4s;transition:opacity .4s,visibility .4s,transform .4s;transition:opacity .4s,visibility .4s,transform .4s,-webkit-transform .4s}#language-select-container.hidden{visibility:hidden;opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}#language-select-container li{margin:0;padding:0;list-style:none}#language-select-container li:hover{cursor:pointer}.checkbox-container{display:block;position:relative;padding-left:28px;margin-bottom:14px;font-size:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:21px;width:21px;border-radius:6px;background-color:#eee}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:#074ddb}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:4px;width:4px;height:8px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.country-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden;margin:0;-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}@media (max-width:767px){.country-panel{display:block;overflow-y:scroll;-webkit-overflow-scrolling:touch;-moz-user-select:none;margin:0 0 60px}}.country-panel-wrap{overflow-y:scroll;padding:0 1.5rem}.country-panel-wrap .bysource{font-size:smaller;position:relative;top:.8rem}@media (max-width:767px){.country-panel-wrap{position:relative;padding-top:0;overflow:hidden}}.country-name-time{font-size:smaller;margin-left:25px}.country-name-time .flag{vertical-align:bottom;padding-right:.8rem}.country-name-time-table{display:table;margin-left:1.2rem}.country-time{white-space:nowrap}.country-table{width:100%}.country-table-container{width:100%;position:relative}.country-table-header{padding:0;left:0;background-color:#fafafa;z-index:4;border-bottom:1px solid #d3d3d3}@media (max-width:767px){.country-table-header{position:relative}}.country-table-header-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.country-history{position:relative;margin-top:1em}.country-history .material-icons{font-size:1rem}.country-history small{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.country-history svg{width:100%}.country-history svg:not(:last-child){margin-bottom:1.2em}.country-history .vertical-line{stroke:#d3d3d3;stroke-width:1;opacity:1}.country-history .horizontal-line{stroke:#d3d3d3;stroke-width:1;stroke-dasharray:5;opacity:.7}.country-history-title{font-size:1.1em}.country-col-headlines{padding-bottom:.5em}.country-col-headline{font-size:.85em;padding:.75em 0 0;line-height:1.25em;margin-top:auto;margin-bottom:auto}.country-col{text-align:center;width:33.3%}.country-col .country-col-headline+div{margin-top:.375rem}.country-col .country-col-subtext{margin-top:.375rem;font-size:.5rem;line-height:0}.country-col .country-col-box{margin:0 auto;font-size:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:4rem;height:4rem;color:#fff;border-radius:1rem}.country-col.country-lowcarbon-wrap .country-col-box,.country-col.country-renewable-wrap .country-col-box{border:1px solid #fff}.country-toggle-emissions{text-align:center;margin:1rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.country-toggle-emissions a{padding:.75rem 1.25rem;background:rgba(0,0,0,.1);border-radius:.25rem;text-transform:capitalize}.country-toggle-emissions a:hover{text-decoration:none;background:rgba(0,0,0,.2)}.country-show-emissions-wrap{margin:1.2rem 0 0;font-size:1.1em}.country-show-emissions-wrap .menu{font-size:smaller;text-align:center}.country-show-emissions-wrap .menu a{font-size:smaller}.country-show-emissions-wrap .menu a.selected{pointer-events:none;font-weight:700;font-size:larger}.zone-time-slider{bottom:0;height:65px;padding:.25rem 1rem;background:transparent;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #d3d3d3;text-align:center;overflow-y:visible}.zone-time-slider .time-slider-axis-container{width:100%;height:20px;margin:-6px 2px 0;overflow:visible}.zone-time-slider .domain{display:none}@media (max-width:767px){.zone-time-slider{padding-top:4px;background-color:#fafafa}}.time-slider-axis .tick{font-size:12px}.time-slider-axis .tick line{opacity:.5}.time-slider-input{-webkit-appearance:none;width:100%;margin-top:5px;height:26px;background:transparent;padding:0;overflow:visible;border:none}.time-slider-input:focus{outline:none}.time-slider-input::-webkit-slider-thumb{-webkit-appearance:none;height:26px;width:26px;border-radius:17px;background:#fff;cursor:pointer;margin-top:-8px;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.15);border:1px solid #d3d3d3}.time-slider-input:hover::-webkit-slider-thumb{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.time-slider-input::-webkit-slider-runnable-track{width:100%;height:12px;border-radius:4px;cursor:pointer;background:#efefef;-webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1)}.time-slider-input::-ms-track{width:100%;height:0;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}.time-slider-input::-ms-fill-lower,.time-slider-input::-ms-fill-upper{border:2px solid #d3d3d3;border-radius:2.6px}.time-slider-input::-ms-thumb{border:1px solid grey;height:25px;width:25px;border-radius:17px;background:#fff;cursor:pointer}.time-slider-input::-moz-range-thumb{height:24px;width:24px;border-radius:17px;border:none;background:#fff;cursor:pointer;-moz-transition:box-shadow .4s;transition:box-shadow .4s;box-shadow:0 0 5px 0 rgba(0,0,0,.15)}.time-slider-input:hover::-moz-range-thumb{box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.time-slider-input::-moz-range-track{width:100%;height:6px;cursor:pointer;background:#efefef;border-radius:3px;margin-left:10px;margin-right:10px}.left-panel-zone-list{padding:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;overflow-y:hidden}.left-panel-zone-list,.left-panel-zone-list .info-text{-webkit-box-orient:vertical;-webkit-box-direction:normal}.left-panel-zone-list .info-text{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:1rem 1rem 0}.zone-search-bar{padding:.75rem .5rem 1rem 1rem}.zone-search-bar input{height:32px;background-color:#fff;color:inherit;border:none;border-bottom:1px solid #d3d3d3;font-weight:400;font-size:1rem;width:100%;padding:.2rem;font-family:inherit;border-top-left-radius:4px;border-top-right-radius:4px}.zone-list-header{padding:0 1rem .5rem}.zone-list-header .subtitle{font-size:.8rem}.zone-list{overflow-y:scroll;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-overflow-scrolling:touch}.zone-list p{margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.zone-list a,.zone-list p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.zone-list a{font-size:1rem;-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:25px;padding:.3rem 0 .3rem .5rem;line-height:1rem}.zone-list a:hover{text-decoration:none;background:#fff}.zone-list a.selected{background-color:#fff}.zone-list .ranking{width:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}.zone-list .flag{margin-right:10px;margin-left:10px}.zone-list .name{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.zone-list .name,.zone-list .zone-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zone-list .zone-name{font-size:.9rem;margin-right:10px}.zone-list .country-name{font-size:.7rem}.zone-list .co2-intensity-tag{border-radius:3px;margin-right:10px;height:17px;width:17px}.faq-panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;height:100%}.faq-header,.faq-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.faq-header{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-left:15px;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;height:30px;padding-top:1rem}.faq-header .left-panel-back-button{position:static;margin-right:10px}.faq{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:scroll}.faq-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:10px 15px 0 7px}.faq-container .question-group-header{padding:15px 0 5px 10px}.faq-container .question-answer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.faq-container .question,.faq-container .question-answer-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.faq-container .question{font-size:.95rem;padding:5px 0;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.faq-container .question span{padding-left:5px}.faq-container .question:hover{color:#0a263c}.faq-container .answer{display:block;padding-right:5px;padding-left:10px;margin-left:11px;margin-bottom:5px;border-left:1px solid grey;font-size:.8rem;line-height:1.2rem}.mobile-faq .faq-container{padding:0 0 1rem}.mobile-faq-header{text-align:center;font-size:1.6rem;font-family:Open Sans,sans-serif;padding-top:25px;padding-bottom:5px}.flash-message{position:absolute;display:block;left:0;-webkit-transition:all .5s ease;transition:all .5s ease;width:100%;top:-166px;z-index:99}.flash-message .inner{display:block;margin:0 auto;padding:10px;text-align:center;color:#fff;font-size:.8em;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.flash-message .inner a{color:#fff;font-weight:700}.flash-message.active{top:0}@media (min-width:768px){.flash-message{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 15% 0 45%;width:40%}}.no-data-overlay{display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;position:absolute;width:100%;top:0}.no-data-overlay.visible{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.no-data-overlay-background{zoom:1;filter:alpha(opacity=50);opacity:.8;background-color:#fafafa;position:absolute;width:100%;height:100%}.no-data-overlay-message{background-color:#eee;margin:1rem;border-radius:6px;padding:8px;text-align:center;z-index:3}.zone-details-no-parser-message{display:block;background-color:#fafafa;height:100%;width:100%;padding-top:80px}#connection-warning .inner,#webgl-error .inner{background-color:#8b0000}#new-version .inner{background-color:#3f51b5}.referral-link{color:inherit}.referral{margin:24px 0}.referral.barry{display:block;position:relative;border-radius:8px;padding:8px;color:#fff;background-image:-webkit-gradient(linear,left top,right bottom,from(#ff4b9b),to(#ef7b40));background-image:linear-gradient(to bottom right,#ff4b9b,#ef7b40);text-decoration:none!important;margin:0}.referral .barry-logo{position:absolute;width:60px;bottom:8px;right:8px}.referral .external-link-icon{position:absolute;width:14px;top:4px;right:4px}.sponsored-message-text{color:#000;font-size:7px;opacity:.5;position:relative;font-size:smaller;top:0;left:0;margin:8px 0 2px}.hide-referral{font-weight:700}.referral-text{font-size:14px;width:75%;font-weight:400;margin:6px 0}.modal-background-overlay{height:100%;width:100%;position:absolute;left:0;top:0;z-index:500;zoom:1;filter:alpha(opacity=10);opacity:.1;background-color:#000}@media (max-width:767px){.modal-background-overlay{opacity:0}}.modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:880px;width:100%;height:488px;z-index:999;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:767px){.modal{width:100%;left:0;bottom:56px;top:auto;-webkit-transform:none;transform:none;height:420px}.modal .brand-text{height:25%}}.modal .modal-left-button-container,.modal .modal-right-button-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;max-width:75px;width:100%}@media (max-width:767px){.modal .modal-left-button-container,.modal .modal-right-button-container{position:absolute;bottom:32px;margin:0}}.modal .modal-left-button-container{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-left:10px}@media (max-width:767px){.modal .modal-left-button-container{left:10px;z-index:999}}.modal .modal-right-button-container{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-right:10px}@media (max-width:767px){.modal .modal-right-button-container{right:10px}}.modal .modal-close-button-container{position:absolute;padding:10px;right:0}.modal .modal-close-button,.modal .modal-left-button,.modal .modal-right-button{background-color:#fff;height:48px;width:48px;border:none;border-radius:25px;font-size:32px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;color:#333;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal .modal-left-button:focus,.modal .modal-right-button:focus{outline:0}.modal .modal-left-button.hidden,.modal .modal-right-button.hidden{display:none}.modal .modal-left-button.green,.modal .modal-right-button.green{color:#009800}.modal .modal-left-button.green:hover,.modal .modal-right-button.green:hover{background-color:#95f395;color:inherit}@media (min-width:768px){.modal .modal-left-button:hover,.modal .modal-right-button:hover{background-color:#dcdcdc}}@media (max-width:767px){.modal .modal-left-button,.modal .modal-right-button{background-color:#333;color:#fff;height:32px;width:32px}.modal .modal-left-button .material-icons,.modal .modal-right-button .material-icons{font-size:18px}.modal .modal-left-button.green,.modal .modal-right-button.green{background-color:#009800;color:#fff}.modal .modal-left-button.green:hover,.modal .modal-right-button.green:hover{background-color:#95f395;color:inherit}}.modal .modal-close-button{height:36px;width:36px;background-color:#333;color:#fff}@media (max-width:767px){.modal .modal-close-button{background-color:#fff;color:#333}}.modal .modal-header{height:58%;border-top-right-radius:15px;border-top-left-radius:15px;background-repeat:no-repeat;background-position:50%;background-size:cover}@media (max-width:767px){.modal .modal-header{border-top-left-radius:8px;border-top-right-radius:8px;background-size:cover;background-position:50%;height:40%;min-height:200px}}.modal .modal-footer{height:40px;position:absolute;bottom:-60px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.modal .modal-footer .modal-footer-circle{background-color:#919191;border-radius:50%;display:inline-block;height:8px;margin:0 4px;width:8px}.modal .modal-footer .modal-footer-circle.highlight{background-color:#fff}@media (max-width:767px){.modal .modal-footer{bottom:0;height:36px}.modal .modal-footer .modal-footer-circle{width:6px;height:6px}}.modal .modal-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;border-radius:15px;background-color:#fafafa;color:#fff;max-width:700px;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.15);box-shadow:0 0 30px 0 rgba(0,0,0,.15)}@media (max-width:767px){.modal .modal-body{max-width:inherit;border-radius:8px 8px 0 0;-webkit-box-shadow:0 -10px 30px 0 rgba(0,0,0,.15);box-shadow:0 -10px 30px 0 rgba(0,0,0,.15)}}.modal .modal-text{color:#000;font-size:.9rem;line-height:1.5rem;padding:25px 55px;text-align:center;height:32%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal .modal-text h1{font-size:3rem}.modal .modal-text h2{font-size:1.5rem;margin-top:0}.modal .modal-text h1,.modal .modal-text h2{font-weight:400}@media (max-width:767px){.modal .modal-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:16px;height:40%;font-size:.75rem;line-height:1.125rem}.modal .modal-text h1{font-size:2rem}.modal .modal-text h2{font-size:1.125rem;line-height:1.375rem}}.modal .logo-header{background-size:180px!important;background-position-y:70%!important}.modal .brand-text{padding-top:0;line-height:3rem;font-family:Open Sans,sans-serif}.watermark{position:fixed;bottom:0;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);padding:12px;vertical-align:bottom;text-align:right;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.watermark a:hover{text-decoration:none}.watermark.brightmode #built-by-tomorrow{background-image:url(../images/built-by-tomorrow.svg)}.mobile-watermark{text-align:center;margin-top:1rem}.mobile-watermark>div{padding:.5rem 0 1rem}.mobile-watermark img{width:280px}#built-by-tomorrow{background-image:url(../images/built-by-tomorrow-white.svg);background-size:cover;width:154px;height:24px}.social-buttons{margin-top:12px}.detail-bottom-section .social-buttons{padding:0 1rem;margin-bottom:12px;margin-top:0}.slack-button{display:inline-block;height:20px}.slack-btn{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#eee));background-image:linear-gradient(#fcfcfc,#eee);border:1px solid #d5d5d5;color:#333;padding:2px 5px 2px 4px;text-decoration:none;text-shadow:0 1px 0 #fff;white-space:nowrap;cursor:pointer;border-radius:3px;font-weight:700;line-height:14px}.slack-btn,.slack-ico{background-repeat:no-repeat;float:left}.slack-ico{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE4IiBoZWlnaHQ9IjExOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMC4yNTggNjIuODZjLTQuMzk1LjAzMi04LjExOC0yLjU4Ny05LjQ5LTYuNjc0LS4wNTMtLjE2LS4xLS4zMTQtLjE0My0uNDY2Qy0uODcgNTAuNDg0IDIuMDMgNDUuMDA4IDcuMjMgNDMuMjU1TDkwLjYxMyAxNS4zMmExMS4zMSAxMS4zMSAwIDAxMy4wNDYtLjQ0NmM0LjUxLS4wMzYgOC4zMyAyLjY0IDkuNzQgNi44MTZsLjEyLjQwM2MxLjU2IDUuNDUyLTIuMzIgMTAuMzItNi45NiAxMS44OGwtODIuOTIgMjguMzFhMTAuODggMTAuODggMCAwMS0zLjM5LjU3NiIgZmlsbD0iIzcwQ0FEQiIvPjxwYXRoIGQ9Ik0yNC4xNTcgMTAzLjg2N2MtNC40MjguMDMyLTguMTY1LTIuNTUtOS41Mi02LjU3OC0uMDUtLjE2LS4xLS4zMS0uMTQzLS40N2ExMC4yOCAxMC4yOCAwIDAxNi41OTYtMTIuNTlsODMuMzg4LTI4LjE5YTEwLjcxIDEwLjcxIDAgMDEzLjMwNy0uNTZjNC40NDItLjAzNiA4LjM0NCAyLjY4IDkuNzIgNi43NTJsLjEzLjQyNmMuODAzIDIuODEzLjMyOCA1Ljk4LTEuMjcyIDguNDc3LTEuMTk1IDEuODYtNC45NiAzLjQ5NC00Ljk2IDMuNDk0TDI3LjcgMTAzLjI2NGMtMS4xNjUuMzktMi4zNTUuNTkzLTMuNTQuNjA0IiBmaWxsPSIjRTAxNzY1Ii8+PHBhdGggZD0iTTkzLjU3MiAxMDQuMDQzYTEwLjIzMyAxMC4yMzMgMCAwMS05LjgwMi02Ljk3Nkw1NS45NCAxNC40MDJsLS4xNC0uNDY1Yy0xLjUwNi01LjI3IDEuMzkyLTEwLjc3IDYuNTktMTIuNTIyYTEwLjI3IDEwLjI3IDAgMDEzLjItLjU0MmMxLjYwOC0uMDEyIDMuMTY0LjM1IDQuNjMgMS4wNzRhMTAuMjE0IDEwLjIxNCAwIDAxNS4xNTcgNS45MTNsMjcuODI4IDgyLjY1OC4wOC4yNjVjMS41NjMgNS40NzMtMS4zMyAxMC45NzYtNi41MjcgMTIuNzI2LTEuMDMuMzQtMi4xMDMuNTItMy4xODQuNTMiIGZpbGw9IiNFOEE3MjMiLz48cGF0aCBkPSJNNTIuMjA1IDExNy45N2ExMC4yNDIgMTAuMjQyIDAgMDEtOS44MDctNi45ODRMMTQuNTc1IDI4LjMyM2ExOS4xIDE5LjEgMCAwMS0uMTQtLjQ2IDEwLjIzNSAxMC4yMzUgMCAwMTYuNTgzLTEyLjUyMyAxMC4zMzMgMTAuMzMzIDAgMDEzLjE4Ny0uNTM1IDEwLjI0IDEwLjI0IDAgMDE5LjgwNSA2Ljk4bDI3LjgyNCA4Mi42NjRjLjA1Mi4xNC4xLjMuMTQuNDVhMTAuMjM1IDEwLjIzNSAwIDAxLTYuNTg4IDEyLjUzIDEwLjI5NCAxMC4yOTQgMCAwMS0zLjE4LjUzIiBmaWxsPSIjM0VCODkwIi8+PHBhdGggZD0iTTc5Ljg1MiA4NS40M2wxOS40MDUtNi42MzYtNi4zNDMtMTguODQtMTkuNDI4IDYuNTY4IDYuMzY2IDE4LjkwNyIgZmlsbD0iI0NDMUYyNyIvPjxwYXRoIGQ9Ik0zOC41NSA5OS41NWwxOS40MDItNi42MzMtNi4zOS0xOC45ODItMTkuNDI0IDYuNTY3IDYuNDEgMTkuMDUiIGZpbGw9IiMzNjEyMzgiLz48cGF0aCBkPSJNNjYuMDM3IDQ0LjM5NmwxOS40MDctNi42MjUtNi4yNjgtMTguNjItMTkuNDQ0IDYuNTIgNi4zMDUgMTguNzMiIGZpbGw9IiM2NTg2M0EiLz48cGF0aCBkPSJNMjQuNzMgNTguNDk4bDE5LjQwNy02LjYyNS02LjM0Ni0xOC44NTYtMTkuNDQgNi41MTMgNi4zOSAxOC45NjgiIGZpbGw9IiMxQTkzN0QiLz48L2c+PC9zdmc+);width:14px;height:14px;margin-right:4px;background-size:100% 100%}.contributors img{height:20px;border-radius:3px;margin-right:.4em}.slack-button,div.fb-follow,div.fb-like,div.fb-share-button,iframe.twitter-follow-button,iframe.twitter-share-button{vertical-align:bottom}div.fb-like span,div.fb-like span iframe{width:51px!important;height:20px!important}div.fb-share-button span,div.fb-share-button span iframe{width:83px!important;height:20px!important}