body{background:#000;margin:0;padding:0}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic}#ulkolinja-rintamaklinikka{--text-color:#fff;--background-color:black;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:1rem;--home-image-url:url(home-page-image.2428751c.avif)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#ulkolinja-rintamaklinikka{background-color:#000}#ulkolinja-rintamaklinikka .text-button{padding:var(--spacing-xs)var(--spacing-lg);font-size:var(--font-size-base);text-transform:uppercase;color:var(--text-color);border:1px solid var(--text-color);cursor:pointer;background:0 0;transition:background .2s}#ulkolinja-rintamaklinikka .text-button:hover{background:#ffffff1a}#ulkolinja-rintamaklinikka .image-button{cursor:pointer;background:#00000080;border:none;justify-content:center;align-items:center;transition:background .3s ease-in-out;display:flex}#ulkolinja-rintamaklinikka #home-screen-content{perspective:1000px;flex-direction:column;justify-content:center;width:80%;max-width:700px;margin-top:30px;display:flex;position:relative}#ulkolinja-rintamaklinikka #home-logo-container{top:var(--spacing-xl);box-sizing:border-box;background:0 0;border:none;flex:none;justify-content:center;align-items:center;height:35px;display:flex;position:relative;left:50%;transform:translate(-50%)}@media (max-width:768px){#ulkolinja-rintamaklinikka #home-logo-container{height:28px}}#ulkolinja-rintamaklinikka #home-logo-container img{object-fit:contain;width:100%;height:100%}#ulkolinja-rintamaklinikka .home-screen-text-container{text-align:center;text-transform:uppercase;margin-top:3rem;margin-bottom:var(--spacing-xl);flex-direction:column;width:100%;display:flex}#ulkolinja-rintamaklinikka .home-screen-text-container h2{font-size:1.3em;font-weight:400}#ulkolinja-rintamaklinikka .button-container{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;width:100%;display:flex}#ulkolinja-rintamaklinikka #start-btn{font-weight:700;font-size:calc(var(--font-size-base)*1.5);background:#00000080;width:100%;padding-left:0;padding-right:0;transition:background .3s,color .3s}#ulkolinja-rintamaklinikka #start-btn:hover{color:#fff;background:#fff3;box-shadow:0 0 10px #ffffff4d}#ulkolinja-rintamaklinikka .text-button{padding:var(--spacing-xs)var(--spacing-lg);font-size:var(--font-size-base);text-transform:uppercase;color:var(--text-color);border:1px solid var(--text-color);cursor:pointer;transition:background .2sease;background:0 0;width:60%}#ulkolinja-rintamaklinikka #info-btn{top:var(--spacing-md);right:var(--spacing-md);cursor:pointer;box-sizing:border-box;background:#00000080;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background .3s ease-in-out;display:flex;position:absolute}#ulkolinja-rintamaklinikka #info-btn img{object-fit:contain;width:70%;height:auto}#ulkolinja-rintamaklinikka #ulkolinja-buttons-container{width:100%;max-width:500px;margin:auto;transition:top .3s ease-out;position:relative}@media (min-width:376px){#ulkolinja-rintamaklinikka .home-screen-text-container{margin-top:4rem}#ulkolinja-rintamaklinikka .home-screen-text-container h1{font-size:2rem}}#ulkolinja-rintamaklinikka .title-overlay-container{will-change:transform,opacity,filter;overflow:hidden}#ulkolinja-rintamaklinikka .hidden-initially{visibility:hidden;opacity:0}#ulkolinja-rintamaklinikka .language-buttons-wrapper{margin-top:0;margin-bottom:var(--spacing-md);align-items:center;width:100%;display:flex;position:relative}#ulkolinja-rintamaklinikka .language-buttons-container{width:calc(70% - var(--spacing-md));justify-content:flex-end;margin-left:auto;display:flex}#ulkolinja-rintamaklinikka .language-button{color:var(--text-color);border:1px solid var(--text-color);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;width:calc(50% - var(--spacing-xs));text-align:center;text-transform:uppercase;margin-left:var(--spacing-sm);font-size:calc(var(--font-size-base)*1);background:0 0;border-radius:0;transition:all .3s}#ulkolinja-rintamaklinikka .language-button:hover{background:#ffffff1a}#ulkolinja-rintamaklinikka .language-button.active{background:#fff3;font-weight:700}#ulkolinja-rintamaklinikka .language-label{font-size:var(--font-size-md);margin-right:var(--spacing-sm);font-weight:700}@media (max-width:375px){#ulkolinja-rintamaklinikka .language-buttons-wrapper{flex-direction:row;align-items:center}}#ulkolinja-rintamaklinikka .title-image-overlay-container{justify-content:center;align-items:flex-start;width:100%;margin-top:-20px;margin-bottom:15px;display:flex}#ulkolinja-rintamaklinikka #title-image{width:100%;height:auto}#ulkolinja-rintamaklinikka .title-image-overlay.en{background-image:var(--title-image-en)}#ulkolinja-rintamaklinikka .title-image-overlay.fi{background-image:var(--title-image-fi)}@media (min-height:800px){#ulkolinja-rintamaklinikka .title-image-overlay-container{margin-bottom:20px}}@media (max-height:700px){#ulkolinja-rintamaklinikka .title-image-overlay-container{margin-bottom:15px}}@media (max-height:600px){#ulkolinja-rintamaklinikka .title-image-overlay-container{margin-bottom:10px}}@media (max-width:768px){#ulkolinja-rintamaklinikka footer{margin-top:20px}}@media (min-width:769px){#ulkolinja-rintamaklinikka footer{margin-top:0}}#ulkolinja-rintamaklinikka .footer{padding-bottom:var(--spacing-lg);background:linear-gradient(#0000 0%,#000000b3 40%,#000000e6 100%);align-items:center;width:100%;height:auto;padding-top:20px;display:flex;position:absolute;bottom:0;left:0}#ulkolinja-rintamaklinikka .logos-container{padding-top:var(--spacing-md);justify-content:space-around;align-items:center;width:100%;height:50px;display:flex}#ulkolinja-rintamaklinikka .logo{height:100%}@media (min-width:376px){#ulkolinja-rintamaklinikka .logo{height:60px}}#ulkolinja-rintamaklinikka .ui-container{background:var(--background-color);color:var(--text-color);z-index:10;background-color:#000000d9;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow:auto}#ulkolinja-rintamaklinikka .info-container{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#fff9 #0003;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:auto;padding:2rem 0;animation:1s ease-out fadeIn;display:flex;position:relative;top:auto;transform:none}#ulkolinja-rintamaklinikka .info-title,#ulkolinja-rintamaklinikka .credits-title{margin-bottom:15px;font-size:1.5rem;font-weight:700}#ulkolinja-rintamaklinikka .info-text-container{margin-top:var(--spacing-xl)}#ulkolinja-rintamaklinikka .info-text{font-size:var(--font-size-base);text-wrap:balance;line-height:1.5}#ulkolinja-rintamaklinikka .info-text,#ulkolinja-rintamaklinikka .info-title{text-align:center}#ulkolinja-rintamaklinikka .credit-item{gap:var(--spacing-md);align-items:center;width:100%;display:flex}#ulkolinja-rintamaklinikka .credit-role{text-align:right;font-size:calc(var(--font-size-base)*.85);color:#fffc;flex:1;font-weight:700;line-height:1.5}#ulkolinja-rintamaklinikka .credit-name{text-align:left;font-size:var(--font-size-base);flex:1;font-weight:700;line-height:1.5}#ulkolinja-rintamaklinikka .copyright-notice{margin-top:20px}#ulkolinja-rintamaklinikka .credits-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:2em;padding-bottom:5rem;animation:1s ease-out fadeIn;display:flex}#ulkolinja-rintamaklinikka .close-info-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:auto;display:flex;position:absolute;top:20px;right:20px}#ulkolinja-rintamaklinikka .close-info-icon{width:100%;height:100%}@media (max-width:768px){#ulkolinja-rintamaklinikka .info-container{width:95%;padding:15px}#ulkolinja-rintamaklinikka .info-title,#ulkolinja-rintamaklinikka .credits-title{font-size:1.3rem}#ulkolinja-rintamaklinikka .credit-item{margin-bottom:8px}}#ulkolinja-rintamaklinikka .home-screen *{font-family:Yle Next,sans-serif}#ulkolinja-rintamaklinikka .home-screen{color:var(--text-color);background-color:#000;background-image:url(home-page-image.2428751c.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:100vh;font-family:Yle Next,sans-serif;display:flex;position:relative;top:0;left:0}@media screen and (min-width:768px){#ulkolinja-rintamaklinikka .home-screen{background-image:url(ylelandscape.6a0bee35.avif)}}#ulkolinja-rintamaklinikka .home-screen:before{content:"";opacity:.6;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}#ulkolinja-rintamaklinikka .loading-container{color:#fff;flex-direction:column;justify-content:center;align-items:center;font-family:Yle Next,sans-serif;display:flex}#ulkolinja-rintamaklinikka .loading-spinner{border:5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#ulkolinja-rintamaklinikka .animate-in,#ulkolinja-rintamaklinikka #info-btn,#ulkolinja-rintamaklinikka footer{opacity:0}
/*# sourceMappingURL=index.273f445c.css.map */