.bg-green{background:#11746f;height:125%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:-1}.nav-left,.nav-right{position:absolute;top:50px}.nav-left{left:40px}.nav-right{display:flex;position:fixed;right:40px}.viz{left:0;position:fixed;top:0}#trending-viz{position:absolute;right:0;top:0}.content{position:relative}.description{left:0;position:absolute;top:40px}.intro{margin-bottom:500px;margin-top:60px}.content-text{font-size:19px;font-weight:200;line-height:1.3;margin:10px 0 10px 40px;max-width:650px}.step{color:#fff;opacity:.1;padding-bottom:600px}.step:last-of-type{padding-bottom:300px}.step-text{padding-top:40px}.step-empty{height:400px}.overlay-time{font-weight:600}.node:hover{cursor:pointer}.tooltip{background:#fff;border:20px solid #11746f;border-radius:0;color:#000;font-weight:200;height:100vh;line-height:1;opacity:0;padding:15px;pointer-events:none;position:fixed!important;transition:opacity 1s;width:100vw}.tooltip.animate{opacity:1;transition:opacity 1s}.tooltip p{font-size:17px;line-height:24px}.tooltip-mobile{left:0!important;opacity:0;top:0!important;z-index:9}.tooltip-mobile .tooltip-wrapper{left:0;padding:25px 40px 25px 25px;position:absolute;top:50%;transform:translateY(-50%)}.mobile-tooltip-pip-group{bottom:40px;display:flex;justify-content:center;position:fixed;width:100vw;z-index:10}.mobile-tooltip-pip{background:#fff;border:2px solid #11746f;border-radius:50%;height:20px;margin:0 5px;transition:background .5s;width:20px}.mobile-tooltip-pip-active{background:#11746f}.close{height:40px;opacity:0;position:fixed;right:40px;top:40px;width:40px;z-index:10}.close:hover{cursor:pointer}.close:before{transform:rotate(45deg)}.close:after,.close:before{background:#11746f;content:"";height:40px;left:50%;position:absolute;width:2px}.close:after{transform:rotate(-45deg)}.tweet-date{display:inline-block;margin:0}.tweet-date,.tweet-name{font-weight:500}.tweet-name{margin:0}.tweet-text{margin:10px 0 9px}.tweet-favourites,.tweet-replies,.tweet-retweets{display:inline-block;margin:0;position:relative}.tweet-retweets{margin-left:20px}.tweet-favourites,.tweet-replies{margin-left:30px}.tweet-followers{font-weight:300;margin-top:5px}.tweet-followers-label{color:#999}.tweet-favourites:before,.tweet-replies:before,.tweet-retweets:before{content:"";height:25px;position:absolute;width:25px}.tweet-retweets:before{left:-25px;top:1px}.tweet-favourites:before,.tweet-replies:before{left:-26px;top:1px}.tweet-retweets:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 16 15' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:none;stroke:%23231f20;stroke-width:.6;stroke-miterlimit:10}%3C/style%3E%3Cpath class='st0' d='M11.5 11.4H5.7c-1.2 0-2.1-1-2.1-2.1V4.2'/%3E%3Cpath class='st0' d='M1.1 5.1l2.5-2.5 2.5 2.5'/%3E%3Cg%3E%3Cpath class='st0' d='M5.4 2.6h5.7c1.2 0 2.1 1 2.1 2.1v5.1'/%3E%3Cpath class='st0' d='M15.7 9l-2.5 2.4L10.8 9'/%3E%3C/g%3E%3C/svg%3E")}.tweet-replies:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M12.9 5.4c0-2.2-2.2-4-4.9-4s-4.9 1.8-4.9 4c0 1.9 1.6 3.4 3.8 3.9v3l4.6-4c.8-.8 1.4-1.8 1.4-2.9z' fill='none' stroke='%23925380' stroke-width='.6' stroke-linecap='round'/%3E%3C/svg%3E")}.tweet-favourites:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M9 11.7c.9 0 4.7-5.3 5-6s0-1.8 0-1.8-.7-1.8-2.6-1.8c-1.9 0-2.8 1.8-2.8 1.8h-.3s-.8-1.7-2.8-1.8c-1.9 0-2.6 1.8-2.6 1.8s-.3 1.1 0 1.8 4.1 5.9 5 6H9z' fill='none' stroke='%2369c7bf' stroke-width='.6' stroke-miterlimit='10'/%3E%3C/svg%3E")}.x-axis .domain{display:none}.tick line{stroke:none}.tick text{fill:#fff}.tick:first-of-type{text-anchor:start;transform:translateX(-3px)}.tick:nth-of-type(2){text-anchor:end}.explore-step{display:none}.key-button{right:40px}.key-button,footer{bottom:30px;position:absolute}footer{display:flex;flex-direction:column;font-size:11px;justify-content:center;left:0}.key-item{margin:0 10px 0 0}.key-name{color:#000}.key-details{color:#999}.key-img{display:none}.key-text{text-transform:lowercase}.key-overlay{background:hsla(0,0%,100%,.75);display:none;height:calc(100vh - 40px);left:20px;opacity:0;position:fixed;top:20px;width:calc(100vw - 40px);z-index:20}.key-overlay-content{margin-top:60px}.key-overlay-content p{font-size:14px;line-height:16px}.key-overlay-time-wrapper{display:none;position:absolute}img.key-overlay-time{height:321px;width:333px}.key-overlay .close{opacity:1}.key-overlay .close:after,.key-overlay .close:before{background:#ff5e6b}.key-overlay .close:hover:after,.key-overlay .close:hover:before{background:#11746f}.key-overlay-picture{display:flex;flex-direction:column;justify-content:center;width:30%}.key-overlay-picture img,.key-overlay-picture svg{height:100%;width:100%}.key-overlay-picture-labels{display:flex;font-size:12px;justify-content:space-between;padding:0 5px}.key-overlay-description{margin-right:10px;width:70%}.key-overlay-content-text{display:flex;margin:5px 0}.key-overlay-content-text h3{font-size:11px;margin:0}.key-overlay-content-text p{font-size:10px;line-height:12px}.key-overlay-content-text:first-of-type p,.key-overlay-content-text:last-of-type p{color:#000}.key-overlay-content-text-retweets{flex-direction:column}.timeline-key-label{text-anchor:middle}#timeline-button{border-radius:30px;display:flex;padding:9px 20px 5px}.explore-label{font-weight:lighter;margin:1px 13px 0 0}.explore-icon-down{margin-top:1px;width:7px}.explore-icon-down svg,.jump-icon-up svg{stroke-width:4px}#jump-button{display:flex;padding:6px 20px 8px}.jump-label{font-weight:lighter;margin:2px 13px 0 0}.jump-icon-up{margin-top:0;transform:rotate(180deg);width:7px}#key-distance-button{font-size:11px;height:auto;padding:3px 6px}.key-distance-icon svg{height:8px}#key-distance-button:hover{background:#004439}#key-distance-button:hover .key-name{color:#fff}#key-distance-button:hover .key-distance-icon svg{fill:#fff}.scroll-label{display:none}@media (min-width:350px){.key-overlay-content-text h3{font-size:14px}.key-overlay-content-text p{font-size:12px;line-height:14px}}@media (min-width:400px){.key-overlay-content-text{margin:10px 0}.key-overlay-picture{width:50%}.key-overlay-description{margin-right:30px;width:50%}.key-overlay-content-text:first-of-type,.key-overlay-content-text:last-of-type{margin:20px 0 30px}}@media (min-width:700px){.tooltip{border:none;border-radius:0;box-shadow:0 1px 6px 2px rgba(17,116,111,.12);font-weight:200;height:auto;line-height:1;opacity:0;padding:15px;pointer-events:none;position:fixed!important;transition:opacity 1s;width:300px}.tooltip p{font-size:12px;line-height:16px}.tweet-favourites:before,.tweet-replies:before,.tweet-retweets:before{height:20px;width:20px}.tweet-retweets:before{left:-22px;top:0}.tweet-favourites:before,.tweet-replies:before{left:-21px;top:0}.mobile-tooltip-close-button,.mobile-tooltip-pip-group,.mobile-tooltip-pips,.tweet-button{display:none}.key-overlay-content{margin-top:100px}.scroll-label{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:25px}.scroll-label-text{margin-bottom:10px}.scroll-label svg{height:60px}}@media (min-width:850px){.key-overlay-time-wrapper{display:block}.key-overlay-content{max-width:250px}}@media (min-width:1024px){.intro{margin-bottom:300px}.content-text{font-size:16px}.step{margin:400px 0}.step:last-of-type{padding-bottom:100px}.explore-step{display:block}.explore-mobile-step{display:none}footer{align-items:center;bottom:25px;flex-direction:row;width:100%}.key-item{position:relative}.key-item:hover{cursor:default}.key-img{bottom:20px;display:block;left:50%;position:absolute;transform:translateX(-50%)}.key-img-size{width:30px}.key-img-distance{width:110px}.key-img-color{width:80px}.key-img-pattern{width:100px}.key-overlay-content{max-width:none}}@media (min-width:1200px){footer{flex-direction:row;left:50%;transform:translateX(-30%);width:auto}}@media (min-width:1500px){.intro{margin-bottom:800px}.content-ext{font-size:18px}.step{margin:500px 0}.step:last-of-type{margin-bottom:600px}}@media (min-height:900px){.intro{margin-bottom:800px}.content-text{font-size:18px}.step{margin:700px 0}.step:last-of-type{margin-bottom:800px}}@media (max-width:600px) and (max-height:800px){footer{display:none}}@media (max-width:700px) and (min-height:600px){.step.explore-mobile-step{padding-bottom:400px}}@media (max-width:700px) and (min-height:700px){.step.explore-mobile-step{padding-bottom:500px}}@media (max-width:700px) and (min-height:800px){.step.explore-mobile-step{padding-bottom:550px}}