.time-line{position:relative;display:inline-block;padding-left:10px;padding-right:10px}.time-line .svg-world{overflow:visible}.time-line .svg-world .svg-timeline .path-timeline{fill:none;stroke:#748292;stroke-width:3px}.time-line .svg-world .svg-timeline .path-timeline--background{stroke-width:1px;stroke-dasharray:3,3;stroke:#748292;fill:none}.time-line .svg-world .svg-timeline .point-container .point-label{font-size:10px;text-anchor:middle;fill:#fff;font-weight:300;transform:translateY(-15px)}.time-line .svg-world .svg-timeline .point-container .point-timeline,.time-line .svg-world .svg-timeline .point-container .point-timeline.active{fill:#fff}.time-line .svg-world .svg-timeline .point-container .point-timeline:hover{cursor:pointer}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{background:#fafafa;font-family:IBM Plex Sans,sans-serif;margin:0;padding:0;overflow:hidden}.loading-cover{position:absolute;width:100%;height:100%;margin:0;padding:0;z-index:9;background:#0c152d}.loading-cover .loading-indicator{position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-50px;text-align:center;width:200px;height:100px;font-weight:16px;letter-spacing:1px;color:#fff;line-height:22px}.map-container{position:absolute;width:100%;height:100%;margin:0;padding:0}.logo img{height:16px}.logo--cf img{transform:translateY(1px)}.logo--3di img{transform:translateY(5px);height:22px}.toggle-perspective{position:relative;transition:all .3s;font-weight:300;font-size:12px;background:#0c152d;color:#fff;text-transform:uppercase;display:inline-block;margin-left:0;padding:5px;padding-left:5px;padding-right:5px;border-radius:3px}.toggle-perspective.selected,.toggle-perspective:hover{cursor:pointer;background:#fff;color:#000}.map-controls-toggle{text-align:right;position:relative;display:inline-block;right:0}.label,.map-controls-toggle{color:#fff;font-weight:300;font-size:12px;letter-spacing:1px}.label{text-transform:uppercase;margin-bottom:10px;transition:all .3s}.highlights-container{margin-top:30px;margin-bottom:30px;text-align:right}.highlights-container,.highlights-container .highlight{position:relative;display:block;color:#fff;font-weight:300;font-size:12px;letter-spacing:1px}.highlights-container .highlight{padding:8px;margin-top:5px;margin-right:0;padding-right:0}.highlights-container .highlight span{transition:all .3s;padding:8px 10px;background:#0c152d}.highlights-container .highlight.active span,.highlights-container .highlight:hover span{cursor:pointer;color:#fff;background:#fff;color:#000;border-radius:3px}.ui{position:absolute;z-index:1;display:inline-block;margin-top:30px;transition:transform .75s}.ui--left{margin-left:30px;pointer-events:none}.ui--left--loading{transform:translate(-150%)}.ui--right{text-align:right;right:0;margin-right:30px;margin-top:55px}.ui--right--loading{transform:translate(150%)}.ui .title{position:relative;font-weight:400;font-size:36px;display:inline-block}.ui .description,.ui .title{letter-spacing:1px;color:#fff;padding:10px;max-width:520px}.ui .description{margin-top:10px;font-size:16px;font-weight:300;line-height:24px;border-radius:5px}.legend-container{position:absolute;right:0;bottom:0;margin:30px;margin-right:50px;text-align:right;vertical-align:middle;transition:transform .75s;font-weight:300;font-size:12px;color:#fff}.legend-container--loading{transform:translateY(300px)}.legend-container .label{margin-right:-20px}.legend-container .legend-wrapper{width:100%;padding:10px;padding-bottom:5px;background:#0c152d}.legend-container .left{display:inline-block;float:left}.legend-container .right{float:right;display:inline-block}.legend-span{color:#fff}.legend-gradient,.legend-span{position:relative;display:inline-block;width:100%}.legend-gradient{height:10px;margin:5px 5px 5px 0;background:linear-gradient(90deg,rgba(7,93,144,0) 0,rgba(7,93,144,.75) 10%,#1893c4 30%,#6cd0c6 70%,#ebe8e1)}.map-controls-container{position:absolute;bottom:0;margin:30px;vertical-align:middle;display:inline-block;z-index:1;transition:transform .75s}.map-controls-container--loading{transform:translateY(300px)}.controls-container,.map-slider{background:#0c152d}.map-slider{position:relative;display:inline-block;vertical-align:middle;z-index:0;padding-left:10px;padding-right:10px}.timeline-controls{display:inline-block;padding:5px}.button{transition:all .3s;vertical-align:middle;display:none;padding:5px;font-size:12px;font-weight:400;letter-spacing:1px;width:30px;color:#fff;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none}.button.active{opacity:1;display:inline-block;pointer-events:all}.button.active svg{fill:#fff}.button svg{transition:all .3s;fill:#fff}.button:hover{cursor:pointer}.button:hover svg{transition:all .3s;fill:#09f;fill:#748292}.marker{position:absolute;width:0;height:0;margin-left:-7.5px;margin-top:-7.5px;transition:opacity .5s;overflow:visible;font-family:IBM Plex Sans,sans-serif;opacity:0;background:red}.marker .indicator{background:#fff;border-radius:50%;width:15px;height:15px}.marker .marker-label{position:absolute;text-align:center;padding:5px;color:#fff;border-radius:5px;font-weight:300;font-size:12px;letter-spacing:1px;width:320px;margin-left:-160px;margin-top:-45px}.marker.active{opacity:1}