.auto-detect-ukko-theme {
  --yds-color-background: #ffffff;
  --yds-color-background-variant: #f8f9fa;
  --yds-color-background-negative: #131415;
  --yds-color-background-navigation: #ffffff;
  --yds-color-background-control: rgba(0, 0, 0, 0.47);
  --yds-color-background-control-disabled: rgba(0, 0, 0, 0.15);
  --yds-color-background-input: #ffffff;
  --viewportWidthWithoutScrollbar: calc(100vw - 0px);
  --yds-color-background-highlight: #e8e9eb;
  --yds-color-background-interactive: #f1f2f4;
  --yds-color-background-dialog: #ffffff;
  --yds-color-background-dialog-overlay: rgba(0, 0, 0, 0.47);
  --yds-color-background-info-primary: #9fc8ee;
  --yds-color-background-info-secondary: #f1f2f4;
  --yds-color-background-success: #62f9c2;
  --yds-color-background-warning: #ffd199;
  --yds-color-background-error: #f99fb5;
  --yds-color-background-opinion-article: #3d5483;
  --yds-color-background-story: #ffffff;
  --yds-color-background-list: #f8f9fa;
  --yds-color-text-default: #131415;
  --yds-color-text-negative: #f8f9fa;
  --yds-color-text-input-placeholder: #4a4f54;
  --yds-color-text-high-emphasis: rgba(0, 0, 0, 0.79);
  --yds-color-text-medium-emphasis: rgba(0, 0, 0, 0.7);
  --yds-color-text-disabled: rgba(0, 0, 0, 0.29);
  --yds-color-text-light: #f8f9fa;
  --yds-color-text-dark: #131415;
  --yds-color-text-light-high-contrast: #ffffff;
  --yds-color-text-feedback-live: #ffffff;
  --yds-color-action-primary: #131415;
  --yds-color-action-primary-variant: rgba(0, 0, 0, 0.7);
  --yds-color-action-secondary: rgba(0, 0, 0, 0.05);
  --yds-color-action-secondary-variant: rgba(0, 0, 0, 0.09);
  --yds-color-action-disabled: rgba(0, 0, 0, 0.15);
  --yds-color-action-danger-primary: #d10b3d;
  --yds-color-action-danger-primary-variant: #e90e43;
  --yds-color-action-selected: #131415;
  --yds-color-action-unselected: #e8e9eb;
  --yds-color-border: #131415;
  --yds-color-border-disabled: rgba(0, 0, 0, 0.29);
  --yds-color-border-primary-focus: #009cb5;
  --yds-color-border-secondary-focus: #131415;
  --yds-color-border-separator: rgba(0, 0, 0, 0.09);
  --yds-color-border-negative: #ffffff;
  --yds-color-illustrative-icons-icon-primary: #131415;
  --yds-color-illustrative-icons-icon-secondary: #5ddbe9;
  --yds-color-player-progress-bar: rgba(255, 255, 255, 0.3);
  --yds-color-player-progress-indicator: #29ccde;
  --yds-color-spinner-default: #131415;
  --yds-color-spinner-negative: #ffffff;
  --yds-color-spinner-highlight-default: #009cb5;
  --yds-color-spinner-highlight-negative: #29ccde;
  --yds-color-spinner-background-default: #d8d9db;
  --yds-color-spinner-background-negative: #292b2d;
  --yds-color-feedback-highlight: #009cb5;
  --yds-color-feedback-error: #d10b3d;
  --yds-color-feedback-warning: #f1722a;
  --yds-color-feedback-success: #058657;
  --yds-color-feedback-live: #e90e43;
  --yds-color-logo-yle-background-brand: #00b4c8;
  --yds-color-logo-tv1: #3311aa;
  --yds-color-logo-tv-2: #cb0fd0;
  --yds-color-logo-yle-teema: #fe8300;
  --yds-color-logo-yle-fem: #a3bd2f;
  --yds-color-logo-lastenareena: #feb500;
  --yds-color-logo-yle-radio-1: #dc006a;
  --yds-color-logo-yle-radio-suomi: #0000e6;
  --yds-color-logo-yle-x: #fd2b77;
  --yds-color-logo-yle-x3m: #ff4c20;
  --yds-color-logo-yle-vega: #169bd4;
  --yds-color-logo-yle-klassinen: #0f7b87;
  --yds-color-logo-yle-sami-radio: #0049bf;
  --yds-color-logo-areena: #29ccde;
  --yds-color-logo-yle-background-default: #131415;
  --yds-color-logo-yle-text: #f8f9fa;
  --yds-color-logo-background: #000000;
  --yds-color-logo-nega: #ffffff;
  --yds-color-logo-text: #ffffff;
  --yds-color-brand-yle: #00b4c8;
  --yds-color-tag-live: #e90e43;
  --yds-color-tag-default: #131415;
  --yds-color-tag-opinion: #3d5483;
  --yds-color-tag-yle-corporate: #00809c;
  --yds-color-tag-primary-action: #131415;
  --yds-color-tag-primary-action-variant: rgba(0, 0, 0, 0.7);
  --yds-color-tag-secondary-action: rgba(0, 0, 0, 0.05);
  --yds-color-tag-secondary-action-variant: rgba(0, 0, 0, 0.02);
  --yds-color-shadow-s: rgba(0, 0, 0, 0.15);
  --yds-color-shadow-m: rgba(0, 0, 0, 0.15);
  --yds-color-shadow-l: rgba(0, 0, 0, 0.41);
  --yds-color-tietaja-background-player-card: rgba(0, 0, 0, 0.15);
  --yds-color-tietaja-text-score: #009cb5;
  --yds-color-tietaja-border-highlight: #009cb5;
  --yds-infographic-weather-icon-cloud-light: #d8d9db;
  --yds-infographic-weather-icon-cloud-mid: #878a8b;
  --yds-infographic-weather-icon-cloud-dark: #4a4f54;
  --yds-infographic-weather-icon-moon: #95c6ff;
  --yds-infographic-weather-icon-droplet: #2684ff;
  --yds-infographic-weather-icon-sun: #ffc400;
  --yds-infographic-text-default: #131415;
  --yds-infographic-background: #ffffff;
  --yds-infographic-tooltip-background: #131415;
  --yds-infographic-gridline: #b4b6b7;
  --yds-infographic-text-negative: #f8f9fa;
  --yds-infographic-text-secondary: #4a4f54;
  --yds-infographic-text-dark: #131415;
  --yds-infographic-text-light: #f8f9fa;
  --yds-infographic-text-plus: #00809c;
  --yds-infographic-text-minus: #b83c35;
  --yds-infographic-news-default-1: #7c59fa;
  --yds-infographic-news-default-2: #009cb5;
  --yds-infographic-news-default-3: #0b54b4;
  --yds-infographic-news-default-4: #f56a1b;
  --yds-infographic-news-default-5: #80259f;
  --yds-infographic-news-default-6: #2f2372;
  --yds-infographic-news-monochrome-1: #1e1753;
  --yds-infographic-news-monochrome-2: #413091;
  --yds-infographic-news-monochrome-3: #694bd7;
  --yds-infographic-news-monochrome-4: #9479fb;
  --yds-infographic-news-monochrome-5: #b7a8fa;
  --yds-infographic-news-monochrome-6: #d3cbfb;
  --yds-infographic-sports-default-1: #5541ed;
  --yds-infographic-sports-default-2: #ea3e85;
  --yds-infographic-sports-default-3: #618515;
  --yds-infographic-sports-default-4: #8578f2;
  --yds-infographic-sports-default-5: #f273a8;
  --yds-infographic-sports-default-6: #2c4d01;
  --yds-infographic-sports-monochrome-1: #1a1476;
  --yds-infographic-sports-monochrome-2: #372bb1;
  --yds-infographic-sports-monochrome-3: #5541ed;
  --yds-infographic-sports-monochrome-4: #8578f2;
  --yds-infographic-sports-monochrome-5: #b3abf7;
  --yds-infographic-sports-monochrome-6: #ddd9fc;
  --yds-infographic-accent-news: #f26659;
  --yds-infographic-political-party-fi-kok-primary: #0357a5;
  --yds-infographic-political-party-fi-kok-secondary: #8eb4d7;
  --yds-infographic-political-party-fi-ps-primary: #159af0;
  --yds-infographic-political-party-fi-ps-secondary: #96d2f8;
  --yds-infographic-political-party-fi-sdp-primary: #e01515;
  --yds-infographic-political-party-fi-sdp-secondary: #ef9897;
  --yds-infographic-political-party-fi-vihr-primary: #769f20;
  --yds-infographic-political-party-fi-vihr-secondary: #bccf95;
  --yds-infographic-political-party-fi-kesk-primary: #096900;
  --yds-infographic-political-party-fi-kesk-secondary: #90bc8c;
  --yds-infographic-political-party-fi-vas-primary: #bb1054;
  --yds-infographic-political-party-fi-vas-secondary: #e094b2;
  --yds-infographic-political-party-fi-rkp-primary: #c97b2d;
  --yds-infographic-political-party-fi-rkp-secondary: #deb186;
  --yds-infographic-political-party-fi-kd-primary: #923de8;
  --yds-infographic-political-party-fi-kd-secondary: #cea8f5;
  --yds-infographic-political-party-fi-liik-primary: #c262b8;
  --yds-infographic-political-party-fi-liik-secondary: #e4b8df;
  --yds-infographic-political-party-fi-others-primary: #8d8e8f;
  --yds-infographic-political-party-fi-others-secondary: #cccccd;
  --yds-infographic-scale-strongly-agree: #009cb5;
  --yds-infographic-scale-agree: #5ddbe9;
  --yds-infographic-scale-neutral: #b4b6b7;
  --yds-infographic-scale-disagree: #f79c94;
  --yds-infographic-scale-strongly-disagree: #f26659;
  --yds-infographic-survey-yes: #009cb5;
  --yds-infographic-survey-no: #f26659;
  --yds-infographic-survey-empty: #d8d9db;
  --yds-infographic-survey-neutral: #878a8b;
  --yds-shadow-sm: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  --yds-shadow-md: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --yds-shadow-lg: 0 0 24px 0 rgba(0, 0, 0, 0.41);
  --ukko-background: #ffffff;
  --ukko-background-contrast: #131415;
  --feature-story-background: #000000;
  --ukko-grey-background: #f1f2f4;
  --ukko-navigation-background: #ffffff;
  --ukko-navigation-shadow: linear-gradient(
    0deg,
    rgba(19, 20, 21, 0%),
    rgba(19, 20, 21, 5%)
  );
  --ukko-news-briefly-background: #ffffff;
  --ukko-default-item-background: #ffffff;
  --ukko-dark-item-background: #131415;
  --ukko-primary-footer-background: #f1f2f4;
  --ukko-secondary-footer-background: #ffffff;
  --ukko-overlay-background: #131415;
  --ukko-group-header-emphasis-background: #e90e43;
  --ukko-pulsating-dot: #e90e43;
  --ukko-link: #0a3276;
  --ukko-visited-link: #878a8b;
  --ukko-default-text: #131415;
  --ukko-dark-text: #f8f9fa;
  --ukko-text-contrast: #f8f9fa;
  --ukko-feature-story-text: #f8f9fa;
  --ukko-separator: rgba(0, 0, 0, 0.09);
  --ukko-dark-group-separator: rgba(255, 255, 255, 0.13);
  --ukko-alert: #e90e43;
  --ukko-focus: var(--yds-color-border-primary-focus);
  --ukko-location-select-option-hover: #f1f2f4;
  --ukko-location-select-option-focus: #ffffff;
  --ukko-location-select-scrollbar-background: #878a8b;
  --ukko-byline-background-color: #3d5483;
  --ukko-byline-Jessikka Aroic-background-color: #ffffff;
  --ukko-byline-text-color: #f8f9fa;
  --ukko-kicker-Jessikka Aroic-background: #4b075b;
  --ukko-live-udpates-separator: #d8d9db;
  --ukko-default-play-button-background: #ffffff;
  --ukko-default-play-button-icon-color: #000000;
  --ukko-default-play-button-text-color: #f8f9fa;
  --ukko-inverse-play-button-background: #000000;
  --ukko-inverse-play-button-icon-color: #ffffff;
  --ukko-inverse-play-button-text-color: #000000;
  --ukko-weather-warnings-background: #f8f9fa;
  --ukko-pollen-even-row-background: #f8f9fa;
  --ukko-playlist-header: #131415;
  --ukko-playlist-button-background: #f1f2f4;
  --ukko-playlist-button-color: #131415;
  --ukko-placeholder-color-1: rgba(0, 0, 0, 0.09);
  --ukko-placeholder-color-2: rgba(0, 0, 0, 0.15);
  color-scheme: light dark;
}

