.svgLoader{animation:spin .5s linear infinite;margin:auto}.divLoader{position:fixed;height:100%;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Lato;font-style:normal;font-weight:300;src:url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles.css);src:local(""),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles.css?#iefix) format("embedded-opentype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles6.css) format("woff2"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles13.css) format("woff"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles19.css) format("truetype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles25.css#Lato) format("svg");font-display:swap}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles2.css);src:local(""),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles2.css?#iefix) format("embedded-opentype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles9.css) format("woff2"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles14.css) format("woff"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles18.css) format("truetype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles23.css#Lato) format("svg");font-display:swap}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles3.css);src:local(""),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles3.css?#iefix) format("embedded-opentype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles8.css) format("woff2"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles11.css) format("woff"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles16.css) format("truetype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles22.css#Lato) format("svg");font-display:swap}@font-face{font-family:Lato;font-style:normal;font-weight:900;src:url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles4.css);src:local(""),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles4.css?#iefix) format("embedded-opentype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles7.css) format("woff2"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles12.css) format("woff"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles17.css) format("truetype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles21.css#Lato) format("svg");font-display:swap}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;src:url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles5.css);src:local(""),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles5.css?#iefix) format("embedded-opentype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles10.css) format("woff2"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles15.css) format("woff"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles20.css) format("truetype"),url(//svenska-dataviz.ylestatic.fi/2023-08-enta-jos-sv/css/styles24.css) format("svg");font-display:swap}html,body{min-height:100vh;min-height:-webkit-fill-available;margin:0;touch-action:none}*{box-sizing:content-box}button{background:none;border:none;cursor:pointer}p{margin:.5em 0}.yle-header-2023,.ydd-yle-global-header,.ydd-footer,.ydd-article-tags__details{display:none}.container{position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;display:flex;flex-direction:column;text-align:center;font-family:"DM Serif Display",serif;display:block;background-color:#fff}.turn-device .none{display:none}.turn-device{background-color:#fff;position:absolute;height:100%;width:100%;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:"DM Serif Display",serif}.turn-device p{font-size:1.5em;color:#000;text-align:center}.image,video{width:100%;left:0;top:0;height:100%;object-fit:cover;position:absolute;z-index:-1}.end-text{font-size:medium;position:absolute;margin-left:auto;margin-right:auto;text-align:center}.btn-sound{position:absolute;right:0;z-index:1}.hiddenVideo,.hidden{display:none}.show{display:block}.video-animation-enter{opacity:0}.video-animation-enter-active{opacity:1;transition:opacity 2.5s}.video-animation-exit{opacity:1}.video-animation-exit-active{opacity:0;transition:opacity 2s}.image-animation-enter{opacity:0}.image-animation-enter-active{opacity:1;transition:opacity 2s}.image-animation-enter-done,.image-animation-exit,.image-animation-exit-active,.image-animation-exit-done{opacity:1}.chat-background-image{position:absolute;z-index:-1;left:0;top:0;height:100%}.chat-background-image.chat-view{margin-top:4.5em}.fade{animation:fadeImage .7s .5s ease-out forwards}.fade-in-image{animation:fade-in 1.5s linear forwards}.fade-in-chat-image{animation:fade-in .5s linear forwards}@keyframes fadeImage{0%{opacity:1}to{opacity:0;display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.rotate-icon{animation:rotate 2.5s ease-in-out 0s infinite forwards}@keyframes rotate{0%{transform:rotate(135deg)}50%{transform:rotate(45deg)}to{transform:rotate(45deg)}}.feedback-button{position:relative;margin-top:1em;margin-bottom:2.5em;padding:.7em 2em;font-size:larger;background-color:#6e6ea0;background:rgba(110,110,160,1);color:#fff;cursor:pointer;z-index:1}@media (hover: hover){.feedback-button:hover{background:rgba(110,110,160,.89)}}.choice-container{position:absolute;display:flex;justify-content:space-around;align-items:center;text-align:center;width:100%;bottom:0;margin-bottom:8%;font-weight:700;letter-spacing:.05em;z-index:1}.choice-container.column{flex-direction:column;height:8em}.choice-container.row{flex-direction:row;flex-wrap:no-wrap}.choice-container.row.fade-out{animation:fadeOut .4s .1s ease-in forwards}.choice-container.chat-buttons{margin-bottom:5%}.btn-start{position:relative;padding:.7em 2em;font-size:larger;background-color:#91672c;background:rgba(145,103,44,.9);color:#fff;cursor:pointer;z-index:1;box-shadow:0 4px 10px -2px gray;height:auto;bottom:0}.btn-end{position:relative;padding:1.25em 3em;font-size:medium;background-color:#202032;background:rgba(32,32,50,1);color:#fff;cursor:pointer;z-index:1}.choice-button{position:relative;color:#000;box-shadow:0 4px 10px -2px gray;cursor:pointer;height:6.5em;width:43%;display:flex;padding:.1em .4em;justify-content:center;align-items:center;animation:fadeIn 1.25s ease-out;outline:none}.btn-forward{border-radius:15vw;padding:.5em;margin-bottom:1em;animation:fadeIn 1s ease-in-out;cursor:pointer;box-shadow:0 4px 10px -2px gray;outline:none}.choice-button.spring,.btn-forward.spring,.choice-button.spring.deitti-links-1{background-color:#ced8b6;background:rgba(206,216,182,.7)}.choice-button.spring.button-1,.choice-button.spring.deitti-links-2{background-color:#92a085;background:rgba(146,160,133,.7)}.choice-button.spring.button-2{background-color:#b4c07c}.choice-button.summer,.btn-forward.summer,.choice-button.summer.deitti-links-1{background-color:#ede294;background:rgba(237,226,148,.7)}.choice-button.summer.button-1,.choice-button.summer.deitti-links-2{background-color:#bc9335;background:rgba(211,176,79,.7)}.choice-button.autumn,.btn-forward.autumn,.choice-button.autumn.deitti-links-1{background-color:#e8cebf;background:rgba(232,206,191,.7)}.choice-button.autumn.button-1,.choice-button.autumn.deitti-links-2{background-color:#c68c6f;background:rgba(198,140,111,.7)}.choice-button.winter,.btn-forward.winter,.choice-button.winter.deitti-links-1{background-color:#cfd4e5;background:rgba(207,212,229,.7)}.choice-button.winter.button-1,.choice-button.winter.deitti-links-2{background-color:#9497b8;background:rgba(148,151,184,.7)}.deitti-links-0{display:none}.notification-container{position:absolute;width:100%;margin-top:2em;color:#fff;z-index:3}.notification-content{position:relative;width:100%;max-width:75%;text-align:left;margin-left:auto;margin-right:auto;background-color:#323131e6;border-radius:.4em;padding:.4em .4em .4em 1em;font-family:Lato,sans-serif;cursor:pointer;animation:slideDown 2s ease-out 0s 1 forwards;z-index:5;outline:none}.flex-container-row{display:flex;justify-content:flex-start;align-items:center}.heart-icon{margin-right:1em}.heart-icon.smaller{margin-left:.5em;margin-right:-.2em}@keyframes slideDown{0%{transform:translateY(-160%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-buttons-enter{opacity:0}.animate-buttons-enter-active{opacity:1;transition:opacity 8s}.animate-buttons-exit{opacity:1}.animate-buttons-exit-active{opacity:0;transition:opacity 8s}@media (hover: hover){.btn-start:hover{background:rgba(145,103,44,.8)}.choice-button.spring:hover,.btn-forward.spring:hover,.choice-button.spring.deitti-links-1:hover{background-color:#ced8b6;background:rgba(206,216,182,.58)}.choice-button.spring.button-1:hover,.choice-button.spring.deitti-links-2:hover{background-color:#92a085;background:rgba(146,160,133,.58)}.choice-button.summer:hover,.btn-forward.summer:hover,.choice-button.summer.deitti-links-1:hover{background-color:#ede294;background:rgba(237,226,148,.5)}.choice-button.summer.button-1:hover,.choice-button.summer.deitti-links-2:hover{background-color:#bc9335;background:rgba(211,176,79,.6)}.choice-button.autumn:hover,.btn-forward.autumn:hover,.choice-button.autumn.deitti-links-1:hover{background-color:#e8cebf;background:rgba(232,206,191,.5)}.choice-button.autumn.button-1:hover,.choice-button.autumn.deitti-links-2:hover{background-color:#c68c6f;background:rgba(198,140,111,.6)}.choice-button.winter:hover,.btn-forward.winter:hover,.choice-button.winter.deitti-links-1:hover{background-color:#cfd4e5;background:rgba(207,212,229,.6)}.choice-button.winter.button-1:hover,.choice-button.winter.deitti-links-2:hover{background-color:#9497b8;background:rgba(148,151,184,.6)}.notification-content:hover{background-color:#323131cc}.btn-end:hover{background:rgba(32,32,50,.85)}}.header-container{position:absolute;background-color:#e6e7e8;height:4.5em;width:100%;display:flex;flex-direction:row;justify-content:space-between;z-index:2}.header-icon{z-index:1;margin-top:.75em;margin-left:1em}.envelope{border:5px solid red}.header-icon-heart{z-index:1;margin-top:.4em;margin-left:1em}.videocamera-pic{margin-top:1.2em;z-index:1;margin-right:1.9em}.close-button{width:auto;height:4em;margin-top:.4em;cursor:pointer}.close-button.close-animate{animation:scale 2.5s ease-out infinite}.person-name{margin-top:1.5em;font-weight:700;font-family:Lato,sans-serif;color:#000}.footer-container{position:absolute;width:100%;height:11.5em;max-height:14em;bottom:0;background-color:#f1f2f2;z-index:1}.icon-container{width:100%;height:3em;display:flex;flex-direction:row;justify-content:space-around;box-shadow:inset 0 11px 8px -10px #ccc,inset 0 -11px 8px -10px #ccc}.icon{width:auto;height:1.5em;margin-top:auto;margin-bottom:auto}.text-box{background-color:#fff;width:14em;height:2em;border-radius:2em;border:.1em solid #a6a8ab;margin-top:auto;margin-bottom:auto}.write-box-stroke{position:absolute;font-size:x-large;margin-left:.5em;margin-top:-.1em;color:#a8a8a8}.chat-outer-flex-container{display:flex;flex-direction:column;height:auto;max-height:100%;margin-bottom:14em;align-items:baseline;justify-content:space-between;width:85%;margin-left:2em;font-family:Lato,sans-serif;z-index:1}.chat-flex-container{font-family:Lato,sans-serif}.outer-flex-container{display:flex;flex-direction:column;height:auto;max-height:70vh;margin-top:2em;align-items:baseline;justify-content:space-between;width:85%;margin-left:2em;font-family:Lato,sans-serif;z-index:1}.flex-container{width:100%;display:flex;flex-direction:column;margin-bottom:5em;-ms-overflow-style:none;overflow:scroll}.center-text{align-self:center;color:#000}.outer-flex-container::-webkit-scrollbar,.chat-outer-flex-container::-webkit-scrollbar,.flex-container::-webkit-scrollbar{display:none}.text-sender-name{margin-top:.7em;margin-bottom:-.8em;margin-left:.55em;font-size:small;z-index:1;color:#000}.chat-bubble{position:relative;padding:1em 1.1em;border-radius:.3em;max-width:50%;margin:1em 0;box-shadow:0 1px 8px -2px gray}.received{align-self:flex-start;text-align:left;margin-bottom:-.1em}.sended{align-self:flex-end;text-align:left;margin-bottom:-.1em}.sended.white{background-color:#fff;color:#000}.received.red{background-color:#d34055;color:#fff}.sended.off-white{background-color:#f1f2f2;color:#000}.received.green{background-color:#e3f7b5;color:#000}.rcs-custom-scroll{min-height:0;min-width:0;width:100%;margin-top:1em}.rcs-custom-scroll.scroll-chatview{margin-top:4.5em}.rcs-custom-scroll .rcs-outer-container{overflow:hidden}.rcs-custom-scroll .rcs-outer-container .rcs-positioning{position:relative}.rcs-custom-scroll .rcs-outer-container:hover .rcs-custom-scrollbar{opacity:1;transition-duration:.2s}.rcs-custom-scroll .rcs-inner-container{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.rcs-custom-scroll .rcs-inner-container:after{content:"";position:absolute;top:0;right:0;left:0;height:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.05) 60%,rgba(0,0,0,0) 100%);pointer-events:none;transition:height .1s ease-in;will-change:height}.rcs-custom-scroll .rcs-inner-container.rcs-content-scrolled:after{height:5px;transition:height .15s ease-out}.rcs-custom-scroll.rcs-scroll-handle-dragged .rcs-inner-container{-webkit-user-select:none;user-select:none}.rcs-custom-scroll .rcs-custom-scrollbar{position:absolute;height:100%;width:6px;right:3px;opacity:0;z-index:1;transition:opacity .4s ease-in-out;padding:6px 0;box-sizing:border-box;will-change:opacity;pointer-events:none}.rcs-custom-scroll .rcs-custom-scrollbar.rcs-custom-scrollbar-rtl{right:auto;left:3px}.rcs-custom-scroll.rcs-scroll-handle-dragged .rcs-custom-scrollbar{opacity:1}.rcs-custom-scroll .rcs-custom-scroll-handle{position:absolute;width:100%;top:0}.rcs-custom-scroll .rcs-inner-handle{height:calc(100% - 12px);margin-top:6px;background-color:#cbcbcbb3;border-radius:3px}.three-dots{font-weight:900;letter-spacing:2.5px}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(.88)}to{transform:scale(1)}}@media (hover: hover){.close-button:hover{opacity:.8}}.header-text{text-transform:uppercase;color:#fff;font-size:xx-large;letter-spacing:.035em;line-height:1.3;margin-top:1em;font-stretch:ultra-condensed}h2{margin-block-start:.83em;margin-block-end:.5em}.start-text{padding:0 1.1em;font-size:medium;font-weight:400;color:#fff;font-family:Lato,sans-serif}.container-info{width:100%;position:absolute;z-index:2;top:4.5em;background-color:#000000e6;color:#fff;height:100%}.start-container{position:relative;width:100%;height:auto;align-items:center;display:flex;flex-direction:column}.text-container{position:absolute;margin-top:.69em;margin-left:auto;margin-right:auto;max-width:79%;height:auto;background-image:linear-gradient(to bottom,rgba(29,21,63,.2),rgba(36,24,80,.5),rgba(22,19,60,0))}.text-container-info{align-items:center;justify-content:center;display:flex;flex-direction:column;position:relative;margin-left:auto;margin-right:auto;width:85%;margin-top:.1em;overflow-y:scroll;padding-bottom:5em}.text-container-info::-webkit-scrollbar{display:none}.border{border-style:none;position:relative;max-width:85%}.btn-container{position:relative;display:flex;width:85%;margin-left:auto;margin-right:auto;margin-top:.4em;justify-content:flex-end;align-items:center;align-content:center;gap:1em}.text-time-requirement{font-family:Lato,sans-serif;width:90%;font-size:medium}.info-enter{opacity:0;transform:scale(.9)}.info-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.info-exit{opacity:1}.info-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.copy-link-icon{background-color:#6e6ea0;background-color:#6e6ea0cc;padding:.38em;border-radius:50%;position:relative;outline:none;cursor:pointer}.info-icon{padding:.13em;background-color:#6e6ea0;background-color:#6e6ea0cc;border-radius:50%;position:relative;outline:none;cursor:pointer}.close-icon{background-color:#6e6ea0;background-color:#6e6ea0cc;padding:.13em;border-radius:50%;position:relative;outline:none;cursor:pointer}.yle-logo{width:4.5em;margin-left:-.9em;height:4.5em;position:relative;align-self:flex-start;margin-right:auto;opacity:.7}.question-text{color:#fff;letter-spacing:.025em}.container-time-requirement{display:flex;flex-direction:row;align-items:center;gap:1em;justify-content:center;font-weight:700}.start-screen-hidden{display:none}.start-screen-show-animate-out{animation:hideContent .5s ease-in forwards}.start-screen-show{display:block;animation:showContent 1.5s ease-in;height:100vh;width:100%}@media screen and (max-width: 320px){.header-text{font-size:x-large}.start-text,.text-time-requirement{font-size:medium}}@media screen and (min-width: 400px){.header-text{font-size:xx-large}.start-text,.text-time-requirement{margin-top:2em;font-size:larger}}@media screen and (min-width: 414px){.header-text{font-size:xx-large}.start-text,.text-time-requirement{margin-top:2em;font-size:larger}}@media screen and (min-width: 500px){.header-text{font-size:xxx-large}.start-text,.text-time-requirement{margin-top:2em;font-size:larger}}@media (hover: hover){.yle-logo:hover{opacity:.55}.copy-link-icon:hover,.info-icon:hover,.close-icon:hover{background-color:#6e6ea0;background-color:#6e6ea0b3}}.end-container{position:absolute;width:100%;height:100%;align-items:center;display:flex;flex-direction:column;justify-content:flex-start;z-index:1;padding-bottom:env(safe-area-inset-bottom)}.title-text{font-size:larger;margin:0;text-transform:uppercase;letter-spacing:1.5px;color:#000}.ending-text{font-size:x-large;margin:0;letter-spacing:1.5px;color:#000}.wrapper{width:80%;background-color:#fffffacc;margin-top:2.5em;padding-right:1em;padding-left:1em}.tape{width:50%;height:1.5em;z-index:1;margin-left:auto;margin-right:auto;position:relative}.teippi-img{width:100%;height:2.4em;margin-top:-1.8em}.text-on-paper{width:100%;margin-bottom:2em;color:#000}.end-screen-hidden{display:none}.end-screen-show-animate-out{animation:hideContent .5s ease-in forwards}.end-screen-show{display:block;animation:showContent 1.5s ease-in}@keyframes showContent{0%{opacity:0}to{opacity:1}}@keyframes hideContent{0%{opacity:1}to{opacity:0}}@media screen and (min-width: 400px){.text-on-paper{font-size:x-large;width:98%}}@media screen and (max-width: 376px){.text-on-paper{font-size:medium}}@media screen and (max-width: 320px){.text-on-paper{font-size:medium}}
