#info-panel,.sidebar,.sidebar-tab{position:absolute}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#4f506b;margin:0 1vw}.sidebar,.sidebar-tab .tab{background-color:rgba(79,80,107,.8)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body,html{height:100%;font-family:'Fira Sans',sans-serif;font-size:3vh}footer,header{width:98vw}header{border-bottom:1px solid #b3b6e0;height:10vh;text-align:center;text-transform:capitalize}#main-section{height:71vh}footer{border-top:1px solid #b3b6e0;height:18vh}h1{color:#ffff6b;margin:0;height:9vh;line-height:10vh;font-size:1.8rem;font-weight:400}.panel-text,.sidebar-tab .tab div{text-transform:uppercase;letter-spacing:1px;text-align:center;font-weight:500}h1 span{color:#e5e5f1}#map-container,.sidebar{height:69vh;margin-top:1vh}#map-container{width:98vw;float:left}.sidebar{border-left:1px solid #b3b6e0;width:24.3vw;float:right;left:97vw;transition:.75s;z-index:10}.sidebar.active{left:76vw}.sidebar-tab{width:5vw;height:100%;top:0;margin-left:-5vw}.sidebar-tab .tab-spacer{height:23vh;border-right:1px solid #b3b6e0}.sidebar-tab .tab{width:4.85vw;height:23vh;border-left:1px solid;border-top:1px solid;border-bottom:1px solid;border-color:#b3b6e0;border-top-left-radius:5px;border-bottom-left-radius:3px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-tab .tab div{-webkit-transform:rotate(-90deg) translate(-8.2vh,-127%);-moz-transform:rotate(-90deg) translate(50%,-100%);-ms-transform:rotate(-90deg) translate(50%,-100%);-o-transform:rotate(-90deg) translate(50%,-100%);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform-origin:center;transform:rotate(-90deg) translate(-8.2vh,-127%);height:4.85vw;width:23vh;font-size:.8rem;line-height:2.3rem;color:#e5e5f1}.sidebar-panel{height:34vh;width:19vw;margin-left:3.2vw;color:#e5e5f1}.sidebar-panel.lower{margin-top:1vh}.sidebar-panel span{color:#a9a9a9}.sidebar-panel.upper{border-bottom:1px solid #b3b6e0}.panel-text{font-size:2vh;line-height:2.3vh}.legend-graphics{margin-top:2vh}.legend-graphics img{margin:auto;width:14vw;left:0;right:0;position:absolute}.image-column{width:49%;float:left}.image-column img{float:right;margin-bottom:1vh}.count-column{width:49%;float:right}.thermostat{float:left}.ec-count{padding-top:2.5vh;margin-left:6.5vw;font-size:.8rem}.state{fill:#979ac6}.mesh{fill:none;stroke:#b3b6e0;stroke-width:.3px}#info-panel{height:20vh;width:35vw;bottom:20vh;pointer-events:none}#info-panel .panel-section,.timeline{position:relative}#info-panel .panel-section.decade{width:15vw;color:#ffff6b;border-color:#ffff6b;letter-spacing:1px}#info-panel .panel-section.city{opacity:0;margin-top:1vh}#info-panel .panel-section.city,#info-panel .panel-section.city .pop-data{color:#e5e5f1}#info-panel .title{border-bottom:1px solid}#info-panel .panel-section.decade .title{font-size:.62em;font-weight:400;text-transform:uppercase;letter-spacing:1px}#info-panel .panel-section.decade .line-item{font-size:1.2rem;line-height:1.4rem}#info-panel .panel-section.city .title{border-color:#b3b6e0;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1vh}.panel-section.city .line-item{font-size:.8em;line-height:1.3em}.line-item .pop-data{float:right}.line-item#pop{color:#979ac6}.line-item#vuln-pop{color:#b3b6e0}.instruction{color:#e5e5f1;text-align:center;font-size:.7rem;font-weight:300;margin-top:1vh}.timeline{width:100%;margin:0;cursor:default;user-select:none}#intro,.timeline{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.timeline .control{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;cursor:pointer;top:14px;position:absolute;width:80px;height:21px;color:#b7b6b6;text-align:center;font-size:22px}.play-pause{width:8vh;height:8vh;float:left;position:absolute;margin-left:2vw}.play-pause .play{width:0;height:0;border-top:3vh solid transparent;border-bottom:3vh solid transparent;border-left:4.5vh solid #ffff6b;display:block;float:right}.play-pause .pause,.play-pause.active .play{visibility:hidden}.play-pause.active .pause{visibility:visible;width:4vh;height:6vh;background-color:#ffff6b;border-left:2.1vh solid #ffff6b;right:0;position:absolute;box-shadow:inset 2.1vh 0 0 0 #4f506b}.line-nodes{padding:0;overflow:hidden;margin:auto;width:80vw;height:9vh}.line{height:2px;display:inline-block}.line.historic{background-color:#ccc;margin-left:4vw;width:48vw}.line.future{background-color:#ffff6b;width:24vw}.line.future.first{width:7.7vw;margin-right:.6vw}.line.future.second{width:15.7vw}.nodes{position:relative}#intro,.d3-tip:after,.node,.node-group,.node:after,.x{position:absolute}.node{display:inline;text-align:center;width:8vw;padding-top:1vh;font-size:.8rem;color:#e5e5f1;line-height:.9em}.node:after{content:"";border-radius:1.8vw;width:0;height:0;border:.9vw solid #e5e5f1;top:-1.8vh;left:4vw;margin:0 0 0 -7px;background:#ffa340;transition:.15s}.node.active:after{border-width:.4vw;height:1.4vw;width:1.4vw;top:-2vh}.node.arrow:after{border-radius:inherit;border:none;content:url(../images/time-skip-arrow.png)}.d3-tip.n:after,.d3-tip:after{text-align:center;content:"\25BC"}.node-group.future .node{color:#ffff6b}.node-group.future .node:after{border-color:#ffff6b}.projection{font-size:.66em}.source{font-size:.58rem;margin-top:1vh;text-align:center;color:#b3b6e0}.source a{text-decoration:none;color:#c7c9e9;font-weight:600}.d3-tip{line-height:1;font-weight:700;padding:12px;background:#e5e5f1;color:#4f506b;border-radius:2px}#intro,#intro p span,#updated,.d3-tip:after{color:#e5e5f1}.d3-tip:after{box-sizing:border-box;display:inline;font-size:17px;line-height:.7}.d3-tip.n:after{width:100%;margin:-1px 0 0;top:100%;left:0}.d3-tip.e:after{content:"\25C0";margin:-4px 0 0;top:50%;left:-8px}.d3-tip.s:after{content:"\25B2";margin:0 0 1px;top:-8px;left:0;text-align:center}.d3-tip.w:after{content:"\25B6";margin:-4px 0 0 -1px;top:50%;left:100%}.d3-tip .heading .title{text-transform:uppercase;letter-spacing:1px;font-size:1.1rem}.d3-tip .heading .year{font-size:.9rem;border-bottom:1px solid}.d3-tip .heading .year span{font-size:.7rem}.d3-tip .chart-container{height:25vh;width:27vw}.danger{fill:#dd4a4d}.extreme{fill:#ffa340}.bar-label{fill:#4f506b;font-weight:500}#intro{margin:5vh auto auto 5vw;height:55vh;width:78vw;background-color:rgba(0,0,0,.9);padding:5vh;font-size:1.15rem;cursor:default;user-select:none}#intro p{margin-top:0}.x{top:0;right:1vw}.play{-webkit-animation:pulse2 1s linear infinite;-moz-animation:pulse2 1s linear infinite;-ms-animation:pulse2 1s linear infinite;animation:pulse2 1s linear infinite}@keyframes pulse2{0%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse2{0%{-moz-transform:scale(1.1);transform:scale(1.1)}50%{-moz-transform:scale(.8);transform:scale(.8)}100%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse2{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-ms-keyframes "pulse2"{0%{-ms-transform:scale(1.1);transform:scale(1.1)}50%{-ms-transform:scale(.8);transform:scale(.8)}100%{-ms-transform:scale(1);transform:scale(1)}}footer a img{height:7vh;margin:0 auto;display:block}#updated{position:fixed;bottom:2vh;right:3vw;font-size:.7em}