.dKSwnR {
  margin-top: 16px;
  background-color: #ffff;
}
.fFOpBS {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 8px;
}

.dRrwBC {
  position: relative;
}

.gbyyfi {
  background-color: transparent;
  border-color: #131415;
  color: #131415;
}
.fscjGJ {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: auto;
  font-weight: 700;
  outline: none;
  line-height: 1.5;
  font-family: "Yle Next", "Open Sans", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 4px 16px;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  min-height: 48px;
  min-width: 48px;
  font-size: 16px;
}

.fdZgHS {
  display: block;
  visibility: visible;
  padding-left: 8px;
  padding-right: 8px;
}

.iyHJyX {
  margin: 0px 8px;
  border-bottom: 1px solid var(--ukko-separator);
}

.cQThWW {
  visibility: visible;
}
.gObzty {
  display: inline-block;
  line-height: 0;
}

.dRrwBC::after {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: -8px;
  width: calc(100vw - 20px);
  z-index: -1;
  background-color: #ffffff;
}

.gkLsMI {
  display: block;
  text-align: center;
  color: var(--ukko-default-text);
  margin-bottom: -32px;
  padding: 32px 8px 0px;
}

.keDbUA div,
.keDbUA ul {
  text-align: center;
}

.kRqVKs {
  font-size: 18px;
  line-height: 1.45;
  font-family: "Yle Next", sans-serif;
  font-weight: 700;
}
.bNliKB {
  font-size: 16px;
  line-height: 1.5;
  font-family: "Yle Next", sans-serif;
  font-weight: 400;
}
.jaGmkt {
  margin: 16px;
}
a {
  color: #131415;
  text-decoration: none;
}

