@import"https://design-system.cdn.yle.fi/fonts/fonts.css";@font-face{font-family:Karla;font-weight:400;src:url(//plus.yle.fi/2023-12-opepeli/assets/Karla-Regular-S52ZIU5L-4e45d611.woff) format("woff")}*{box-sizing:border-box}.dotlottie-container{--lottie-player-theme-color: rgb(0, 221, 179);--lottie-player-seeker-thumb-color: #00c1a2;--lottie-player-seeker-thumb-hover-color: #019d91;--lottie-player-button-hover-color: rgb(243, 246, 248);--lottie-player-toolbar-track-color: rgb(217, 224, 230);--lottie-player-button-text-color: rgb(32, 39, 44);--lottie-player-toolbar-background-color: white;--lottie-player-button-border-radius: 4px;--lottie-player-toolbar-height: 35px;--lottie-player-popover-border-radius: 8px;display:block;width:100%;height:100%;font-family:Karla,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{display:flex;flex-direction:column;height:100%;width:100%}.animation{width:100%;height:100%;display:flex}.animation.controls{height:calc(100% - var(--lottie-player-toolbar-height))}.toolbar{display:flex;align-items:center;justify-items:center;background-color:var(--lottie-player-toolbar-background-color);padding:0 8px;height:var(--lottie-player-toolbar-height);gap:4px}.toolbar button{align-items:center;cursor:pointer;color:var(--lottie-player-button-text-color);display:flex;background:none;border:0;padding:4px;outline:none;height:100%;max-height:24px;border-radius:var(--lottie-player-button-border-radius);font-family:inherit;font-style:inherit;font-size:inherit;font-weight:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.toolbar .popover button{max-height:none}.toolbar button:hover{background-color:var(--lottie-player-button-hover-color)}.toolbar button.active{color:var(--lottie-player-theme-color)}.toolbar button.popover-active{background-color:var(--lottie-player-button-hover-color)}.toolbar button>svg{color:inherit}.toolbar button:focus-visible{outline:none;outline:2px solid var(--lottie-player-theme-color)}.seeker{--seeker: 0;height:4px;width:95%;margin:0 4px;outline:none;border-radius:9999px;-webkit-appearance:none;-moz-apperance:none;cursor:pointer;background-image:linear-gradient(to right,var(--lottie-player-theme-color) calc(var(--seeker) * 1%),var(--lottie-player-toolbar-track-color) calc(var(--seeker) * 1%))}.seeker.to-left{background-image:linear-gradient(to right,var(--lottie-player-toolbar-track-color) calc(var(--seeker) * 1%),var(--lottie-player-theme-color) calc(var(--seeker) * 1%))}.seeker::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:var(--lottie-player-theme-color);cursor:pointer;margin-top:-5px;border-color:transparent}.seeker::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer;border-color:transparent}.seeker:focus-visible::-webkit-slider-thumb{outline:2px solid var(--lottie-player-theme-color);border:1.5px solid #ffffff}.seeker::-webkit-slider-thumb:hover{background:var(--lottie-player-seeker-thumb-hover-color)}.seeker:focus-visible::-moz-range-thumb{outline:2px solid var(--lottie-player-theme-color);border:1.5px solid #ffffff}.error{display:flex;margin:auto;justify-content:center;height:100%;align-items:center}.popover{font-size:14px;line-height:150%;letter-spacing:-.28px;position:absolute;bottom:40px;background-color:#fff;min-width:224px;right:8px;left:auto;border:none;border-radius:var(--lottie-player-popover-border-radius);padding:0;box-shadow:0 8px 48px #f3f6f826,0 8px 16px #3d485329,0 0 1px #3d48535c}.popover ul{padding:unset;margin:unset;list-style:none}.popover .popover-content{display:flex;flex-direction:column;align-items:center;gap:4px}.popover .popover-header{color:#20272c;font-family:inherit;font-size:16px;font-weight:700;line-height:150%;letter-spacing:-.32px;padding:8px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #d9e0e6}.popover .popover-header button{padding:4px}.popover .popover-header .popover-header-title{display:flex;align-items:center;gap:8px}.popover .popover-header .reset-theme{color:#63727e;font-size:12px;font-weight:400;padding:0}.popover .popover-header .reset-theme:hover{color:#20272c;background-color:transparent}.popover .popover-items{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;padding:8px;gap:8px;-ms-overflow-style:none;scrollbar-width:none}.popover .popover-subnav{top:0;right:0;bottom:0;left:0;background-color:#fff;z-index:1}.popover .popover-items::-webkit-scrollbar{display:none}.popover .popover-item{width:100%;text-align:left;display:flex;padding:4px 8px;border-radius:var(--lottie-player-button-border-radius);gap:8px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 380px){.\!container{max-width:380px!important}.container{max-width:380px}}@media (min-width: 500px){.\!container{max-width:500px!important}.container{max-width:500px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-4{margin:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-\[48px\]{margin-bottom:48px}.mb-\[60px\]{margin-bottom:60px}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[48px\]{margin-top:48px}.mt-\[68px\]{margin-top:68px}.block{display:block}.flex{display:flex}.grid{display:grid}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/3{height:33.333333%}.h-12{height:3rem}.h-24{height:6rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[0\]{height:0}.h-\[100\%\]{height:100%}.h-\[150px\]{height:150px}.h-\[40\%\]{height:40%}.h-\[60\%\]{height:60%}.h-\[calc\(100\%-3em\)\]{height:calc(100% - 3em)}.h-full{height:100%}.h-svh{height:100svh}.max-h-\[1000px\]{max-height:1000px}.max-h-\[50\%\]{max-height:50%}.w-1\/2{width:50%}.w-12{width:3rem}.w-2\/3{width:66.666667%}.w-4{width:1rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-94\/100{width:94%}.w-\[100\%\]{width:100%}.w-\[94\%\]{width:94%}.w-\[95\%\]{width:95%}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-\[300px\]{max-width:300px}.max-w-screen-sm{max-width:500px}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.border-0{border-width:0px}.border-solid{border-style:solid}.border-gray-95{--tw-border-opacity: 1;border-color:rgb(19 20 21 / var(--tw-border-opacity))}.bg-\[\#E3F1FE\]{--tw-bg-opacity: 1;background-color:rgb(227 241 254 / var(--tw-bg-opacity))}.bg-blue-10{--tw-bg-opacity: 1;background-color:rgb(192 221 245 / var(--tw-bg-opacity))}.bg-blue-20{--tw-bg-opacity: 1;background-color:rgb(159 200 238 / var(--tw-bg-opacity))}.bg-blue-5{--tw-bg-opacity: 1;background-color:rgb(227 241 254 / var(--tw-bg-opacity))}.bg-gray-5{--tw-bg-opacity: 1;background-color:rgb(248 249 250 / var(--tw-bg-opacity))}.bg-purple-30{--tw-bg-opacity: 1;background-color:rgb(202 145 222 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(148 54 181 / var(--tw-bg-opacity))}.bg-purple-80{--tw-bg-opacity: 1;background-color:rgb(75 7 91 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[60px\]{padding-top:60px;padding-bottom:60px}.pb-\[3em\]{padding-bottom:3em}.pb-\[48px\]{padding-bottom:48px}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-\[3em\]{padding-top:3em}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);--tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes enter{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.plus-link{color:#000;padding:0;margin:0;text-decoration:underline}.plus-btn{font-family:Yle Next,sans-serif;color:#000;cursor:pointer}.plus-btn:focus{outline:rgb(0,156,181) solid 3px;outline-offset:2px}.plus-btn:focus:not(:focus-visible){outline:transparent solid 0px}.plus-ui-btn{font-size:16px;font-weight:600;background-color:#0a3276;color:#f8f9fa;border:none;border-radius:9999px;padding:12px 32px}.plus-ui-btn:hover{background-color:#0a3276cc}.bg-image{-o-object-fit:contain;object-fit:contain;position:absolute;display:block;top:4em;left:0;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.animate-card{transition:height .5s ease-in-out}.animate-entry{transition:all 1s ease-in-out;transform:translateY(0);opacity:1}.off-screen{transform:translateY(-200%);opacity:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.info-card{border:solid 3px #2975d0;border-radius:25px;background-color:#e0f2fff2}.school-bg{background-image:linear-gradient(#E4D1EF 50%,#E3F1FE 50% 100%)}.yard-bg{background-image:linear-gradient(#D0F3F9 50%,#B2D9B5 50% 100%)}:where(.plus-app-2023-12-opepeli){font-family:Yle Next,sans-serif;background-color:#e3f1fe;margin:0}.yle-header-2023{display:none!important}@media (hover: hover) and (pointer: fine){.hover\:bg-blue-10:hover{--tw-bg-opacity: 1;background-color:rgb(192 221 245 / var(--tw-bg-opacity))}}@media (min-width: 380px){.xs\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:overflow-hidden{overflow:hidden}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}