.yp9epac {
     --yp9epa0: #009cb5;
     --yp9epa1: #fff;
     --yp9epa2: #131415;
     --yp9epa3: #00b4c8;
     --yp9epa4: #d8d9db;
     --yp9epa5: #e8e9eb;
     --yp9epa6: #131415;
     --yp9epa7: #f8f9fa;
     --yp9epa8: #f1f2f4;
     --yp9epa9: rgba(0, 0, 0, 0.09);
     --yp9epaa: 0 0 calc(var(--f8oth60) * 0.4375) 0 rgba(0, 0, 0, 0.15);
     --yp9epab: linear-gradient(0deg,
             rgba(19, 20, 21, 0),
             rgba(19, 20, 21, 0.05));
 }

 .fck75q2 {
     font-weight: 400;
 }

 .fck75q2,
 .fck75q3 {
     font-family: Yle Next, sans-serif;
     font-size: calc(var(--f8oth60) * 0.875);
     font-stretch: normal;
     font-style: normal;
     letter-spacing: 0;
     line-height: 1.5;
     text-decoration: none;
     text-transform: none;
 }

 .fck75q3 {
     font-weight: 700;
 }

 .fck75q4 {
     font-size: calc(var(--f8oth60) * 0.75);
     letter-spacing: 0;
 }

 .fck75q4 {
     font-family: Yle Next, sans-serif;
     font-stretch: normal;
     font-style: normal;
     font-weight: 700;
     line-height: 1.5;
     text-decoration: none;
     text-transform: none;
 }

 ._1pvcnaa0 {
     align-items: center;
     color: var(--yp9epa2);
     display: flex;
     justify-content: stretch;
     white-space: nowrap;
 }

 ._1pvcnaa1 {
     height: calc(var(--f8oth60) * 2);
     width: calc(var(--f8oth60) * 2);
 }

 ._1pvcnaa2 {
     display: none;
     padding-left: calc(var(--f8oth60) * 1.5);
 }

 @media screen and (min-width: 768px) {
     ._1pvcnaa0 {
         padding-right: calc(var(--f8oth60) * 0.75);
     }

     ._1pvcnaa1 {
         height: calc(var(--f8oth60) * 2.5);
         width: calc(var(--f8oth60) * 2.5);
     }

     ._1pvcnaa2 {
         display: block;
     }
 }

 ._6n20yd0 {
     position: relative;
     z-index: var(--f8oth62);
 }

 ._6n20yd1 {
     background-color: var(--yp9epa1);
     box-shadow: var(--yp9epaa);
     color: var(--yp9epa2);
     display: flex;
     height: calc(var(--f8oth60) * 3.5);
     justify-content: center;
     position: relative;
     width: 100%;
 }

 ._6n20yd2 {
     display: grid;
     grid-template-areas: 'login frontpage menu';
     grid-template-columns: 1fr min-content 1fr;
     grid-template-rows: 1fr;
     max-width: var(--f8oth61);
     padding-left: calc(var(--f8oth60) * 1);
     padding-right: calc(var(--f8oth60) * 1);
     width: 100%;
 }

 ._6n20yd3 {
     background-color: var(--yp9epa4);
     display: none;
     height: calc(var(--f8oth60) * 1.625);
     margin-left: calc(var(--f8oth60) * 0.75);
     width: calc(var(--f8oth60) * 0.0625);
 }

 ._6n20yd4 {
     align-items: center;
     display: flex;
 }

 ._6n20yd5 {
     grid-area: login;
 }

 ._6n20yd6 {
     grid-area: frontpage;
     justify-content: center;
 }

 ._6n20yd7 {
     display: none;
     grid-area: search;
 }

 ._6n20yd8 {
     grid-area: menu;
     justify-content: flex-end;
 }

 ._6n20yd9 {
     display: none;
     grid-area: current-topics;
     min-width: 0;
 }

 @media screen and (min-width: 768px) {
     ._6n20yd1 {
         height: calc(var(--f8oth60) * 4.5);
     }

     ._6n20yd2 {
         grid-template-areas: 'frontpage current-topics login search menu';
         grid-template-columns: min-content 1fr min-content min-content min-content;
     }

     ._6n20yd3 {
         display: block;
     }

     ._6n20yd6 {
         justify-content: flex-start;
     }

     ._6n20yd7 {
         display: flex;
     }

     ._6n20yd7,
     ._6n20yd8 {
         padding-left: calc(var(--f8oth60) * 1.25);
     }

     ._6n20yd9 {
         display: flex;
     }
 }

 @media screen and (min-width: 1024px) {
     ._6n20yd2 {
         padding-left: calc(var(--f8oth60) * 1.5);
         padding-right: calc(var(--f8oth60) * 1.5);
     }
 }

 :where(._6n20yd1),
 :where(._6n20yd1) * {
     box-sizing: border-box;
 }

 :where(._6n20yd1) :where(a) {
     color: inherit;
     text-decoration: inherit;
 }

 :where(._6n20yd1) :where(button) {
     background-color: transparent;
     border-width: 0;
     color: inherit;
     font-family: inherit;
     font-size: inherit;
     font-style: inherit;
     font-weight: inherit;
     line-height: inherit;
     padding: 0;
 }

 :where(._6n20yd1) :where(p, h1, h2, h3, h4, h5, h6, li, ul) {
     margin: 0;
     padding: 0;
 }

 @media (prefers-reduced-motion: reduce) {
     :where(._6n20yd1) * {
         animation: none !important;
         transition: none !important;
     }
 }

 .eopu3j0 {
     position: relative;
 }

 .eopu3j0:before {
     content: '';
     cursor: pointer;
     height: calc(100% + var(--f8oth60) * 1);
     left: calc(var(--f8oth60) * -0.5);
     position: absolute;
     top: calc(var(--f8oth60) * -0.5);
     width: calc(100% + var(--f8oth60) * 1);
 }

 ._1ffsr5h0 {
     overflow: hidden;
     overflow: clip;
     padding: calc(var(--f8oth60) * 1.5) calc(var(--f8oth60) * 1.5) calc(var(--f8oth60) * 1.5) calc(var(--f8oth60) * 0.75);
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
 }

 ._1ffsr5h1 {
     color: var(--yp9epa2);
     margin: 0 calc(var(--f8oth60) * 0.75);
 }

 ._14s4rj0 {
     opacity: 0;
     position: fixed;
     top: -100px;
 }

 ._14s4rj1 {
     outline: none;
 }

 ._1svl7jy0 {
     position: relative;
 }

 ._1svl7jy0,
 ._1svl7jy1 {
     height: calc(var(--f8oth60) * 1.5);
     width: calc(var(--f8oth60) * 1.5);
 }

 ._1svl7jy1 {
     background-color: var(--yp9epa1);
     left: 0;
     opacity: 1;
     position: absolute;
     top: 0;
     transition: opacity 0.11s cubic-bezier(0.45, 0, 0.4, 1);
 }

 .accessible-menu-checkbox:checked~* ._1svl7jy2 {
     opacity: 0;
 }

 .accessible-menu-checkbox:not(:checked)~* ._1svl7jy3 {
     opacity: 0;
 }

 .accessible-menu-checkbox:focus~._1svl7jy4:before {
     border-radius: 1px;
     outline: calc(var(--f8oth60) * 0.1875) solid var(--yp9epa0);
     outline-offset: calc(var(--f8oth60) * 0.125);
 }

 .c63d5h0 {
     display: none;
     margin-right: calc(var(--f8oth60) * 0.5);
     white-space: nowrap;
 }

 .c63d5h1 {
     align-items: center;
     color: var(--yp9epa2);
     cursor: pointer;
     display: flex;
 }

 .c63d5h2 {
     height: calc(var(--f8oth60) * 1.5);
     width: calc(var(--f8oth60) * 1.5);
 }

 @media screen and (min-width: 1024px) {
     .c63d5h0 {
         display: block;
     }
 }

 ._10nc4xu0 {
     background: var(--yp9epa1);
     border-top: calc(var(--f8oth60) * 0.0625) solid var(--yp9epa5);
     display: block;
     grid-template-rows: 0fr;
     left: 0;
     opacity: 0;
     position: absolute;
     top: calc(var(--f8oth60) * 3.5);
     transition: opacity 0.24s cubic-bezier(0.45, 0, 0.4, 1),
         visibility 0.24s;
     visibility: hidden;
     width: 100%;
 }

 ._10nc4xu0:after {
     background: var(--yp9epab);
     border-top: calc(var(--f8oth60) * 0.0625) solid var(--yp9epa5);
     content: '';
     height: calc(var(--f8oth60) * 6.25);
     left: 0;
     opacity: 0;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 100%;
     transition: opacity 0.24s cubic-bezier(0.45, 0, 1, 1);
 }

 .accessible-menu-checkbox:checked~._10nc4xu0 {
     grid-template-rows: 1fr;
     opacity: 1;
     transition: visibility 0.24s;
     visibility: visible;
 }

 .accessible-menu-checkbox:checked~._10nc4xu0:after {
     opacity: 1;
 }

 ._10nc4xu1 {
     display: grid;
     grid-template-rows: 0fr;
     overflow: hidden;
     transition: grid-template-rows 0ms cubic-bezier(0.45, 0, 0.4, 1) 0.24s;
 }

 .accessible-menu-checkbox:checked~* ._10nc4xu1 {
     grid-template-rows: 1fr;
     transition: grid-template-rows 0.24s cubic-bezier(0.45, 0, 0.4, 1);
 }

 ._10nc4xu2 {
     display: flex;
     flex-direction: column;
     justify-content: right;
     justify-self: center;
     max-width: var(--f8oth61);
     min-height: 0;
     opacity: 0;
     padding-left: calc(var(--f8oth60) * 2);
     padding-right: calc(var(--f8oth60) * 2);
     transform: translateY(calc(var(--f8oth60) * -0.5));
     transition: transform 0.24s cubic-bezier(0.45, 0, 0.4, 1) 0.11s,
         opacity 0.24s cubic-bezier(0.45, 0, 0.4, 1) 0.11s;
     width: 100%;
 }

 ._10nc4xu2:after {
     content: '';
     height: calc(var(--f8oth60) * 1.625);
 }

 .accessible-menu-checkbox:checked~* ._10nc4xu2 {
     opacity: 1;
     transform: translateY(0);
 }

 @media screen and (min-width: 768px) {
     ._10nc4xu0 {
         top: calc(var(--f8oth60) * 4.5);
     }

     ._10nc4xu2 {
         padding-left: calc(var(--f8oth60) * 1);
         padding-right: calc(var(--f8oth60) * 1);
     }

     ._10nc4xu2:after {
         height: calc(var(--f8oth60) * 2.25);
     }
 }

 @media screen and (min-width: 1024px) {
     ._10nc4xu2 {
         padding-left: calc(var(--f8oth60) * 1.5);
         padding-right: calc(var(--f8oth60) * 1.5);
     }
 }

 ._1bvm4mm1 {
     height: calc(var(--f8oth60) * 1.25);
     margin-right: calc(var(--f8oth60) * 0.5);
     width: calc(var(--f8oth60) * 1.25);
 }

 ._1bvm4mm2 {
     align-items: center;
     color: var(--yp9epa2);
     display: flex;
     max-width: max-content;
 }

 .bqq79o0 {
     border-top: 1px solid var(--yp9epa5);
     margin: 0;
     margin-top: calc(var(--f8oth60) * 1.5);
     padding: 0;
     padding-top: calc(var(--f8oth60) * 1.5);
     width: 100%;
 }

 .bqq79o0:first-child {
     border-top: none;
     margin-top: 0;
     padding-top: calc(var(--f8oth60) * 2);
 }

 .bqq79o3 {
     display: block;
     margin-bottom: calc(var(--f8oth60) * 0.5);
 }

 .bqq79o5 {
     display: grid;
     gap: calc(var(--f8oth60) * 1.1875);
     grid-auto-flow: row;
     grid-template-columns: 1fr;
 }

 .bqq79o5,
 .bqq79o6 {
     list-style-type: none;
 }

 .bqq79o6 {
     column-gap: calc(var(--f8oth60) * 3);
     display: flex;
     flex-direction: column;
     row-gap: calc(var(--f8oth60) * 1.1875);
 }

 @media screen and (min-width: 768px) {
     .bqq79o0 {
         margin-top: calc(var(--f8oth60) * 2);
         padding-top: calc(var(--f8oth60) * 2);
     }

     .bqq79o0:first-child {
         padding-top: calc(var(--f8oth60) * 2);
     }

     .bqq79o1 {
         border-top: none;
         margin-top: 0;
         padding-top: calc(var(--f8oth60) * 2);
     }

     .bqq79o2,
     .bqq79o3 {
         display: none;
     }

     .bqq79o5 {
         grid-auto-flow: column;
         grid-template-columns: repeat(4, 1fr);
         grid-template-rows: repeat(var(--bqq79o4), min-content);
     }

     .bqq79o6 {
         flex-direction: row;
         flex-wrap: wrap;
     }
 }

 ._1m3quf80 {
     display: block;
     height: calc(var(--f8oth60) * 1);
 }

 ._1m3quf81 {
     color: var(--yp9epa2);
     display: inline-block;
 }

 ._1m3quf83 {
     align-items: flex-start;
     display: flex;
     flex-direction: column;
     gap: calc(var(--f8oth60) * 0.75);
     padding-block-start: calc(var(--f8oth60) * 0.25);
 }

 @media screen and (min-width: 768px) {
     ._1m3quf83 {
         align-items: center;
         flex-direction: row;
         gap: calc(var(--f8oth60) * 1.5);
     }
 }

 ._1d856qp0 {
     align-items: flex-start;
     display: flex;
     flex-wrap: wrap;
     gap: calc(var(--f8oth60) * 1);
     list-style-type: none;
     margin-top: calc(var(--f8oth60) * 0.5);
 }

 ._1d856qp1 {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-color: var(--yp9epa6);
     border-radius: 100px;
     color: var(--yp9epa7);
     display: inline-block;
     padding: calc(var(--f8oth60) * 0.1875) calc(var(--f8oth60) * 0.75) calc(var(--f8oth60) * 0.1875) calc(var(--f8oth60) * 0.75);
     white-space: nowrap;
 }

 @media screen and (-webkit-min-device-pixel-ratio: 2),
 screen and (min-resolution: 192dpi),
 screen and (min-resolution: 2dppx) {
     ._1d856qp1 {
         padding: calc(var(--f8oth60) * 0.15625) calc(var(--f8oth60) * 0.75) calc(var(--f8oth60) * 0.21875) calc(var(--f8oth60) * 0.75);
     }
 }

 .zpsm7t0 {
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
 }

 .zpsm7t1 {
     display: flex;
     gap: calc(var(--f8oth60) * 0.5);
 }

 .zpsm7t2 {
     height: calc(var(--f8oth60) * 1.25);
     width: calc(var(--f8oth60) * 1.25);
 }

 .i9ew5b4 {
     animation: i9ew5b1 0.4s;
 }

 ._1cjbwby0 {
     align-items: center;
     color: var(--yp9epa2);
     display: flex;
     flex-direction: row-reverse;
     white-space: nowrap;
 }

 ._1cjbwby1 {
     height: calc(var(--f8oth60) * 1.5);
     margin-right: calc(var(--f8oth60) * 0.5);
     width: calc(var(--f8oth60) * 1.5);
 }

 @media screen and (min-width: 768px) {
     ._1cjbwby0 {
         flex-direction: row;
         gap: calc(var(--f8oth60) * 0.5);
     }

     ._1cjbwby1 {
         margin-right: calc(var(--f8oth60) * 0);
     }
 }

 /*! CSS Used from: Embedded */
 * {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
 }

 ul {
     list-style-type: none;
 }

 a {
     color: inherit;
     text-decoration: none;
 }

 ::selection {
     color: rgb(248, 249, 250);
     background-color: rgb(19, 20, 21);
 }

 /*! CSS Used keyframes */
 @keyframes i9ew5b1 {
     0% {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 /*! CSS Used fontfaces */