.dAjkhL {
  border-bottom: 1px solid var(--ukko-separator);
  margin: 32px 0px;
}

@media (min-width: 1080px) {
  .dRrwBC::after {
    left: calc((1056px - 100vw -0px) / 2);
  }
}
@media (min-width: 1024px) {
  .dRrwBC::after {
    left: -12px;
  }
}
@media (min-width: 768px) {
  .dRrwBC::after {
    left: -8px;
  }
}
.iyHJyX {
  margin: 0px 8px;
  border-bottom: 1px solid var(--ukko-separator);
}

.keDbUA {
  display: flex;
  flex-direction: column;
}
.keDbUA div,
.keDbUA ul {
  text-align: center;
}
.gEfcGd {
  justify-content: center;
  flex-flow: wrap;
  padding-top: 24px;
}
ol li::before,
ol li .ie-counter {
  content: none;
}
li {
  padding: 0;
}

@media print, (min-width: 1080px) {
  .hGNkHt {
    max-width: 1032px;
    flex-direction: row !important;
  }
}
@media print, (min-width: 1024px) {
  .hGNkHt {
    flex-direction: row;
    justify-content: center;
    width: calc(var(--viewportWidthWithoutScrollbar) * 1 - 48px);
  }
}
@media screen and (min-width: 768px) {
  .hGNkHt {
    display: flex;
    flex-direction: row;
    width: calc(var(--viewportWidthWithoutScrollbar) * 1 - 32px);
  }
}
.hGNkHt {
  display: flex;
  width: calc(var(--viewportWidthWithoutScrollbar) * 1 - 32px);
  margin: 8px 8px 16px;
  margin: auto;
}
ol,
ul {
  list-style-type: none;
}
.keDbUA div li,
.keDbUA ul li {
  display: inline-block;
  margin: 8px;
}
.coXzWz {
  font-size: 14px;
  line-height: 1.5;
  font-family: "Yle Next", sans-serif;
  font-weight: 400;
}

.keDbUA > a,
.keDbUA > span {
  display: block;
  margin: 4px auto;
  padding: 4px;
}
.gbyyfi {
    background-color: transparent;
    border-color: var(--yds-color-action-primary, #131415);
    color: var(--yds-color-text-default, #131415);
}

.gbyyfi:hover {
    background: rgb(237, 237, 237);
}