@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);:root{--white:#fff}*,:after,:before{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}:root{--button-background-color:var(--white);--button-active-color:#28a4e5;--button-border-color:var(--button-active-color);--button-text-color:#00356a;--button-active-text-color:var(--button-background-color);--emission-toggle-size:4.47vw;--neg-emission-toggle-size:-4.47vw;--year-indicator-size:27.86vw;--climate-indicator-size:10vw;--take-a-look-button-width:12.65vw;--take-a-look-button-height:3.75vw;--scene-left-offset:6vw}@media screen and (orientation:portrait){:root{--emission-toggle-size:7.96vw;--neg-emission-toggle-size:-7.96vw;--year-indicator-size:49.53vw;--climate-indicator-size:24vw;--take-a-look-button-width:22.5vw;--take-a-look-button-height:6.66vw;--scene-left-offset:0}}body,html{overflow:hidden}body{margin:0;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--white)}.text-center{text-align:center}span.green{color:#7ab627}.App{margin-left:auto;margin-right:auto;background:var(--white);height:100vh;width:100vw;position:fixed;background:linear-gradient(#236eaf,#31a2f9,#1b5f9b)}.App .splash-text{color:var(--white);z-index:11;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all 1s ease 1s;-webkit-transform-origin:center;transform-origin:center;max-width:100vw}.App .splash-text img{width:20vw;object-fit:contain}@media screen and (orientation:portrait){.App .splash-text img{width:30vh}}.App .progress-wrapper{position:absolute;z-index:11;transition:all .25s ease 1s;opacity:0;pointer-events:none}.App .dark-loading-overlay{background:#000;inset:0;position:fixed;z-index:10;transition:all 1s ease 1s;pointer-events:none;opacity:0}.App .dark-loading-overlay .noise{height:100vh;pointer-events:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:0;display:block;opacity:.5;mix-blend-mode:difference}.App .dark-loading-overlay .noise:before{content:"";z-index:999;position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://herdl.com/wp-content/uploads/2020/11/noise-web.webp);-webkit-animation:noise 90ms infinite;animation:noise 90ms infinite}@-webkit-keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}.App.state-loading .dark-loading-overlay,.App.state-loading .progress-wrapper,.App.state-loading .splash-text{opacity:1}.App.state-splash .splash-text{top:0;-webkit-transform:scale(2) translate(-95%,25%);transform:scale(2) translate(-95%,25%)}@media screen and (orientation:portrait){.App.state-splash .splash-text{top:8.1vh;-webkit-transform:translate(-50%);transform:translate(-50%)}}.App.state-first-use .splash-text,.App.state-intro .splash-text{opacity:.5;left:75%;top:25%;-webkit-transform:translate(-25%,-30%) scale(1);transform:translate(-25%,-30%) scale(1);transition-delay:0s}@media screen and (orientation:portrait){.App.state-first-use .splash-text,.App.state-intro .splash-text{left:55%;-webkit-transform:translate(-30%,-80%) scale(.8);transform:translate(-30%,-80%) scale(.8)}}.App.state-using .splash-text{left:100%;top:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:0;transition-delay:0s}.App .clustered-toggles{position:absolute;left:4vw;top:calc(50vh - var(--year-indicator-size)*0.5)}@media screen and (orientation:portrait){.App .clustered-toggles{top:5vh}}.App #debug{position:fixed;top:0;left:0;background:var(--white);z-index:200000;color:#000}.App .hidden-reset-button{position:absolute;z-index:1000;width:10vw;height:10vw;right:0}.cube-wrapper{position:absolute;width:100%;height:100%;top:0}.cube-wrapper canvas{transition:all .5s ease;-webkit-filter:sepia(.4) saturate(1) contrast(.8) brightness(1.1);filter:sepia(.4) saturate(1) contrast(.8) brightness(1.1);-webkit-transform:translateX(var(--scene-left-offset));transform:translateX(var(--scene-left-offset))}*{box-sizing:border-box}.exporter-wrapper{background:var(--white);display:grid;grid-template-columns:repeat(2,50vw);grid-template-rows:repeat(2,auto) 1fr;height:100vh;color:#494949;grid-row-gap:15px}.exporter-wrapper .uploader-wrapper{display:flex;height:50px}.exporter-wrapper .uploader-wrapper .upload-button{position:relative}.exporter-wrapper .uploader-wrapper .upload-button input[type=file]{opacity:0;position:absolute;background:red;width:100%;height:100%}.exporter-wrapper .uploader-wrapper button{width:90%;height:90%;background:#b7b7b7;border-radius:2px;border:none;border-bottom:2px solid #575757;margin:5px;font-weight:700}.exporter-wrapper .scene-wrapper{overflow:scroll}.exporter-wrapper .scene-wrapper table{border-collapse:collapse;border-spacing:.5px;background:#000}.exporter-wrapper .scene-wrapper table input{border:none;font-family:inherit;text-align:right;padding:0;color:inherit;font-size:inherit}.exporter-wrapper .scene-wrapper table input:focus{outline:none}.exporter-wrapper .scene-wrapper table .sticky{position:-webkit-sticky;position:sticky;background:var(--white)}.exporter-wrapper .scene-wrapper table .sticky input{text-align:center}.exporter-wrapper .scene-wrapper table .sticky.sticky-top{top:0}.exporter-wrapper .scene-wrapper table .sticky.sticky-left{left:0}.exporter-wrapper .scene-wrapper table .scene-name-wrapper{display:grid;grid-template-columns:auto 1fr}.exporter-wrapper .canvas-wrapper{grid-column:2/3;grid-row:1/4;background:#b0b0b0}.exporter-wrapper .canvas-wrapper canvas{width:100%;height:100%}.emission-toggle-wrapper{height:var(--emission-toggle-size);border-radius:calc(var(--emission-toggle-size)/2);font-size:calc(var(--emission-toggle-size)/4);font-weight:700;position:relative;width:calc(var(--emission-toggle-size)*4);-webkit-user-select:none;-ms-user-select:none;user-select:none}.emission-toggle-wrapper:before{content:" ";position:absolute;inset:0;z-index:0;border-radius:inherit;border:calc(var(--emission-toggle-size)*0.02) solid hsla(0,0%,100%,.4)}.emission-toggle-wrapper h1{position:absolute;top:calc(var(--neg-emission-toggle-size)*0.1);width:100%;margin:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);font-size:calc(var(--emission-toggle-size)*0.28);text-align:center;pointer-events:none;text-transform:uppercase;font-weight:400;letter-spacing:calc(var(--emission-toggle-size)*0.06)}.emission-toggle-wrapper .labels{display:grid;width:100%;grid-template-columns:50% 50%;align-content:center;height:100%;pointer-events:none;position:relative;z-index:2}.emission-toggle-wrapper .labels input{display:none}.emission-toggle-wrapper .labels input+label{text-align:center;text-transform:uppercase}.emission-toggle-wrapper .labels input:checked+label{color:var(--button-text-color)}.emission-toggle-wrapper .ball-wrapper{width:calc(50% - var(--emission-toggle-size)/2 + var(--emission-toggle-size)*0.74/2);margin-left:calc(var(--emission-toggle-size)/2 - var(--emission-toggle-size)*0.74/2);height:calc(var(--emission-toggle-size)*0.74);top:calc(var(--emission-toggle-size)/2 - var(--emission-toggle-size)*0.74/2);position:absolute;display:flex;justify-content:center;pointer-events:none;transition:all .25s ease;z-index:1}.emission-toggle-wrapper .ball-wrapper .ball{height:100%;width:100%;background:var(--button-background-color);border:1px solid var(--button-border-color);border-radius:calc(var(--emission-toggle-size)*0.9/2);top:8px;left:8px}.emission-toggle-wrapper .ball-wrapper .ball:before{content:" ";position:absolute;z-index:-2;background:rgba(0,0,0,.5);inset:0;border-radius:inherit;-webkit-transform:translateY(2.5%);transform:translateY(2.5%)}.emission-toggle-wrapper.is-false .ball-wrapper{-webkit-transform:translateX(100%);transform:translateX(100%)}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}.footer-wrapper{--footer-padding:4vw;--footer-font-size:1vw;--footer-logo-size:15vw;position:fixed;bottom:0;width:100vw;left:0;display:flex;justify-content:space-between;padding:0 var(--footer-padding) var(--footer-padding)}@media screen and (orientation:portrait){.footer-wrapper{--footer-padding:7.4vw;--footer-font-size:1.85vw;--footer-logo-size:26vw}}.footer-wrapper>*{transition:all .75s ease-out 1.5s;display:grid;align-content:end}.footer-wrapper .left-side{font-size:var(--footer-font-size);color:var(--white);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.footer-wrapper .left-side .left-side-contents{-webkit-transform:translateY(5px);transform:translateY(5px)}.footer-wrapper .right-side{-webkit-transform:translateX(100%);transform:translateX(100%)}.footer-wrapper .right-side img{width:var(--footer-logo-size)}.footer-wrapper+.qr-wrapper{background-color:var(--white);box-shadow:0 0 0 1vw hsla(0,0%,100%,.25);padding:2.6vw;border-radius:2.6vw;font-size:1vw;transition:all .25s cubic-bezier(.8,.5,.2,1.4);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:rgba(0,0,0,.8);text-align:center;width:21.87vw;z-index:10}@media screen and (orientation:portrait){.footer-wrapper+.qr-wrapper{border-radius:4.62vw;padding:4.62vw;font-size:1.85vw;width:38.88vw}}.footer-wrapper+.qr-wrapper:not(.visible){pointer-events:none;opacity:0;-webkit-transform:translate(-50%);transform:translate(-50%)}.footer-wrapper+.qr-wrapper img{margin-bottom:2vw;width:100%}.footer-wrapper+.qr-wrapper h5{font-size:1vw;margin:0}@media screen and (orientation:portrait){.footer-wrapper+.qr-wrapper h5{font-size:1.85vw}}.footer-wrapper+.qr-wrapper span{font-size:.83vw}@media screen and (orientation:portrait){.footer-wrapper+.qr-wrapper span{font-size:1.48vw}}.App:not(.state-loading) .footer-wrapper .left-side,.App:not(.state-loading) .footer-wrapper .right-side{-webkit-transform:none;transform:none}.touch-balloons-wrapper{width:40vw;height:40vw;position:fixed;top:50%;left:calc(50% + var(--scene-left-offset));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;transition:all .5s ease-in}@media screen and (orientation:portrait){.touch-balloons-wrapper{width:50vw;height:50vh;left:50%}}.touch-balloons-wrapper .touch-balloons-container{position:relative;height:100%;width:100%}.touch-balloons-wrapper .touch-balloons-container .single-balloon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.touch-balloons-wrapper .touch-balloons-container .single-balloon>*{-webkit-animation-name:fly-around;animation-name:fly-around;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;--touch-balloon-rotate-scale:15vw}@media screen and (orientation:portrait){.touch-balloons-wrapper .touch-balloons-container .single-balloon>*{--touch-balloon-rotate-scale:20vh}}@-webkit-keyframes fly-around{0%{-webkit-transform:rotate(0deg) translateX(var(--touch-balloon-rotate-scale)) rotate(0deg);transform:rotate(0deg) translateX(var(--touch-balloon-rotate-scale)) rotate(0deg)}25%{-webkit-transform:rotate(90deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-90deg) scale(.8);transform:rotate(90deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-90deg) scale(.8)}50%{-webkit-transform:rotate(180deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-180deg);transform:rotate(180deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-180deg)}75%{-webkit-transform:rotate(270deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-270deg) scale(.8);transform:rotate(270deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-270deg) scale(.8)}to{-webkit-transform:rotate(1turn) translateX(var(--touch-balloon-rotate-scale)) rotate(-1turn);transform:rotate(1turn) translateX(var(--touch-balloon-rotate-scale)) rotate(-1turn)}}@keyframes fly-around{0%{-webkit-transform:rotate(0deg) translateX(var(--touch-balloon-rotate-scale)) rotate(0deg);transform:rotate(0deg) translateX(var(--touch-balloon-rotate-scale)) rotate(0deg)}25%{-webkit-transform:rotate(90deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-90deg) scale(.8);transform:rotate(90deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-90deg) scale(.8)}50%{-webkit-transform:rotate(180deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-180deg);transform:rotate(180deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-180deg)}75%{-webkit-transform:rotate(270deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-270deg) scale(.8);transform:rotate(270deg) translateX(var(--touch-balloon-rotate-scale)) rotate(-270deg) scale(.8)}to{-webkit-transform:rotate(1turn) translateX(var(--touch-balloon-rotate-scale)) rotate(-1turn);transform:rotate(1turn) translateX(var(--touch-balloon-rotate-scale)) rotate(-1turn)}}.touch-balloons-wrapper .touch-balloons-container .single-balloon:first-child>*{-webkit-animation-delay:-2.5s;animation-delay:-2.5s}.touch-balloons-wrapper .touch-balloons-container .single-balloon:nth-child(2)>*{-webkit-animation-delay:-5s;animation-delay:-5s}.touch-balloons-wrapper .touch-balloons-container .single-balloon:nth-child(3)>*{-webkit-animation-delay:-7.5s;animation-delay:-7.5s}.touch-balloons-wrapper .touch-balloons-container .single-balloon:nth-child(4)>*{-webkit-animation-delay:-10s;animation-delay:-10s}.touch-balloons-wrapper:not(.show){-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);pointer-events:none}.touch-balloon-wrapper{--touch-ballon-size:4vw;padding:0 calc(var(--touch-ballon-size)/2);background:var(--white);border-radius:calc(var(--touch-ballon-size)/2);text-align:center;font-weight:700;font-size:calc(var(--touch-ballon-size)/2);white-space:nowrap;color:#000;line-height:var(--touch-ballon-size)}@media screen and (orientation:portrait){.touch-balloon-wrapper{--touch-ballon-size:6vh}}.popover-wrapper{--popover-width:31vw;--popover-height:56vh;--popover-title-font-size:3vw;--popover-title-text-size:1vw;--popover-padding:4.7vw;--neg-popover-width:calc(var(--popover-width)*-1);position:fixed;inset:0;z-index:12;color:#000}@media screen and (orientation:portrait){.popover-wrapper{--popover-width:56vw;--popover-height:30vh;--popover-title-font-size:5.2vw;--popover-title-text-size:1.85vw;--popover-padding:8.3vw}}.popover-wrapper .popover{width:var(--popover-width);max-height:var(--popover-height);background:var(--white);border:1px solid #707070;border-radius:calc(var(--popover-width)*0.02);display:flex;flex-direction:column;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:calc(var(--popover-width)*0.08);transition:all .5s ease}.popover-wrapper .popover h1{margin:0;font-size:calc(var(--popover-width)*0.06);position:absolute;margin-left:calc(var(--neg-popover-width)*0.15);margin-top:calc(var(--neg-popover-width)*0.15);line-height:calc(var(--popover-width)*0.12);padding:calc(var(--popover-width)*0.15);padding-top:0;padding-bottom:0;border-radius:calc(var(--popover-width)*0.06);background:#fff;box-shadow:0 0 0 calc(var(--popover-width)*0.005) hsla(0,0%,100%,.25)}.popover-wrapper .popover h1:before{background:rgba(0,0,0,.2);-webkit-filter:blur(calc(var(--popover-width)*0.02));filter:blur(calc(var(--popover-width)*0.02));content:" ";position:absolute;width:100%;height:100%;left:0;top:calc(var(--popover-width)*0.06);z-index:-1;-webkit-clip-path:polygon(10.4% 0,1000% 0,1000% 1000%,10.4% 1000%);clip-path:polygon(10.4% 0,1000% 0,1000% 1000%,10.4% 1000%);pointer-events:none}.popover-wrapper .popover p{margin-top:5%;font-size:calc(var(--popover-width)*0.03);line-height:160%}.popover-wrapper .popover .popover-contents{flex:1 1}.popover-wrapper .popover .close-button{position:absolute;top:10px;right:-33.5px}.popover-wrapper .popover .popover-button-wrapper{position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);bottom:0}.popover-wrapper:not(.show){pointer-events:none}.popover-wrapper:not(.show) .popover{top:150%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pulsate-button-wrapper,button.button{--button-size:3.33vw;--yellow-button-height:3.75vw}@media screen and (orientation:portrait){.pulsate-button-wrapper,button.button{--button-size:5.92vw;--yellow-button-height:6.66vw}}button.button{font-weight:700;color:var(--button-text-color);border:1px solid var(--button-border-color);text-transform:uppercase;text-align:center;position:relative;transition:all .2s ease-in;font-size:calc(var(--button-size)/2);line-height:var(--button-size);min-width:var(--button-size);border-radius:calc(var(--button-size)/2);padding:0 calc(var(--button-size)/2);background:var(--button-background-color);cursor:pointer}button.button:before{content:" ";border-radius:inherit;width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:calc(var(--button-size)/20);z-index:-1;transition:inherit;border:1px solid transparent}button.button:active,button.button:hover{background:var(--button-active-color);color:var(--button-active-text-color)}button.button:active:before,button.button:hover:before{top:0}button.button.variant-yellow{display:block;line-height:var(--yellow-button-height);border-radius:calc(var(--yellow-button-height));border:calc(var(--yellow-button-height)*0.06) solid #fff;font-size:calc(var(--yellow-button-height)*0.35);font-weight:700;text-transform:uppercase;background:linear-gradient(180deg,#ffe200,#ffe100 43%,#f2c708 58%,#f0c409);color:#a54101}.pulsate-button-wrapper{border-radius:calc(var(--button-size)/2);position:relative;display:inline-block}.pulsate-button-wrapper .pulse{border:2px solid var(--white);height:100%;width:100%;position:absolute;left:0;top:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-name:pulsate-1_3;animation-name:pulsate-1_3}.pulsate-button-wrapper .pulse:nth-child(2){-webkit-animation-delay:2.4s;animation-delay:2.4s}.pulsate-button-wrapper .pulse:nth-child(3){-webkit-animation-delay:2.6s;animation-delay:2.6s}.pulsate-button-wrapper .pulse:nth-child(4){-webkit-animation-delay:2.8s;animation-delay:2.8s}.pulsate-button-wrapper .pulse:nth-child(5){-webkit-animation-delay:3s;animation-delay:3s}.pulsate-button-wrapper.variant-yellow{border-radius:calc(var(--yellow-button-height))}body.running-on-holobox button.button{cursor:none}.developer-form-wrapper{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.3)}.developer-form-wrapper .developer-form{max-height:min(500px,75vh);overflow:scroll;width:min(800px,75vw);background:#f5f5f5;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000;padding:25px;text-align:center}.developer-form-wrapper .developer-form h1{font-size:20px}.developer-form-wrapper .developer-form .form-wrapper.is-loading{-webkit-filter:grayscale(1);filter:grayscale(1);pointer-events:none}.developer-form-wrapper .developer-form .form-wrapper .uploader-wrapper{display:flex;height:50px;margin-bottom:25px;justify-content:center}.developer-form-wrapper .developer-form .form-wrapper .uploader-wrapper .upload-button{position:relative}.developer-form-wrapper .developer-form .form-wrapper .uploader-wrapper .upload-button input[type=file]{opacity:0;position:absolute;background:red;width:100%;height:100%}.developer-form-wrapper .developer-form .form-wrapper .uploader-wrapper .upload-button button{width:90%;height:90%;background:#b7b7b7;border-radius:2px;border:none;border-bottom:2px solid #575757;font-weight:700;white-space:nowrap}.developer-form-wrapper .developer-form .form-wrapper .uploader-wrapper .upload-button+span{display:inline-block;position:relative;top:10px;left:-5px;height:30px;line-height:28px;color:red;font-weight:700;font-size:20px;cursor:pointer;padding:0 4px;border:1px solid grey;border-left:0;border-radius:50%;border-top-left-radius:0;border-bottom-left-radius:0}.developer-form-wrapper .developer-form .form-wrapper button{margin:5px}.year-indicator-wrapper{position:absolute;width:var(--year-indicator-size);height:var(--year-indicator-size);left:calc(var(--climate-indicator-size)*0.9);top:calc(50vh - var(--year-indicator-size)*0.5);-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;transition:left .5s cubic-bezier(.8,.5,.2,1.4),opacity .5s ease}@media screen and (orientation:portrait){.year-indicator-wrapper{left:37vw;top:5vh}}.year-indicator-wrapper:not(.visible){opacity:0;pointer-events:none;left:calc(4vw + var(--year-indicator-size)*0.5)}@media screen and (orientation:portrait){.year-indicator-wrapper:not(.visible){left:calc(37vw + var(--year-indicator-size)*0.5)}}.year-indicator-wrapper .indicator-container{width:100%;height:100%;padding-bottom:16%;overflow:hidden}.year-indicator-wrapper .indicator-container .indicator{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;transition:all 1.5s ease-in-out,opacity .25s ease-in-out}.year-indicator-wrapper .indicator-container .indicator h1{font-size:calc(var(--year-indicator-size)*0.26);color:#fff;margin:0 0 -5%}.year-indicator-wrapper .indicator-container .indicator span{text-transform:uppercase;font-size:calc(var(--year-indicator-size)*0.1);color:#fff;font-weight:700}.year-indicator-wrapper[data-active="2020"] .indicator-container .indicator{-webkit-transform:translateY(0);transform:translateY(0)}.year-indicator-wrapper[data-active="2025"] .indicator-container .indicator{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.year-indicator-wrapper[data-active="2030"] .indicator-container .indicator{-webkit-transform:translateY(-200%);transform:translateY(-200%)}.year-indicator-wrapper[data-active="2035"] .indicator-container .indicator{-webkit-transform:translateY(-300%);transform:translateY(-300%)}.year-indicator-wrapper[data-active="2040"] .indicator-container .indicator{-webkit-transform:translateY(-400%);transform:translateY(-400%)}.year-indicator-wrapper[data-active="2045"] .indicator-container .indicator{-webkit-transform:translateY(-500%);transform:translateY(-500%)}.year-indicator-wrapper[data-active="2050"] .indicator-container .indicator{-webkit-transform:translateY(-600%);transform:translateY(-600%)}.year-indicator-wrapper[data-active="2055"] .indicator-container .indicator{-webkit-transform:translateY(-700%);transform:translateY(-700%)}.year-indicator-wrapper[data-active="2060"] .indicator-container .indicator{-webkit-transform:translateY(-800%);transform:translateY(-800%)}.year-indicator-wrapper[data-active="2065"] .indicator-container .indicator{-webkit-transform:translateY(-900%);transform:translateY(-900%)}.year-indicator-wrapper[data-active="2070"] .indicator-container .indicator{-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}.year-indicator-wrapper[data-active="2075"] .indicator-container .indicator{-webkit-transform:translateY(-1100%);transform:translateY(-1100%)}.year-indicator-wrapper[data-active="2080"] .indicator-container .indicator{-webkit-transform:translateY(-1200%);transform:translateY(-1200%)}.year-indicator-wrapper[data-active="2085"] .indicator-container .indicator{-webkit-transform:translateY(-1300%);transform:translateY(-1300%)}.year-indicator-wrapper .click-sides{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;top:0;left:0}.year-indicator-wrapper .click-sides .click-side{width:100%;height:50%;opacity:0;transition:all .5s ease-out;position:relative;-webkit-tap-highlight-color:transparent}.year-indicator-wrapper .click-sides .click-side:active{transition-duration:.5s}.year-indicator-wrapper .click-sides .click-side:not(.disabled){cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.year-indicator-wrapper .click-sides .click-side svg{position:absolute;left:50%;width:calc(var(--year-indicator-size)*0.87);height:calc(var(--year-indicator-size)*0.5*0.87);-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.year-indicator-wrapper .click-sides .click-side:first-child svg{bottom:0}.year-indicator-wrapper .click-sides .click-side:nth-child(2) svg{top:0}.year-indicator-wrapper>svg{position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%}.year-indicator-wrapper>svg g[data-name=arrow-down],.year-indicator-wrapper>svg g[data-name=arrow-up]{transition:all .5s ease-out}.year-indicator-wrapper[data-click=decrease][data-click=increase] .click-sides .click-side:nth-child(2),.year-indicator-wrapper[data-click=increase][data-click=increase] .click-sides .click-side:nth-child(2){opacity:1}.year-indicator-wrapper[data-click=decrease][data-click=increase] svg g[data-name=arrow-up],.year-indicator-wrapper[data-click=increase][data-click=increase] svg g[data-name=arrow-up]{-webkit-transform:translateY(-2%);transform:translateY(-2%)}.year-indicator-wrapper[data-click=decrease][data-click=decrease] .click-sides .click-side:first-child,.year-indicator-wrapper[data-click=increase][data-click=decrease] .click-sides .click-side:first-child{opacity:1}.year-indicator-wrapper[data-click=decrease][data-click=decrease] svg g[data-name=arrow-down],.year-indicator-wrapper[data-click=increase][data-click=decrease] svg g[data-name=arrow-down]{-webkit-transform:translateY(2%);transform:translateY(2%)}.year-indicator-wrapper[data-active="2020"] svg g[data-name=arrow-down]{opacity:0}.year-indicator-wrapper[data-active="2020"] .bottom-line{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.year-indicator-wrapper[data-active="2085"] svg g[data-name=arrow-up]{opacity:0}.year-indicator-wrapper[data-active="2085"] .top-line{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.year-indicator-wrapper .timeline-legend{--timeline-legend-size:70%;position:absolute;right:0;top:calc(50% - var(--timeline-legend-size)/2);height:var(--timeline-legend-size);display:flex;flex-direction:column;font-size:calc(var(--year-indicator-size)*0.03);text-transform:uppercase;font-weight:700;justify-content:space-between;text-align:center;transition:opacity .25s ease;pointer-events:none}.year-indicator-wrapper .timeline-legend .timeline-legend-item{display:flex;flex-direction:column}.year-indicator-wrapper .timeline-legend .timeline-legend-item.timeline-end span:last-child,.year-indicator-wrapper .timeline-legend .timeline-legend-item.timeline-start span:first-child{font-size:70%;opacity:.7}.year-indicator-wrapper .year-indicator-children-wrapper{position:absolute;left:50%;top:calc(var(--year-indicator-size)/2);-webkit-transform:translateY(-160%) translateX(-50%);transform:translateY(-160%) translateX(-50%);transition:opacity .25s ease}.year-indicator-wrapper .climate-info-container{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease;pointer-events:none;display:flex;align-items:center}.year-indicator-wrapper.show-climate-info .indicator,.year-indicator-wrapper.show-climate-info .timeline-legend,.year-indicator-wrapper.show-climate-info .year-indicator-children-wrapper{opacity:0}.year-indicator-wrapper.show-climate-info .click-side{pointer-events:none}.year-indicator-wrapper.show-climate-info .climate-info-container{opacity:1;pointer-events:all}body.running-on-holobox .year-indicator-wrapper .click-sides .click-side:not(.disabled){cursor:none}.year-indicator-svg-wrapper{-webkit-transform:translateX(1%);transform:translateX(1%);position:absolute;left:0;top:0;width:var(--year-indicator-size);height:var(--year-indicator-size);pointer-events:none}.year-indicator-svg-wrapper svg .st0{display:none}.year-indicator-svg-wrapper svg .st1{display:inline;fill:#1f39ff}.year-indicator-svg-wrapper svg .st2{opacity:.104;fill:#00356a;enable-background:new}.year-indicator-svg-wrapper svg .st3{fill:#fff}.year-indicator-svg-wrapper svg .st4{fill:none;stroke:#ff356a;stroke-miterlimit:10;display:none}.year-indicator-svg-wrapper svg .dots-bottom,.year-indicator-svg-wrapper svg .dots-top{fill:#fff;transition:all .25s ease;opacity:0}.year-indicator-svg-wrapper svg #arrow_high,.year-indicator-svg-wrapper svg #arrow_low{transition:all .25s ease;opacity:0}.year-indicator-svg-wrapper svg #arrow_low{-webkit-transform:translateY(100%);transform:translateY(100%)}.year-indicator-svg-wrapper svg #arrow_high{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.year-indicator-svg-wrapper svg .dots-top{-webkit-transform:translateX(-1%) translateY(-4.6%);transform:translateX(-1%) translateY(-4.6%)}.year-indicator-svg-wrapper svg .dots-bottom{-webkit-transform:translateX(-1%) translateY(3.6%);transform:translateX(-1%) translateY(3.6%)}.year-indicator-svg-wrapper svg path#bol{offset-path:path("M74.5,36.7c38,48.3,58.7,107.9,58.8,169.3c-0.1,61.4-20.8,121.1-58.8,169.3");offset-rotate:90deg;transition:all .25s ease-out,opacity .25s ease-in-out;-webkit-transform:translateY(-41.8%) translateX(-22%);transform:translateY(-41.8%) translateX(-22%)}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper{height:calc(var(--year-indicator-size)*0.19);position:absolute;left:calc(var(--year-indicator-size)*0.392);transition:opacity .5s ease-in-out 1s}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper.pulsate-high-wrapper{-webkit-transform:translateY(-40%) scale(1.5);transform:translateY(-40%) scale(1.5)}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper.pulsate-low-wrapper{bottom:0;-webkit-transform:translateY(35%) scale(1.5);transform:translateY(35%) scale(1.5)}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper path{fill:transparent;opacity:.6;transform-box:fill-box;-webkit-transform-origin:center center;transform-origin:center center;stroke:#fff;stroke-width:.5px;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper path.low-pulse{-webkit-animation-name:low-pulsate;animation-name:low-pulsate}@-webkit-keyframes low-pulsate{0%{opacity:1;-webkit-transform:scale(0) translateY(-45%);transform:scale(0) translateY(-45%)}to{opacity:0;-webkit-transform:scale(2) translateY(-10%);transform:scale(2) translateY(-10%)}}@keyframes low-pulsate{0%{opacity:1;-webkit-transform:scale(0) translateY(-45%);transform:scale(0) translateY(-45%)}to{opacity:0;-webkit-transform:scale(2) translateY(-10%);transform:scale(2) translateY(-10%)}}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper path.high-pulse{-webkit-animation-name:high-pulsate;animation-name:high-pulsate}@-webkit-keyframes high-pulsate{0%{opacity:1;-webkit-transform:scale(0) translateY(40%);transform:scale(0) translateY(40%)}to{opacity:0;-webkit-transform:scale(2) translateY(8%);transform:scale(2) translateY(8%)}}@keyframes high-pulsate{0%{opacity:1;-webkit-transform:scale(0) translateY(40%);transform:scale(0) translateY(40%)}to{opacity:0;-webkit-transform:scale(2) translateY(8%);transform:scale(2) translateY(8%)}}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper path:first-child{-webkit-animation-delay:2.2s;animation-delay:2.2s}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper path:nth-child(2){-webkit-animation-delay:2.4s;animation-delay:2.4s}.year-indicator-svg-wrapper svg~svg.pulsate-wrapper path:nth-child(3){-webkit-animation-delay:2.6s;animation-delay:2.6s}.year-indicator-svg-wrapper:not(.is-touching)[data-step="1"] svg path#bol{offset-distance:0}.year-indicator-svg-wrapper:not(.is-touching)[data-step="2"] svg path#bol{offset-distance:7.69231%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="3"] svg path#bol{offset-distance:15.38462%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="4"] svg path#bol{offset-distance:23.07692%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="5"] svg path#bol{offset-distance:30.76923%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="6"] svg path#bol{offset-distance:38.46154%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="7"] svg path#bol{offset-distance:46.15385%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="8"] svg path#bol{offset-distance:53.84615%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="9"] svg path#bol{offset-distance:61.53846%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="10"] svg path#bol{offset-distance:69.23077%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="11"] svg path#bol{offset-distance:76.92308%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="12"] svg path#bol{offset-distance:84.61538%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="13"] svg path#bol{offset-distance:92.30769%}.year-indicator-svg-wrapper:not(.is-touching)[data-step="14"] svg path#bol{offset-distance:100%}.year-indicator-svg-wrapper:not(.top-enabled) svg .dots-top{opacity:1}.year-indicator-svg-wrapper:not(.top-enabled) svg.pulsate-high-wrapper{opacity:0;transition-delay:0s}.year-indicator-svg-wrapper.top-enabled svg #arrow_high{-webkit-transform:none;transform:none;opacity:1}.year-indicator-svg-wrapper:not(.bottom-enabled) svg .dots-bottom{opacity:1}.year-indicator-svg-wrapper:not(.bottom-enabled) svg.pulsate-low-wrapper{opacity:0;transition-delay:0s}.year-indicator-svg-wrapper.bottom-enabled svg #arrow_low{-webkit-transform:none;transform:none;opacity:1}.year-indicator-svg-wrapper:not(.show-ball) svg path#bol{opacity:0}.year-indicator-svg-wrapper.is-touching svg path#bol{transition-duration:0s}.year-indicator-svg-wrapper+.path-box{height:calc(var(--year-indicator-size)*0.62);width:calc(var(--year-indicator-size)*0.2);position:absolute;top:calc(var(--year-indicator-size)*0.5);right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:20}.year-indicator-svg-wrapper+.path-box .fake-ball{position:relative;width:calc(var(--year-indicator-size)*0.2);height:calc(var(--year-indicator-size)*0.04);-webkit-transform:scaleY(3);transform:scaleY(3)}.climate-indicator-wrapper{position:absolute;width:var(--climate-indicator-size);height:var(--climate-indicator-size);background:#fff;background:linear-gradient(180deg,#eff6fa,#fff 25%,#fff 50%,#e2eff2 75%,#d3e2ea);border:calc(var(--climate-indicator-size)*0.01) solid #fff;border-radius:50%;overflow:hidden;-webkit-animation:float 5.5s ease-in-out infinite;animation:float 5.5s ease-in-out infinite;box-shadow:-40px 75px 40px 0 rgba(0,0,0,.2);left:1.77vw;top:calc(50vh - var(--climate-indicator-size)*0.5);transition:left .5s cubic-bezier(.8,.5,.2,1.4),opacity .5s ease}@media screen and (orientation:portrait){.climate-indicator-wrapper{left:17vw;top:17vw}}.climate-indicator-wrapper:not(.visible){opacity:0;pointer-events:none;left:calc(18vw - var(--climate-indicator-size)*0.5)}@media screen and (orientation:portrait){.climate-indicator-wrapper:not(.visible){left:calc(17vw - var(--climate-indicator-size)*0.5)}}.climate-indicator-wrapper .climate-indicator-side{position:absolute;left:0;width:100%;height:100%;transition:all .25s ease-in-out;color:var(--button-text-color);text-align:center}.climate-indicator-wrapper .climate-indicator-side:nth-child(2){left:100%}.climate-indicator-wrapper .climate-indicator-side .climate-indicator{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;transition:all 1.5s ease-in-out;overflow:hidden}.climate-indicator-wrapper .climate-indicator-side .climate-indicator *{margin:0;-webkit-transform:translateY(-8%);transform:translateY(-8%)}.climate-indicator-wrapper .climate-indicator-side .climate-indicator h2{font-size:calc(var(--climate-indicator-size)*0.29)}.climate-indicator-wrapper .climate-indicator-side .climate-indicator h3{font-size:calc(var(--climate-indicator-size)*0.0933);font-weight:400;margin-bottom:-1%;line-height:120%}.climate-indicator-wrapper[data-emission=low] .climate-indicator-side{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.climate-indicator-wrapper[data-year="2020"] .climate-indicator{-webkit-transform:translateY(0);transform:translateY(0)}.climate-indicator-wrapper[data-year="2025"] .climate-indicator{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.climate-indicator-wrapper[data-year="2030"] .climate-indicator{-webkit-transform:translateY(-200%);transform:translateY(-200%)}.climate-indicator-wrapper[data-year="2035"] .climate-indicator{-webkit-transform:translateY(-300%);transform:translateY(-300%)}.climate-indicator-wrapper[data-year="2040"] .climate-indicator{-webkit-transform:translateY(-400%);transform:translateY(-400%)}.climate-indicator-wrapper[data-year="2045"] .climate-indicator{-webkit-transform:translateY(-500%);transform:translateY(-500%)}.climate-indicator-wrapper[data-year="2050"] .climate-indicator{-webkit-transform:translateY(-600%);transform:translateY(-600%)}.climate-indicator-wrapper[data-year="2055"] .climate-indicator{-webkit-transform:translateY(-700%);transform:translateY(-700%)}.climate-indicator-wrapper[data-year="2060"] .climate-indicator{-webkit-transform:translateY(-800%);transform:translateY(-800%)}.climate-indicator-wrapper[data-year="2065"] .climate-indicator{-webkit-transform:translateY(-900%);transform:translateY(-900%)}.climate-indicator-wrapper[data-year="2070"] .climate-indicator{-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}.climate-indicator-wrapper[data-year="2075"] .climate-indicator{-webkit-transform:translateY(-1100%);transform:translateY(-1100%)}.climate-indicator-wrapper[data-year="2080"] .climate-indicator{-webkit-transform:translateY(-1200%);transform:translateY(-1200%)}.climate-indicator-wrapper[data-year="2085"] .climate-indicator{-webkit-transform:translateY(-1300%);transform:translateY(-1300%)}.climate-indicator-wrapper .small-info-button-wrapper{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-160%);transform:translateX(-50%) translateY(-160%);border-radius:50%;width:calc(var(--climate-indicator-size)*0.12);height:calc(var(--climate-indicator-size)*0.12)}.climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container{position:relative;border-radius:inherit;height:100%}.climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container button{border-radius:inherit;font-size:calc(var(--climate-indicator-size)*0.07);width:calc(var(--climate-indicator-size)*0.12);height:calc(var(--climate-indicator-size)*0.12);padding:0;border:calc(var(--climate-indicator-size)*0.01) solid #28a4e5;color:#28a4e5;font-weight:700;background:none;position:absolute;z-index:1;cursor:pointer}.climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container .pulse{border:2px solid var(--white);height:100%;width:100%;position:absolute;border-radius:inherit;left:0;top:0;pointer-events:none;-webkit-animation-name:pulsate;animation-name:pulsate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container .pulse:nth-child(2){-webkit-animation-delay:2.4s;animation-delay:2.4s}.climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container .pulse:nth-child(3){-webkit-animation-delay:2.6s;animation-delay:2.6s}.climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container .pulse:nth-child(4){-webkit-animation-delay:2.8s;animation-delay:2.8s}.climate-indicator-wrapper+.climate-info-line{position:absolute;content:" ";height:calc(var(--climate-indicator-size)*0.01);width:calc(var(--climate-indicator-size)*0.5);border-radius:2px;background:#fff;z-index:-1;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;pointer-events:none;left:calc(1.77vw + var(--climate-indicator-size)*0.65);top:calc(50vh - var(--climate-indicator-size)*0.25)}@media screen and (orientation:portrait){.climate-indicator-wrapper+.climate-info-line{left:calc(17vw + var(--climate-indicator-size)*0.65);top:calc(17vw + var(--climate-indicator-size)*0.5)}}.climate-indicator-wrapper:not(.show-climate-info)+.climate-info-line{-webkit-transform:scaleX(0);transform:scaleX(0);transition-timing-function:ease-in}body.running-on-holobox .climate-indicator-wrapper .small-info-button-wrapper .small-info-button-container button{cursor:none}.info-modal-wrapper{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10}.info-modal-wrapper:not(.visible){pointer-events:none}.info-modal-wrapper .take-a-look-button-container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (orientation:landscape){.info-modal-wrapper .take-a-look-button-container{display:none}}.info-modal-wrapper .info-modal-inner{margin:0 auto;width:30vw;position:absolute;left:60vw;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}@media screen and (orientation:portrait){.info-modal-wrapper .info-modal-inner{top:calc(50% + var(--take-a-look-button-height));left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50vw;bottom:30vw}.info-modal-wrapper .info-modal-inner .take-a-look-button-wrapper{display:none}}.info-button-wrapper{--info-button-size:6vw;position:absolute;width:var(--info-button-size);line-height:calc(var(--info-button-size) - var(--info-button-size)*0.05*2);background:var(--white);background:linear-gradient(180deg,#eff6fa,#fff 25%,#fff 50%,#e2eff2 75%,#d3e2ea);border-radius:50%;text-align:center;color:var(--button-text-color);font-size:calc(var(--info-button-size)/2);font-weight:700;cursor:pointer;border:calc(var(--info-button-size)*0.05) solid #31a2f9;left:calc(50% + 160px);bottom:calc(50% - min(15vw,120px)*2.5);transition:all .25s cubic-bezier(.8,.5,.2,1.4) 1s}@media screen and (orientation:portrait){.info-button-wrapper{--info-button-size:11vw;left:77vw;top:50vh;bottom:auto}}.info-button-wrapper:not(.visible){opacity:0;pointer-events:none;-webkit-transform:scale(0);transform:scale(0)}.info-button-wrapper .pulse{border:2px solid var(--white);height:100%;width:100%;position:absolute;border-radius:inherit;left:0;top:0;pointer-events:none;-webkit-animation-name:pulsate;animation-name:pulsate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.info-button-wrapper .pulse:nth-child(2){-webkit-animation-delay:2.4s;animation-delay:2.4s}.info-button-wrapper .pulse:nth-child(3){-webkit-animation-delay:2.6s;animation-delay:2.6s}.info-button-wrapper .pulse:nth-child(4){-webkit-animation-delay:2.8s;animation-delay:2.8s}body.running-on-holobox .info-button-wrapper{cursor:none}.info-fragment-wrapper{--info-fragment-size:27.18vw;--info-fragment-font-size:2vw;transition:opacity .25s ease,-webkit-transform .25s cubic-bezier(.8,.5,.2,1.4);transition:transform .25s cubic-bezier(.8,.5,.2,1.4),opacity .25s ease;transition:transform .25s cubic-bezier(.8,.5,.2,1.4),opacity .25s ease,-webkit-transform .25s cubic-bezier(.8,.5,.2,1.4);display:flex}@media screen and (orientation:portrait){.info-fragment-wrapper{--info-fragment-font-size:3.5vw;--info-fragment-size:48.33vw}}.info-fragment-wrapper:not(.visible){pointer-events:none;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.info-fragment-wrapper .info-fragment-inner{display:inline-block;font-size:var(--info-fragment-font-size);line-height:calc(var(--info-fragment-font-size)*1.25);color:var(--button-text-color);background:var(--white);border-radius:calc(var(--info-fragment-size)*0.38);font-weight:700;padding:calc(var(--info-fragment-size)*0.07) calc(var(--info-fragment-size)*0.15);text-align:center;margin-bottom:calc(var(--info-fragment-size)*0.0375);position:relative;box-shadow:0 0 0 calc(var(--info-fragment-size)*0.0125) hsla(0,0%,100%,.25)}.info-fragment-wrapper .info-fragment-inner .info-fragment-html{white-space:nowrap}.info-fragment-wrapper.has-image .info-fragment-inner{padding:calc(var(--info-fragment-size)*0.07) calc(var(--info-fragment-size)*0.3)}.info-fragment-wrapper:first-child{transition-delay:0ms}.info-fragment-wrapper:first-child:not(.visible),.info-fragment-wrapper:nth-child(2){transition-delay:.12s}.info-fragment-wrapper:nth-child(2):not(.visible){transition-delay:0ms}.info-fragment-wrapper:nth-child(3){transition-delay:.24s}.info-fragment-wrapper:nth-child(3):not(.visible){transition-delay:-.12s}.info-modal-inner.length-1 .info-fragment-wrapper{justify-content:center}.info-modal-inner.length-2 .info-fragment-wrapper:nth-child(odd),.info-modal-inner.length-3 .info-fragment-wrapper:nth-child(2n){justify-content:end}.info-fragment-image-wrapper{--info-fragment-image-size:calc(var(--info-fragment-size)*0.28);--info-fragment-image-border:calc(var(--info-fragment-image-size)*0.1);--info-fragment-image-neg:calc(var(--info-fragment-image-size)*-0.4);border:calc(var(--info-fragment-image-border)) solid #fff;border-radius:50%;position:absolute;background:#7fc266;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:var(--info-fragment-image-size);width:var(--info-fragment-image-size)}.info-fragment-image-wrapper.image-left{left:var(--info-fragment-image-neg)}.info-fragment-image-wrapper.image-right{right:var(--info-fragment-image-neg)}.info-fragment-image-wrapper img{height:calc(var(--info-fragment-image-size)*1.6);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.take-a-look-button-wrapper{--neg-take-a-look-button-width:calc(var(--take-a-look-button-width)*-1);--neg-take-a-look-button-height:calc(var(--take-a-look-button-height)*-1);transition:-webkit-transform .25s cubic-bezier(.8,.5,.2,1.4);transition:transform .25s cubic-bezier(.8,.5,.2,1.4);transition:transform .25s cubic-bezier(.8,.5,.2,1.4),-webkit-transform .25s cubic-bezier(.8,.5,.2,1.4);margin:calc(var(--take-a-look-button-height)*0.1) auto 0;text-align:center;width:var(--take-a-look-button-width)}.take-a-look-button-wrapper:not(.visible){pointer-events:none;-webkit-transform:scale(0);transform:scale(0)}.take-a-look-button-wrapper img{position:absolute;height:calc(var(--take-a-look-button-height)*2*0.9);top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);left:100%}.climate-info-wrapper{width:calc(var(--year-indicator-size)*0.686);margin-left:calc(var(--year-indicator-size)*0.2)}.climate-info-wrapper h4{font-size:calc(var(--year-indicator-size)*0.048);margin:0 0 8%;line-height:0}.climate-info-wrapper p{font-size:calc(var(--year-indicator-size)*0.036)}.climate-info-wrapper h4,.climate-info-wrapper p{letter-spacing:calc(var(--year-indicator-size)*0.005)}.climate-info-wrapper .close-button-wrapper{position:absolute;right:12%;top:14.7%;z-index:21}.climate-info-wrapper .close-button-wrapper .close-button{padding:0;height:calc(var(--year-indicator-size)*0.09);line-height:calc(var(--year-indicator-size)*0.09);width:calc(var(--year-indicator-size)*0.09);min-width:0;font-size:calc(var(--year-indicator-size)*0.06);font-weight:400}.progress-circle-lottie{-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.emission-choice-wrapper{--emission-choice-size:18.48vw;position:absolute;z-index:10;transition:opacity .25s ease,-webkit-transform .25s cubic-bezier(.8,.5,.2,1.4);transition:transform .25s cubic-bezier(.8,.5,.2,1.4),opacity .25s ease;transition:transform .25s cubic-bezier(.8,.5,.2,1.4),opacity .25s ease,-webkit-transform .25s cubic-bezier(.8,.5,.2,1.4);display:flex;flex-direction:column;align-items:center;left:50%;top:0;-webkit-transform:translateX(-110%) translateY(100%);transform:translateX(-110%) translateY(100%)}@media screen and (orientation:portrait){.emission-choice-wrapper{--emission-choice-size:32.87vw}}@media screen and (orientation:landscape){.emission-choice-wrapper{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}}.emission-choice-wrapper:not(.visible){opacity:0;-webkit-transform:translateX(-110%) translateY(100%) scale(0);transform:translateX(-110%) translateY(100%) scale(0)}@media screen and (orientation:landscape){.emission-choice-wrapper:not(.visible){-webkit-transform:translateX(-50%) translateY(100%) scale(0);transform:translateX(-50%) translateY(100%) scale(0)}}.emission-choice-wrapper span{font-size:calc(var(--emission-choice-size)*0.056);letter-spacing:calc(var(--emission-choice-size)*0.02)}.emission-choice-wrapper span.in-your-face{font-size:calc(var(--emission-choice-size)*0.073)}.emission-choice-wrapper .buttons-wrapper{margin-top:calc(var(--emission-choice-size)*0.056);display:flex;grid-gap:calc(var(--emission-choice-size)*0.056);gap:calc(var(--emission-choice-size)*0.056);position:relative}.emission-choice-wrapper .buttons-wrapper .pulse-wrapper{border-radius:calc(var(--emission-choice-size)*0.5);position:absolute;inset:0;-webkit-transform:scale(1.1,1.2);transform:scale(1.1,1.2);opacity:.5;z-index:-1}.emission-choice-wrapper .buttons-wrapper .pulse-wrapper .pulse{border-width:2px;height:100%;width:100%;position:absolute;left:0;top:0;z-index:-1;pointer-events:none;border-radius:inherit;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-name:pulsate-1_3;animation-name:pulsate-1_3;border:1px solid var(--white)}.emission-choice-wrapper .buttons-wrapper .pulse-wrapper .pulse:first-child{-webkit-animation-delay:2.2s;animation-delay:2.2s}.emission-choice-wrapper .buttons-wrapper .pulse-wrapper .pulse:nth-child(2){-webkit-animation-delay:2.4s;animation-delay:2.4s}.emission-choice-wrapper .buttons-wrapper .pulse-wrapper .pulse:nth-child(3){-webkit-animation-delay:2.6s;animation-delay:2.6s}.emission-choice-wrapper .buttons-wrapper .pulse-wrapper .pulse:nth-child(4){-webkit-animation-delay:2.8s;animation-delay:2.8s}@-webkit-keyframes pulsate-1_3{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@keyframes pulsate-1_3{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}.shadow{--shadow-wall-size:25vw;--shadow-floor-size:18vw;--neg-shadow-wall-size:calc(var(--shadow-wall-size)*-1);--neg-shadow-floor-size:calc(var(--shadow-floor-size)*-1);position:absolute;z-index:0;pointer-events:none;border-radius:50%;background:#000;-webkit-filter:blur(calc(var(--shadow-wall-size)*0.15));filter:blur(calc(var(--shadow-wall-size)*0.15));opacity:.5}@media screen and (orientation:portrait){.shadow{--shadow-wall-size:40vw;--shadow-floor-size:30vw}}.shadow.wall{height:var(--shadow-wall-size);width:var(--shadow-wall-size);left:calc(50% + var(--neg-shadow-wall-size)*0.8 + var(--scene-left-offset));top:40%}@media screen and (orientation:portrait){.shadow.wall{left:calc(10% + var(--scene-left-offset));top:50%}}.shadow.floor{height:var(--shadow-floor-size);width:var(--shadow-floor-size);left:calc(50% + var(--scene-left-offset));-webkit-transform:translateY(10%) translateX(-50%) scaleX(1.4) matrix3d(1,0,0,0,0,.4,0,-.001,0,0,1,0,0,0,0,1);transform:translateY(10%) translateX(-50%) scaleX(1.4) matrix3d(1,0,0,0,0,.4,0,-.001,0,0,1,0,0,0,0,1);bottom:-20%;opacity:.4;-webkit-filter:blur(calc(var(--shadow-wall-size)*0.2));filter:blur(calc(var(--shadow-wall-size)*0.2))}@media screen and (orientation:portrait){.shadow.floor{bottom:5%;left:50%}}.shadow.floor-faded{height:var(--shadow-floor-size);width:var(--shadow-floor-size);left:calc(50% + var(--scene-left-offset));-webkit-transform:translateX(-50%) scaleX(1.5) matrix3d(1,0,0,0,0,.4,0,-.004,0,0,1,0,0,0,0,1);transform:translateX(-50%) scaleX(1.5) matrix3d(1,0,0,0,0,.4,0,-.004,0,0,1,0,0,0,0,1);bottom:-5%;opacity:.3;-webkit-filter:blur(calc(var(--shadow-wall-size)*0.3));filter:blur(calc(var(--shadow-wall-size)*0.3))}@media screen and (orientation:portrait){.shadow.floor-faded{bottom:5%;left:50%}}body .touch-feedback{--touch-feedback-size:10vw;pointer-events:none;height:var(--touch-feedback-size);width:var(--touch-feedback-size);background:#fff;position:absolute;border-radius:50%;transition:width .25s ease-out,height .25s ease-out,opacity .25s ease-out;z-index:99999;-webkit-filter:blur(calc(var(--touch-feedback-size)*0.15));filter:blur(calc(var(--touch-feedback-size)*0.15))}@media screen and (orientation:portrait){body .touch-feedback{--touch-feedback-size:10vw}}body .touch-feedback.touch-device{--touch-feedback-size:150px}body .touch-feedback:not(.touching){opacity:0;transition-timing-function:ease-in}body.running-on-holobox{cursor:none}@media(hover:none){body:not(.running-on-holobox){cursor:none}body:not(.running-on-holobox) .touch-feedback:not(.touching){height:calc(var(--touch-feedback-size)*0.5);width:calc(var(--touch-feedback-size)*0.5);opacity:1}}
/*# sourceMappingURL=main.cf0b20c7.chunk.css.map */