@font-face{font-family:Yle bold;src:url(Yle-Bold.e75bcc54.otf) format("woff2")}@font-face{font-family:Yle black;src:url(yle-black.f8afe5a4.woff2) format("woff2")}@font-face{font-family:Yle light;src:url(Yle-Light.0b94ac8d.otf) format("woff2")}@font-face{font-family:Yle regular;src:url(Yle-Regular.4deae853.otf) format("woff2")}html{height:100%}.ydd-article-tags__details,.ydd-footer{display:none}:root{--slide-end-color:#998e88;--slide-margin-sivuilla:10px;--slide-padding-ylhaalla:30px;--slide-padding-alhaalla:30px;--slide-padding-sivuilla:30px;--tehoste-vari:#8b95fb;--sivusuuntainen-gradient:radial-gradient(ellipse,rgba(0,212,255,0) 3%,rgba(5,9,41,.6) 100%);--syvyyssuuntainen-gradient:linear-gradient(356deg,#000 50%,#020024 60%,#090979 75%,#1087de)}body{background:"black";margin:0;overflow-y:scroll;overscroll-behavior-y:none}#dataviz-app{background-color:#000;height:100%;width:100%}#dataviz-app section{transition:visibility .3s linear 0s,opacity .3s linear 0s}#dataviz-app section.section-visible{opacity:1}#dataviz-app section.section-hidden.sea{opacity:0}.container{display:block;margin:auto;max-width:500px;position:relative;width:100%}.full{height:120vh}.sticky{left:50%;top:0;transform:translateX(-50%)!important;width:100%!important}.video-container{height:100%;max-width:500px;position:fixed;top:0;width:100%}.video-container-sticky{height:100%;overflow-x:hidden;position:absolute;top:0;width:100%}.video-container-sticky video{display:block;margin:auto;object-fit:cover;width:100%}.video-container video{display:block;margin:auto}.Slide{font-wright:normal;background:rgba(0,0,0,.6);box-sizing:border-box;color:#fff;font-family:Yle regular;font-size:large;margin-bottom:100vh;margin-left:auto;margin-right:auto;max-width:100%;opacity:1;padding:var(--slide-padding-ylhaalla) var(--slide-padding-sivuilla) var(--slide-padding-alhaalla) var(--slide-padding-sivuilla);position:relative;transition:opacity .3s,visibility .3s;width:calc(100% - var(--slide-margin-sivuilla)*2)}@media only screen and (max-width:600px){.Slide{line-height:1.3}}.pohja-header{height:auto!important;margin:0;position:relative;transform:translateY(-100%) translateX(-30px);width:calc(100% + 60px)}¨


.wave-border{height:90px;left:0;overflow:hidden;position:absolute;top:0;transform:translateY(-100%);width:100%}.Slide h1{font-family:Yle black}.Slide p:last-child{margin-bottom:0}.Slide p:first-child{margin-top:0}.Slide .tehoste{color:var(--tehoste-vari);display:block;font-size:5rem;padding-bottom:10px}.Slide .pussi-animation{opacity:0;transition:visibility 3s linear,opacity 3s linear}.Slide.visible .pussi-animation{opacity:1;visibility:initial}.Slide.hidden .pussi-animation{opacity:0;visibility:initial}.Slide.visible.is-end{background:#998e88!important;color:#000;margin-bottom:0!important;padding-bottom:50px!important;text-align:center}.Slide.visible.is-end strong{font-family:Yle black}.Slide.visible.is-end .wave-border{height:90px;left:0;overflow:hidden;position:absolute;top:0;transform:translateY(-99%);width:100%}.Slide.visible.is-end img{height:100px;margin-bottom:20px}.Slide.visible.is-end .yle-fi-pill{background:#000;border-radius:20px;color:#fff;margin:50px auto auto;padding:10px 60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Slide.fadeout{opacity:0;visibility:hidden}.Slide.fadein{opacity:1;visibility:initial}.Slide.hidden{visibility:hidden}.view-from-space .slide-container{padding-top:calc(var(--vh, 1vh)*50)}.slide-container.header-visible{animation:fadein 1.5s ease-in-out;animation-delay:6s;animation-fill-mode:forwards;opacity:0;padding-top:0}.slide-container.header-visible .Slide{margin-bottom:0}#click-detector{display:flex;flex-direction:row;height:100%;position:absolute;width:100%}#click-detector .left,#click-detector .right{postion:relative;width:50%;z-index:5}.view-from-space{text-align:center}..-
.view-under-sea{height:100%;position:relative}..-
.view-under-sea .slide-container{margin:0;overflow:hidden;padding:0}..-
.view-under-sea .slide-container .Slide:last-of-type{padding-bottom:0}..-
.view-under-sea .slide-container .Slide h1{margin:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.text-after-animation{animation:fadein 1.5s ease-in-out;animation-delay:2s;animation-fill-mode:forwards;opacity:0}.text-after-animation.faded{animation:none;opacity:1}.text-after-animation p{padding:var(--slide-padding-ylhaalla) var(--slide-padding-sivuilla) var(--slide-padding-alhaalla) var(--slide-padding-sivuilla)}.layer-after-animation{opacity:1}.layer-after-animation.fade{animation:fadeout 3.5s ease-in-out;animation-delay:0s;animation-fill-mode:forwards}.layer-after-animation.faded{opacity:0}.always-visible{background:transparent}.sea-not-visible .Slide:not(.always-visible){display:none}.sea-not-visible .always-visible{margin-bottom:0}.sea-not-visible button{left:50%;position:relative;top:50%;transform:translateY(-50%) translateX(-50%)}.sea-visible .Slide{display:block;z-index:3}.sea-animation{position:fixed;z-index:1}.sea-blue{background:var(--syvyyssuuntainen-gradient);height:100%;width:100%}.sea-blue div{background-color:blue;box-shadow:0 0 100px 80px #fff,0 0 100px 60px #bbb3bb,0 0 150px 140px #00adff;height:20px;left:60px;position:absolute;top:-20px;width:415px}.sivu_gradient{background:var(--sivusuuntainen-gradient);height:130vh!important;left:50%!important;position:absolute;top:0!important;transform:rotate(90deg)!important;transform:translateX(-50%)!important;width:500px!important}.mars-animation{height:150px;opacity:0;position:absolute;right:50px;top:10px;transition:visibility .3s linear,opacity .3s linear;visibility:hidden;width:150px;z-index:1}.mars-animation.visible{opacity:1;visibility:visible}.mars-animation p{color:#fff;font-family:Yle black;left:-20%;position:relative;top:-100%;transition:visibility .3s linear,opacity .3s linear}.mars-animation p.visible{opacity:1}.mars-animation p.hidden{opacity:0}.jump-in-button{background:#0071d5;border:1px solid #000;border-radius:8px;box-shadow:0 0 40px 0 #000;color:#fff;cursor:pointer;display:inline-block;font:normal normal 700 20px arial;padding:12px 24px;text-align:center;text-decoration:none;vertical-align:middle}.jump-in-button:active,.jump-in-button:focus,.jump-in-button:hover{border:1px solid #fff;color:#fff}.indicator-visible{opacity:1}.indicator-hidden{opacity:0}.indicator{background:transparent;border-bottom:0 solid #dcdcdc;color:#fff;display:flex;font-family:Yle regular;height:auto;height:calc(var(--vh, 1vh)*15);justify-content:space-between;padding:15px 0;position:fixed;right:0;top:0;transition:visibility .3s linear 0s,opacity .3s linear 0s;width:calc(100% - 100px);z-index:10;z-index:1}.indicator .icon{box-sizing:content-box;max-width:100px;padding:0 20px;position:absolute;right:0;width:60px}.indicator .icon img{box-sizing:content-box;height:auto;max-height:calc(var(--vh, 1vh)*10);width:100%}.indicator .details{display:flex;flex-direction:column;padding-left:20px;width:calc(100% - 100px)}.indicator .details,.indicator .details .title{transition:visibility .3s linear 0s,opacity .3s linear 0s}.indicator .details .title{font-family:Yle bold;font-size:medium;font-weight:700;line-height:1.5;margin-bottom:5px;text-transform:uppercase}.indicator .details .title .depth-number{background:#fff;color:#050546;padding:2px 5px;text-transform:lowercase;transform:translateY(50%)}.indicator .details .title .title-text{border-bottom:3px solid #fff;transition:visibility .3s linear 0s,opacity .3s linear 0s}.indicator .details .depth{font-size:large;font-weight:700;transition:visibility .3s linear 0s,opacity .3s linear 0s}.indicator .details .description{font-size:medium}.arrow-down,.indicator .details .description{transition:visibility .3s linear 0s,opacity .3s linear 0s}.arrow-down{align-items:center;bottom:20px;display:flex;flex-direction:column;font-family:Yle bold;justify-content:center;left:50%;position:fixed;transform:translateX(-50%)}.arrow-down.visible{opacity:1}.arrow-down.hidden{opacity:0}.arrow-down .scroll-cta{color:#fff;font-size:x-large;margin-top:10px}.progressbar{bottom:10px;position:fixed;right:10px;width:50px;z-index:2}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}
/*# sourceMappingURL=index.ae4fefb9.css.map */