@font-face{font-family:Lato;src:url(7f690e503a254e0b8349aec0177e07aa.ttf)}body{zoom:1}.biggest{font-size:18px;color:#fff}.big,.biggest{font-weight:700}.big{font-size:16px}.small{font-size:.8em}#sdg-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;top:0;width:100%;font-family:Lato,Sans-Serif;color:#666;background-color:#f3f1f2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#sdg-container text{fill:#666}#navbar{z-index:1000;background:#4f4f4f;min-width:640px}#navbar #title{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 2em;color:#fff!important;text-decoration:none}#navbar #title img{height:3em}#navbar #title .biggest{margin:auto 1em}#navbar #icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:96em;margin:1em 2em}#navbar #icons .icon{-webkit-box-flex:1;-ms-flex:1 0 4em;flex:1 0 4em;max-width:5em;border:2px solid #4f4f4f}#navbar #icons .icon img{width:100%}#navbar #icons .icon.highlighted{border-color:#f3f1f2}@media (max-width:78em){#navbar{font-size:.9em}#navbar #icons,#navbar #title{margin:.5em 1em}#navbar #icons{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}#navbar #icons .icon{max-width:4em}}#navbar #bottombar{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:3em;padding:.2em 2em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#0997d9;text-align:center}#navbar #bottombar>*{margin:auto .6em}#navbar #bottombar.highlighted{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#fff;text-align:left;border-bottom-style:solid;border-bottom-width:1px;margin-bottom:-1px}#panels{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#donut{z-index:800;overflow:visible;-webkit-box-flex:2;-ms-flex:2 0 600px;flex:2 0 600px;height:600px;max-width:80%;padding:4em}#donut *{-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:"opacity";transition-property:"opacity"}#donut rect.background{fill:#f3f1f2}#donut #guide text{text-anchor:middle;font-size:.25em}#donut #guide circle{fill:none;stroke:#666;stroke-width:.5px;opacity:.2}#donut #centre circle{fill:none;stroke:#666;stroke-width:.5px;stroke-opacity:.5}#donut #centre text{text-anchor:middle}#donut #centre .period{font-size:.3em}#donut #centre .name{font-size:.32em;font-weight:700}#donut #centre .value{font-size:.7em;font-weight:700}#donut #categories path{fill:#c8cccf;stroke:#f3f1f2}#donut #categories text{text-anchor:middle;font-size:.3em;font-weight:700;fill:#f3f1f2}#donut .goal .children .slice,#donut .goal .inner{opacity:0}#donut .goal .children .slice.highlighted,#donut .goal .children .slice.selected{fill:#4f4f4f}#donut.highlighted .goal{opacity:.8}#donut.highlighted .goal.highlighted{opacity:1}#donut.highlighted .goal.highlighted .inner,#donut.selected .goal{opacity:.2}#donut.selected .goal.selected{opacity:1}#donut.selected .goal.selected .inner{opacity:.2}#donut.selected .goal.selected .slice{opacity:0}#donut.selected .goal.selected .children .slice{opacity:1}#donut.hideGoals .goal>.slice{opacity:0}#donut.hideGoals .goal .children .slice{opacity:1}#sidepanel{z-index:900;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:2;-ms-flex:2 0 400px;flex:2 0 400px;min-height:400px;padding:1.5em 2em;background-color:hsla(330,8%,95%,.9)}#sidepanel,#sidepanel #title .compare{display:-webkit-box;display:-ms-flexbox;display:flex}#sidepanel #title .compare{-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:.6em 0}#sidepanel #title .compare select{font-size:16px;font-weight:700;width:10em;height:2.2em;margin:0 1em;padding:0 .5em;background:none;border:none;font-family:Lato;color:#666}#sidepanel #title .compare select.country1{border-bottom:solid}#sidepanel #title .compare select.country2{border-bottom:dashed}#sidepanel #title #showraw{font-size:1.2em}#sidepanel #linechart{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#sidepanel #linechart .title{padding:2em 3em 0;font-size:1.2em}#sidepanel #linechart .title>*{margin:0}#sidepanel #linechart .title h4{font-weight:400}#sidepanel #linechart svg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 3em 3em}#sidepanel #linechart .axis .domain{stroke:#c8cccf}#sidepanel #linechart .axis .tick text{font-size:1.2em}#sidepanel #linechart .line{opacity:.1}#sidepanel #linechart .line path{fill:none;stroke:#4f4f4f}#sidepanel #linechart .line circle{stroke:#4f4f4f}#sidepanel #linechart .line text{visibility:hidden;font-size:.8em;text-anchor:middle}#sidepanel #linechart .line.country1 path,#sidepanel #linechart .line.country2 path{stroke-width:3px}#sidepanel #linechart .line.country1 text,#sidepanel #linechart .line.country2 text{visibility:visible}#sidepanel #linechart .line.country2{opacity:.7}#sidepanel #linechart .line.country2 path{stroke-dasharray:8 2}#sidepanel #linechart .line.country2 circle{fill:#4f4f4f}#sidepanel #linechart .line.country1{opacity:1}#sidepanel #linechart .line.country1 path{stroke-dasharray:0}#sidepanel #linechart .line.country1 circle{fill:#f3f1f2}#sidepanel #description{height:4em;padding:2em 0}#sidepanel #placeholder{display:none;padding:0 3em;background-color:#fff}#sidepanel #placeholder .content{margin-top:2em;margin-bottom:3em}#sidepanel #placeholder .content .biggest{color:#4f4f4f}#sidepanel.empty #description,#sidepanel.empty #linechart,#sidepanel.empty #title{display:none}#sidepanel.empty>#placeholder{display:block}#indicators{z-index:1100;display:none;position:absolute;max-width:24em;margin:1em;padding:1em;font-size:.9em;background-color:hsla(0,0%,100%,.9)}#indicators ul{margin:0;padding:0}#indicators ul li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.3em 0}#indicators ul li *{margin:auto .3em}#indicators ul li .index{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1.28em;height:1.28em}#indicators ul li .index>div{margin:auto;font-size:.8em;font-weight:700;color:#fff}#indicators ul li .name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:.5em;margin-right:1.5em}#indicators ul li .value{font-size:1.2em;font-weight:700}#indicators ul li.highlighted,#indicators ul li.selected{background-color:#f3f1f2}#switch{z-index:1101;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}#switch>*{padding:.5em 1.5em;margin:.25em;border:1px solid #4f4f4f;background-color:#f3f1f2;cursor:pointer}#switch>:hover{background-color:#c8cccf}#switch>.selected{font-weight:700;color:#f3f1f2;background-color:#666}.debug{z-index:9999;position:absolute;top:0;left:0;right:0;overflow:hidden;min-height:50px;background-color:#f0f;border:3px dashed #000;display:-webkit-box;display:-ms-flexbox;display:flex}.debug .marker{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:98px;height:98px;background-color:grey;border:1px solid #000;opacity:.5}