:root{--background: #505050;--gradient: #646464;--nextred: #C92728}html,body{overflow:hidden;width:100%}body{margin:0;background-image:radial-gradient(circle,var(--gradient),var(--background),var(--background))}header{position:fixed!important}button{display:inline-block;border:none;margin:0;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}#resetArrows,#resetHalo,#infoHalo,#infoi,#scale,#ruler,#helpHalo,#helpq{position:fixed;width:30px;height:30px;margin:5px;right:0%;fill:none;transition:transform .3s}#arrows{fill:#fff;margin:auto}#halo,#ihalo,#sHalo,#helpHalo{stroke:#fff;stroke-width:1.5;stroke-linecap:round;transition:stroke .3s}#reset,#info,#scale,#help{cursor:pointer;margin-bottom:0;right:0;top:95px;position:fixed;z-index:20}#reset{transform:translate(-105px)}#scale{transform:translate(-60px)}#info{transform:translate(-15px)}#help{display:none}#infoi{stroke:#fff;fill:#fff}#helpq{transform:scale(.6) translateY(1px);stroke:#fff;stroke-width:.5px;fill:#fff}#ruler{fill:#fff;transform:translate(9.5px) scale(1)}#reset:hover>#resetArrows{transform:rotate(-180deg) scale(1.1);transition:transform .3s}#info:hover>#infoi{transform:scale(1.3);transition:transform .3s}#help:hover>#helpq{transform:scale(.7) translateY(1px);transition:transform .3s}#scale:hover>#ruler{transform:translate(4.5px,3px) scale(1.1) rotate(45deg)}#resetHalo.tweening{transform:rotate(360deg);transition:transform 1s}#resetHalo.tweening>#halo{stroke:var(--nextred);transition:stroke .2s}#loader{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;pointer-events:none;z-index:99}#loader>#percent.out{opacity:0;transition:opacity 1s}#loader>#percent{position:absolute;left:50%;top:50%;transform:translate(-50%,-24px);color:#fff;font-size:30px;text-align:center;z-index:99;-webkit-user-select:none;user-select:none;transition:opacity .3s;transition-delay:.5s}#loader>#percent>span{font-size:15px}#loader svg{overflow:visible}#loadOrbit.out,#core.out{transform:scale(0);transition:transform .5s;transition-delay:.25s}#loadOrbit.out{transition-delay:.45s}#loadOrbit{transform:scale(1);transition:transform .5s}#orbit{transform-origin:center;transform:rotate(0)}#orbitring{fill:none;stroke:var(--nextred);stroke-width:20px}#satellite{fill:var(--nextred);stroke-width:0px}#orbitoffset{fill:none}#core{transform-origin:center;fill:var(--nextred);stroke-width:0px;transition:transform .5s;transition-delay:.2s}#cover{position:fixed;width:100%;height:100%;background:var(--background);z-index:95;transition:opacity .5s;transition-delay:.2s}#cover.out{opacity:0;pointer-events:none;transition:opacity .5s;transition-delay:.5s}#content{position:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none}.context{pointer-events:none}.context>a{pointer-events:all}.context.unmouse>a{pointer-events:none}.context #sideshow{pointer-events:all}.context{position:fixed;max-width:350px;font-family:Lato,sans-serif;color:#fff;bottom:200px;left:20px;transition:bottom .5s;display:none}.context.active{display:inline-block}body.hide .context{bottom:50px;transition:bottom .5s}.context>#title{font-weight:700;font-size:1.2em}.context>#desc{font-weight:400;opacity:.75}.context>#related{text-decoration:none;font-weight:400;color:#fff;opacity:.75;transition:opacity .2s}.context>#related:hover{opacity:1;transition:opacity .2s}.context>#related>span{padding-left:0;transition:padding-left .2s}.context>#related:hover>span{padding-left:5px;transition:padding-left .2s}#bannerbtn{content:"";height:5px;width:50px;border-radius:5px;background:#00000020;display:block;position:fixed;left:50%;bottom:170px;transform:translate(-50%);transition:transform .5s,background .2s;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px)}#bannerbtn:hover{background:#00000060;transition:transform .5s,background .2s}body.hide #bannerbtn{transform:translate(-50%,150px);transition:transform .5s,background .2s}#sideshow{overflow:hidden;position:fixed;bottom:20px;width:calc(100% - 60px);max-width:2130px;margin:0px calc(50% + 20px);transform:translate(calc(-50% - 20px));padding:10px;background:#00000020;height:125px;border-radius:5px;transition:transform .5s;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);box-sizing:revert}body.hide #sideshow{transform:translate(calc(-50% - 20px),150px);transition:transform .5s}#sideshow #scroller{overflow-x:scroll}.vizmodal div::-webkit-scrollbar{width:4px}#sideshow #scroller::-webkit-scrollbar{height:4px}.vizmodal div::-webkit-scrollbar-track,#sideshow #scroller::-webkit-scrollbar-track{background:transparent;border-radius:100px;width:4px}.vizmodal div::-webkit-scrollbar-thumb,#sideshow #scroller::-webkit-scrollbar-thumb{background:#888;border-radius:100px;width:4px}#sideshow ul{list-style:none;padding:0;margin:0;width:2130px}#sideshow ul a{cursor:pointer}#sideshow img{width:100px;height:100px;transform:scale(1);transition:transform .3s}#sideshow img:hover{transform:scale(1.2);transition:transform .3s}#sideshow li{padding:10px 19px 10px 10px;display:inline-block;vertical-align:top;background:none}#sideshow li:after{content:"";display:inline-block;width:1px;height:100px;transform:translate(17px);background:#fff;opacity:.3}#sideshow li:nth-of-type(16){padding-right:0;background:none}#sideshow li:nth-of-type(16):after{display:none}#bannerscroll{content:"";height:2px;border-radius:5px;background:#ffffff20;display:block;position:fixed;left:50%;bottom:10px;transform:translate(-50%);transition:transform .1s;width:500px}#bannerscroll:hover{background:#ffffff40}#infomodal,#helpmodal{position:fixed;background-color:#00000040;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);z-index:10;right:0;min-width:350px;max-width:510px;width:40%;height:100%;box-shadow:-4px 0 32px #0000;transform:translate(100%);transition:box-shadow .5s,transform .5s}body #scaleHalo{transform:rotate(0);transition:transform .3s}body.imodal #infomodal,body.hmodal #helpmodal{transform:translate(0);box-shadow:-4px 0 32px #00000025;transition:box-shadow .5s,transform .5s}body.imodal #infoHalo,body.hmodal #helpHalo{transform:rotate(180deg)}body.imodal #ihalo,body.hmodal #hhalo{stroke:var(--nextred)}body.showScale #scaleHalo{transform:rotate(180deg);transition:transform .3s}body.showScale #sHalo{stroke:var(--nextred);transition:stroke .3s}.vizmodal>div{margin:140px auto auto;color:#fff;opacity:.9;font-family:Lato,sans-serif;font-weight:400;size:16px;line-height:24px;max-width:450px;width:90%;min-width:250px;overflow-y:scroll;max-height:calc(100% - 140px);padding-right:20px}.vizmodal>div>p{margin-top:0}.vizmodal>div>p:not(:first-of-type){padding-top:16px}.vizmodal h2{margin-top:0;padding-top:0;margin-bottom:0}.vizmodal h3{margin-top:0;font-weight:300}x canvas{-webkit-tap-highlight-color:transparent}#VRButton,body>a{position:absolute!important;bottom:175px!important;left:calc(100% - 20px)!important;transform:translate(-100%,-50%);opacity:.75!important;cursor:pointer!important;color:#0000!important;width:150px!important;padding:15px 6px!important;font-size:5px!important;transition:opacity .2s,bottom .5s;z-index:1!important}body.hide #VRButton,body.hide>a{bottom:30px!important;transition:bottom .5s}#VRButton:before,body>a:before{font-family:Lato,sans-serif;position:absolute;left:50%;transform:translate(-50%,-7px);margin-top:35px;content:"(available only with headset)";font-size:10px;width:300px;color:#fff;opacity:.5}#VRButton:after,body>a:after{font-family:Lato,sans-serif;position:fixed;left:50%;transform:translate(-50%,-7px);margin-top:0;content:"Experience in VR";font-size:15px;width:300px;color:#fff}#VRButton:hover,body>a:hover{opacity:1!important;transition:opacity .2s}.context>h2,.context>p{color:#fff}.vizmodal h2,.vizmodal h3,.vizmodal p{color:#fff}#experimentation{position:fixed;z-index:100;color:#fff}#experimentation.hide{display:none}#experimentation div{width:350px;height:106px;background:var(--nextred);border-radius:5px;position:fixed;margin:25px 50%;transform:translate(-50%)}#experimentation label:first-of-type{position:absolute;width:100%;text-align:center;top:10px;font-size:1.2em}#experimentation input{display:block;position:absolute;top:42px;margin-left:132px;color:transparent}#experimentation label:not(:first-of-type){position:absolute;margin-left:85px;text-align:right;top:70px;font-size:1.2em}#experimentation #uploadscale{display:block;position:absolute;top:70px;margin-left:220px;width:40px;color:#000;text-align:center}