/**
 * Yle Design System
 * v1.3.8
 */

:root {
  --yds-color-gray-5: #f8f9fa;
  --yds-color-gray-10: #f1f2f4;
  --yds-color-gray-20: #e8e9eb;
  --yds-color-gray-30: #d8d9db;
  --yds-color-gray-40: #b4b6b7;
  --yds-color-gray-50: #949697;
  --yds-color-gray-60: #4a4f54;
  --yds-color-gray-70: #323639;
  --yds-color-gray-80: #292b2d;
  --yds-color-gray-90: #1f2123;
  --yds-color-gray-95: #131415;
  --yds-color-black-opacity-5: rgba(0, 0, 0, 0.02);
  --yds-color-black-opacity-10: rgba(0, 0, 0, 0.05);
  --yds-color-black-opacity-20: rgba(0, 0, 0, 0.09);
  --yds-color-black-opacity-30: rgba(0, 0, 0, 0.15);
  --yds-color-black-opacity-40: rgba(0, 0, 0, 0.29);
  --yds-color-black-opacity-50: rgba(0, 0, 0, 0.41);
  --yds-color-black-opacity-60: rgba(0, 0, 0, 0.7);
  --yds-color-black-opacity-70: rgba(0, 0, 0, 0.79);
  --yds-color-black-opacity-80: rgba(0, 0, 0, 0.83);
  --yds-color-black-opacity-90: rgba(0, 0, 0, 0.87);
  --yds-color-black-opacity-95: rgba(0, 0, 0, 0.92);
  --yds-color-white-opacity-5: rgba(255, 255, 255, 0.08);
  --yds-color-white-opacity-10: rgba(255, 255, 255, 0.13);
  --yds-color-white-opacity-20: rgba(255, 255, 255, 0.17);
  --yds-color-white-opacity-30: rgba(255, 255, 255, 0.21);
  --yds-color-white-opacity-40: rgba(255, 255, 255, 0.3);
  --yds-color-white-opacity-50: rgba(255, 255, 255, 0.59);
  --yds-color-white-opacity-60: rgba(255, 255, 255, 0.71);
  --yds-color-white-opacity-70: rgba(255, 255, 255, 0.85);
  --yds-color-white-opacity-80: rgba(255, 255, 255, 0.91);
  --yds-color-white-opacity-90: rgba(255, 255, 255, 0.95);
  --yds-color-white-opacity-95: rgba(255, 255, 255, 0.98);
  --yds-color-white: #ffffff;
  --yds-color-black: #000000;
  --yds-color-turquoise-5: #e5fdff;
  --yds-color-turquoise-10: #c7f4fa;
  --yds-color-turquoise-20: #9cebf4;
  --yds-color-turquoise-30: #5ddbe9;
  --yds-color-turquoise-40: #29ccde;
  --yds-color-turquoise-50: #00b4c8;
  --yds-color-turquoise-60: #009cb5;
  --yds-color-turquoise-70: #00809c;
  --yds-color-turquoise-80: #00637d;
  --yds-color-turquoise-90: #00475e;
  --yds-color-turquoise-95: #0b3f4b;
  --yds-color-news-violet-5: #e6e5ff;
  --yds-color-news-violet-10: #d3cbfb;
  --yds-color-news-violet-20: #b7a8fa;
  --yds-color-news-violet-30: #9479fb;
  --yds-color-news-violet-40: #7c59fa;
  --yds-color-news-violet-50: #694bd7;
  --yds-color-news-violet-60: #553db4;
  --yds-color-news-violet-70: #413091;
  --yds-color-news-violet-80: #2f2372;
  --yds-color-news-violet-90: #1e1753;
  --yds-color-news-violet-95: #120e3e;
  --yds-color-news-orange-5: #fff2f2;
  --yds-color-news-orange-10: #fdd6d3;
  --yds-color-news-orange-20: #fab8b3;
  --yds-color-news-orange-30: #f79c94;
  --yds-color-news-orange-40: #f57f74;
  --yds-color-news-orange-50: #f26659;
  --yds-color-news-orange-60: #d24f45;
  --yds-color-news-orange-70: #b83c35;
  --yds-color-news-orange-80: #9b2823;
  --yds-color-news-orange-90: #7f1412;
  --yds-color-news-orange-95: #650101;
  --yds-color-sports-violet-5: #eeeeff;
  --yds-color-sports-violet-10: #ddd9fc;
  --yds-color-sports-violet-20: #b3abf7;
  --yds-color-sports-violet-30: #8578f2;
  --yds-color-sports-violet-40: #6553ef;
  --yds-color-sports-violet-50: #5541ed;
  --yds-color-sports-violet-60: #372bb1;
  --yds-color-sports-violet-70: #292094;
  --yds-color-sports-violet-80: #1a1476;
  --yds-color-sports-violet-90: #0d0a5c;
  --yds-color-sports-violet-95: #030349;
  --yds-color-sports-lime-5: #fdfde7;
  --yds-color-sports-lime-10: #f9ffc6;
  --yds-color-sports-lime-20: #ebfe8d;
  --yds-color-sports-lime-30: #d4ff42;
  --yds-color-sports-lime-40: #caf53e;
  --yds-color-sports-lime-50: #b0d934;
  --yds-color-sports-lime-60: #91ae42;
  --yds-color-sports-lime-70: #7a9a2c;
  --yds-color-sports-lime-80: #618515;
  --yds-color-sports-lime-90: #46690b;
  --yds-color-sports-lime-95: #2c4d01;
  --yds-color-sports-pink-5: #fff5f9;
  --yds-color-sports-pink-10: #fcd9e8;
  --yds-color-sports-pink-20: #f7abcb;
  --yds-color-sports-pink-30: #f273a8;
  --yds-color-sports-pink-40: #ea3e85;
  --yds-color-sports-pink-50: #e60060;
  --yds-color-sports-pink-60: #c50152;
  --yds-color-sports-pink-70: #a70146;
  --yds-color-sports-pink-80: #880139;
  --yds-color-sports-pink-90: #6b012c;
  --yds-color-sports-pink-95: #4d0120;
  --yds-color-info-orange-5: #fff3e2;
  --yds-color-info-orange-10: #ffe3bf;
  --yds-color-info-orange-20: #ffd199;
  --yds-color-info-orange-30: #fec075;
  --yds-color-info-orange-40: #feb054;
  --yds-color-info-orange-50: #ff8f33;
  --yds-color-info-orange-60: #f56a1b;
  --yds-color-info-orange-70: #e65a27;
  --yds-color-info-orange-80: #e04312;
  --yds-color-info-orange-90: #c93c11;
  --yds-color-info-orange-95: #9b2e0d;
  --yds-color-info-yellow-5: #fff8e0;
  --yds-color-info-yellow-10: #ffeeb2;
  --yds-color-info-yellow-20: #ffe387;
  --yds-color-info-yellow-30: #ffd959;
  --yds-color-info-yellow-40: #ffcf2d;
  --yds-color-info-yellow-50: #ffc400;
  --yds-color-info-yellow-60: #f1b601;
  --yds-color-info-yellow-70: #cc9601;
  --yds-color-info-yellow-80: #ae7b01;
  --yds-color-info-yellow-90: #926201;
  --yds-color-info-yellow-95: #764901;
  --yds-color-info-green-5: #e0fff4;
  --yds-color-info-green-10: #b4f5de;
  --yds-color-info-green-20: #88eac7;
  --yds-color-info-green-30: #5fe0b2;
  --yds-color-info-green-40: #33d59b;
  --yds-color-info-green-50: #07ca84;
  --yds-color-info-green-60: #07b577;
  --yds-color-info-green-70: #06a26a;
  --yds-color-info-green-80: #068e5d;
  --yds-color-info-green-90: #05794f;
  --yds-color-info-green-95: #046542;
  --yds-color-info-blue-5: #e0f2ff;
  --yds-color-info-blue-10: #bbdcff;
  --yds-color-info-blue-20: #95c6ff;
  --yds-color-info-blue-30: #71b0ff;
  --yds-color-info-blue-40: #4b9aff;
  --yds-color-info-blue-50: #2684ff;
  --yds-color-info-blue-60: #2078ed;
  --yds-color-info-blue-70: #196dda;
  --yds-color-info-blue-80: #1260c7;
  --yds-color-info-blue-90: #0b54b4;
  --yds-color-info-blue-95: #0448a1;
  --yds-color-info-deep-blue-5: #e3eaf3;
  --yds-color-info-deep-blue-10: #c9d5e6;
  --yds-color-info-deep-blue-20: #b0c1da;
  --yds-color-info-deep-blue-30: #99aece;
  --yds-color-info-deep-blue-40: #738ab5;
  --yds-color-info-deep-blue-50: #546d9c;
  --yds-color-info-deep-blue-60: #3d5483;
  --yds-color-info-deep-blue-70: #1e2e52;
  --yds-color-info-deep-blue-80: #131e39;
  --yds-color-info-deep-blue-90: #131625;
  --yds-color-info-deep-blue-95: #020408;
  --yds-color-info-purple-5: #fcf5ff;
  --yds-color-info-purple-10: #e8d0f1;
  --yds-color-info-purple-20: #d9b0e8;
  --yds-color-info-purple-30: #ca91de;
  --yds-color-info-purple-40: #ba72d5;
  --yds-color-info-purple-50: #9436b5;
  --yds-color-info-purple-60: #80259f;
  --yds-color-info-purple-70: #620579;
  --yds-color-info-purple-80: #4b075b;
  --yds-color-info-purple-90: #30063a;
  --yds-color-info-purple-95: #1c0222;
  --yds-color-red-5: #fff5f8;
  --yds-color-red-10: #fcc5d3;
  --yds-color-red-20: #f99fb5;
  --yds-color-red-30: #f77898;
  --yds-color-red-40: #f5517a;
  --yds-color-red-50: #e90e43;
  --yds-color-red-60: #d10b3d;
  --yds-color-red-70: #9a092d;
  --yds-color-red-80: #740722;
  --yds-color-red-90: #4d0417;
  --yds-color-green-5: #e5fff9;
  --yds-color-green-10: #a1f9dd;
  --yds-color-green-20: #62f9c2;
  --yds-color-green-30: #1ff0a4;
  --yds-color-green-40: #03e592;
  --yds-color-green-50: #07ca84;
  --yds-color-green-60: #06b173;
  --yds-color-green-70: #058657;
  --yds-color-green-80: #046240;
  --yds-color-green-90: #023b26;
  --yds-color-orange-5: #fff3e2;
  --yds-color-orange-10: #ffe1b8;
  --yds-color-orange-20: #ffce8b;
  --yds-color-orange-30: #ffb95f;
  --yds-color-orange-40: #ff9c31;
  --yds-color-orange-50: #ff8f33;
  --yds-color-orange-60: #f1722a;
  --yds-color-orange-70: #e65a27;
  --yds-color-orange-80: #e04312;
  --yds-color-orange-90: #c93c11;
  --yds-color-blue-5: #e0f2ff;
  --yds-color-blue-10: #ccdef5;
  --yds-color-blue-20: #9fc8ee;
  --yds-color-blue-30: #88b3e7;
  --yds-color-blue-40: #669de1;
  --yds-color-blue-50: #2975d0;
  --yds-color-blue-60: #1163b0;
  --yds-color-blue-70: #234c93;
  --yds-color-blue-80: #0a3276;
  --yds-color-blue-90: #00284e;
  --yds-color-yellow-5: #fffce2;
  --yds-color-yellow-10: #fcf0c5;
  --yds-color-yellow-20: #fae69e;
  --yds-color-yellow-30: #f9dc77;
  --yds-color-yellow-40: #f7d350;
  --yds-color-yellow-50: #f4c722;
  --yds-color-yellow-60: #dab013;
  --yds-color-yellow-70: #b18e0c;
  --yds-color-yellow-80: #725a07;
  --yds-color-yellow-90: #493b06;
  --yds-color-purple-5: #fcf5ff;
  --yds-color-purple-10: #e8d0f1;
  --yds-color-purple-20: #d9b0e8;
  --yds-color-purple-30: #ca91de;
  --yds-color-purple-40: #ba72d5;
  --yds-color-purple-50: #9436b5;
  --yds-color-purple-60: #80259f;
  --yds-color-purple-70: #620579;
  --yds-color-purple-80: #4b075b;
  --yds-color-purple-90: #30063a;
  --yds-color-brand: #00b4c8; /* deprecated: use theme colors instead */
}

/**
 * Yle Design System
 * v1.3.8
 */

:root {
  --yds-color-weather-icon-cloud-light: #d8d9db;
  --yds-color-weather-icon-cloud-mid: #949697;
  --yds-color-weather-icon-cloud-dark: #4a4f54;
  --yds-color-weather-icon-moon: #95c6ff;
  --yds-color-weather-icon-droplet: #2684ff;
  --yds-color-weather-icon-sun: #ffc400;
  --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.41);
  --yds-color-background-control-disabled: rgba(0, 0, 0, 0.15);
  --yds-color-background-input: #ffffff;
  --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.41);
  --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-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-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-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: #008ac7;
  --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-logo-yle: #00b4c8;
  --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-background-variant-2: #e8e9eb;
  --yds-color-tietaja-text-score: #009cb5;
  --yds-color-tietaja-border-highlight: #009cb5;
}

/**
 * Yle Design System
 * v1.3.8
 */

@media screen and (prefers-color-scheme: dark) {
  :root {
    --yds-color-weather-icon-cloud-light: #d8d9db;
    --yds-color-weather-icon-cloud-mid: #949697;
    --yds-color-weather-icon-cloud-dark: #4a4f54;
    --yds-color-weather-icon-moon: #95c6ff;
    --yds-color-weather-icon-droplet: #ffffff;
    --yds-color-weather-icon-sun: #ffc400;
    --yds-color-background: #131415;
    --yds-color-background-variant: #1f2123;
    --yds-color-background-negative: #ffffff;
    --yds-color-background-navigation: #000000;
    --yds-color-background-control: rgba(255, 255, 255, 0.59);
    --yds-color-background-control-disabled: rgba(255, 255, 255, 0.21);
    --yds-color-background-input: #131415;
    --yds-color-background-highlight: #0b3f4b;
    --yds-color-background-interactive: #292b2d;
    --yds-color-background-dialog: #1f2123;
    --yds-color-background-dialog-overlay: rgba(0, 0, 0, 0.7);
    --yds-color-background-info-primary: #d8d9db;
    --yds-color-background-info-secondary: #292b2d;
    --yds-color-background-success: #33d59b;
    --yds-color-background-warning: #feb054;
    --yds-color-background-error: #f5517a;
    --yds-color-background-opinion-article: #3d5483;
    --yds-color-background-story: #1f2123;
    --yds-color-background-list: #131415;
    --yds-color-text-default: #f8f9fa;
    --yds-color-text-negative: #131415;
    --yds-color-text-input-placeholder: #949697;
    --yds-color-text-high-emphasis: rgba(255, 255, 255, 0.85);
    --yds-color-text-medium-emphasis: rgba(255, 255, 255, 0.71);
    --yds-color-text-disabled: rgba(255, 255, 255, 0.3);
    --yds-color-text-light: #f8f9fa;
    --yds-color-text-dark: #131415;
    --yds-color-action-primary: #f8f9fa;
    --yds-color-action-primary-variant: rgba(255, 255, 255, 0.71);
    --yds-color-action-secondary: rgba(255, 255, 255, 0.08);
    --yds-color-action-secondary-variant: rgba(255, 255, 255, 0.17);
    --yds-color-action-disabled: rgba(255, 255, 255, 0.21);
    --yds-color-action-danger-primary: #f77898;
    --yds-color-action-danger-primary-variant: #f5517a;
    --yds-color-border: #f8f9fa;
    --yds-color-border-disabled: rgba(255, 255, 255, 0.3);
    --yds-color-border-primary-focus: #29ccde;
    --yds-color-border-secondary-focus: #f8f9fa;
    --yds-color-border-separator: rgba(255, 255, 255, 0.13);
    --yds-color-illustrative-icons-icon-primary: #f8f9fa;
    --yds-color-illustrative-icons-icon-secondary: #009cb5;
    --yds-color-player-progress-bar: rgba(255, 255, 255, 0.3);
    --yds-color-player-progress-indicator: #29ccde;
    --yds-color-spinner-default: #ffffff;
    --yds-color-spinner-negative: #131415;
    --yds-color-spinner-highlight-default: #29ccde;
    --yds-color-spinner-highlight-negative: #009cb5;
    --yds-color-spinner-background-default: #292b2d;
    --yds-color-spinner-background-negative: #d8d9db;
    --yds-color-feedback-highlight: #29ccde;
    --yds-color-feedback-error: #f5517a;
    --yds-color-feedback-warning: #ff9c31;
    --yds-color-feedback-success: #03e592;
    --yds-color-feedback-live: #e90e43;
    --yds-color-logo-yle-background-brand: #f8f9fa;
    --yds-color-logo-tv1: #008ac7;
    --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: #00b9eb;
    --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: #f8f9fa;
    --yds-color-logo-yle-text: #131415;
    --yds-color-logo-background: #ffffff;
    --yds-color-logo-nega: #ffffff;
    --yds-color-logo-text: #000000;
    --yds-color-logo-yle: #f8f9fa;
    --yds-color-brand-yle: #00b4c8;
    --yds-color-tag-live: #e90e43;
    --yds-color-tag-default: #ffffff;
    --yds-color-tag-opinion: #3d5483;
    --yds-color-tag-yle-corporate: #00809c;
    --yds-color-tag-primary-action: #f8f9fa;
    --yds-color-tag-primary-action-variant: rgba(255, 255, 255, 0.71);
    --yds-color-tag-secondary-action: rgba(255, 255, 255, 0.13);
    --yds-color-tag-secondary-action-variant: rgba(255, 255, 255, 0.08);
    --yds-color-shadow-s: rgba(0, 0, 0, 0.7);
    --yds-color-shadow-m: rgba(0, 0, 0, 0.7);
    --yds-color-shadow-l: rgba(0, 0, 0, 0.87);
    --yds-color-tietaja-background-player-card: rgba(0, 0, 0, 0.29);
    --yds-color-tietaja-background-variant-2: #292b2d;
    --yds-color-tietaja-text-score: #29ccde;
    --yds-color-tietaja-border-highlight: #29ccde;
  }
}

/**
 * Yle Design System
 * v1.3.8
 */

:root {
  --yds-typography-default-xl-italic-font-size: 20px;
  --yds-typography-default-xl-italic-text-decoration: none;
  --yds-typography-default-xl-italic-font-family: "Yle Next";
  --yds-typography-default-xl-italic-font-weight: 400;
  --yds-typography-default-xl-italic-font-style: italic;
  --yds-typography-default-xl-italic-font-stretch: normal;
  --yds-typography-default-xl-italic-font-style-old: Regular;
  --yds-typography-default-xl-italic-letter-spacing: 0;
  --yds-typography-default-xl-italic-line-height: 150%;
  --yds-typography-default-xl-italic-paragraph-indent: 0;
  --yds-typography-default-xl-italic-paragraph-spacing: 20px;
  --yds-typography-default-xl-italic-text-case: none;
  --yds-typography-default-l-italic-font-size: 18px;
  --yds-typography-default-l-italic-text-decoration: none;
  --yds-typography-default-l-italic-font-family: "Yle Next";
  --yds-typography-default-l-italic-font-weight: 400;
  --yds-typography-default-l-italic-font-style: italic;
  --yds-typography-default-l-italic-font-stretch: normal;
  --yds-typography-default-l-italic-font-style-old: Regular;
  --yds-typography-default-l-italic-letter-spacing: 0;
  --yds-typography-default-l-italic-line-height: 150%;
  --yds-typography-default-l-italic-paragraph-indent: 0;
  --yds-typography-default-l-italic-paragraph-spacing: 18px;
  --yds-typography-default-l-italic-text-case: none;
  --yds-typography-default-m-italic-font-size: 16px;
  --yds-typography-default-m-italic-text-decoration: none;
  --yds-typography-default-m-italic-font-family: "Yle Next";
  --yds-typography-default-m-italic-font-weight: 400;
  --yds-typography-default-m-italic-font-style: italic;
  --yds-typography-default-m-italic-font-stretch: normal;
  --yds-typography-default-m-italic-font-style-old: Regular;
  --yds-typography-default-m-italic-letter-spacing: 0;
  --yds-typography-default-m-italic-line-height: 150%;
  --yds-typography-default-m-italic-paragraph-indent: 0;
  --yds-typography-default-m-italic-paragraph-spacing: 16px;
  --yds-typography-default-m-italic-text-case: none;
  --yds-typography-default-s-italic-font-size: 14px;
  --yds-typography-default-s-italic-text-decoration: none;
  --yds-typography-default-s-italic-font-family: "Yle Next";
  --yds-typography-default-s-italic-font-weight: 400;
  --yds-typography-default-s-italic-font-style: italic;
  --yds-typography-default-s-italic-font-stretch: normal;
  --yds-typography-default-s-italic-font-style-old: Regular;
  --yds-typography-default-s-italic-letter-spacing: 0;
  --yds-typography-default-s-italic-line-height: 150%;
  --yds-typography-default-s-italic-paragraph-indent: 0;
  --yds-typography-default-s-italic-paragraph-spacing: 14px;
  --yds-typography-default-s-italic-text-case: none;
  --yds-typography-default-xs-italic-font-size: 12px;
  --yds-typography-default-xs-italic-text-decoration: none;
  --yds-typography-default-xs-italic-font-family: "Yle Next";
  --yds-typography-default-xs-italic-font-weight: 400;
  --yds-typography-default-xs-italic-font-style: italic;
  --yds-typography-default-xs-italic-font-stretch: normal;
  --yds-typography-default-xs-italic-font-style-old: Regular;
  --yds-typography-default-xs-italic-letter-spacing: 0;
  --yds-typography-default-xs-italic-line-height: 150%;
  --yds-typography-default-xs-italic-paragraph-indent: 0;
  --yds-typography-default-xs-italic-paragraph-spacing: 12px;
  --yds-typography-default-xs-italic-text-case: none;
  --yds-typography-default-7xl-bold-font-size: 56px;
  --yds-typography-default-7xl-bold-text-decoration: none;
  --yds-typography-default-7xl-bold-font-family: "Yle Next";
  --yds-typography-default-7xl-bold-font-weight: 700;
  --yds-typography-default-7xl-bold-font-style: normal;
  --yds-typography-default-7xl-bold-font-stretch: normal;
  --yds-typography-default-7xl-bold-font-style-old: Bold;
  --yds-typography-default-7xl-bold-letter-spacing: 0;
  --yds-typography-default-7xl-bold-line-height: 130%;
  --yds-typography-default-7xl-bold-paragraph-indent: 0;
  --yds-typography-default-7xl-bold-paragraph-spacing: 56px;
  --yds-typography-default-7xl-bold-text-case: none;
  --yds-typography-default-7xl-heavy-font-size: 56px;
  --yds-typography-default-7xl-heavy-text-decoration: none;
  --yds-typography-default-7xl-heavy-font-family: "Yle Next";
  --yds-typography-default-7xl-heavy-font-weight: 900;
  --yds-typography-default-7xl-heavy-font-style: normal;
  --yds-typography-default-7xl-heavy-font-stretch: normal;
  --yds-typography-default-7xl-heavy-font-style-old: Black;
  --yds-typography-default-7xl-heavy-letter-spacing: 0;
  --yds-typography-default-7xl-heavy-line-height: 130%;
  --yds-typography-default-7xl-heavy-paragraph-indent: 0;
  --yds-typography-default-7xl-heavy-paragraph-spacing: 56px;
  --yds-typography-default-7xl-heavy-text-case: none;
  --yds-typography-default-6xl-bold-font-size: 48px;
  --yds-typography-default-6xl-bold-text-decoration: none;
  --yds-typography-default-6xl-bold-font-family: "Yle Next";
  --yds-typography-default-6xl-bold-font-weight: 700;
  --yds-typography-default-6xl-bold-font-style: normal;
  --yds-typography-default-6xl-bold-font-stretch: normal;
  --yds-typography-default-6xl-bold-font-style-old: Bold;
  --yds-typography-default-6xl-bold-letter-spacing: 0;
  --yds-typography-default-6xl-bold-line-height: 130%;
  --yds-typography-default-6xl-bold-paragraph-indent: 0;
  --yds-typography-default-6xl-bold-paragraph-spacing: 48px;
  --yds-typography-default-6xl-bold-text-case: none;
  --yds-typography-default-6xl-heavy-font-size: 48px;
  --yds-typography-default-6xl-heavy-text-decoration: none;
  --yds-typography-default-6xl-heavy-font-family: "Yle Next";
  --yds-typography-default-6xl-heavy-font-weight: 900;
  --yds-typography-default-6xl-heavy-font-style: normal;
  --yds-typography-default-6xl-heavy-font-stretch: normal;
  --yds-typography-default-6xl-heavy-font-style-old: Black;
  --yds-typography-default-6xl-heavy-letter-spacing: 0;
  --yds-typography-default-6xl-heavy-line-height: 130%;
  --yds-typography-default-6xl-heavy-paragraph-indent: 0;
  --yds-typography-default-6xl-heavy-paragraph-spacing: 48px;
  --yds-typography-default-6xl-heavy-text-case: none;
  --yds-typography-default-5xl-bold-font-size: 40px;
  --yds-typography-default-5xl-bold-text-decoration: none;
  --yds-typography-default-5xl-bold-font-family: "Yle Next";
  --yds-typography-default-5xl-bold-font-weight: 700;
  --yds-typography-default-5xl-bold-font-style: normal;
  --yds-typography-default-5xl-bold-font-stretch: normal;
  --yds-typography-default-5xl-bold-font-style-old: Bold;
  --yds-typography-default-5xl-bold-letter-spacing: 0;
  --yds-typography-default-5xl-bold-line-height: 130%;
  --yds-typography-default-5xl-bold-paragraph-indent: 0;
  --yds-typography-default-5xl-bold-paragraph-spacing: 40px;
  --yds-typography-default-5xl-bold-text-case: none;
  --yds-typography-default-5xl-heavy-font-size: 40px;
  --yds-typography-default-5xl-heavy-text-decoration: none;
  --yds-typography-default-5xl-heavy-font-family: "Yle Next";
  --yds-typography-default-5xl-heavy-font-weight: 900;
  --yds-typography-default-5xl-heavy-font-style: normal;
  --yds-typography-default-5xl-heavy-font-stretch: normal;
  --yds-typography-default-5xl-heavy-font-style-old: Black;
  --yds-typography-default-5xl-heavy-letter-spacing: 0;
  --yds-typography-default-5xl-heavy-line-height: 130%;
  --yds-typography-default-5xl-heavy-paragraph-indent: 0;
  --yds-typography-default-5xl-heavy-paragraph-spacing: 40px;
  --yds-typography-default-5xl-heavy-text-case: none;
  --yds-typography-default-4xl-bold-font-size: 32px;
  --yds-typography-default-4xl-bold-text-decoration: none;
  --yds-typography-default-4xl-bold-font-family: "Yle Next";
  --yds-typography-default-4xl-bold-font-weight: 700;
  --yds-typography-default-4xl-bold-font-style: normal;
  --yds-typography-default-4xl-bold-font-stretch: normal;
  --yds-typography-default-4xl-bold-font-style-old: Bold;
  --yds-typography-default-4xl-bold-letter-spacing: 0;
  --yds-typography-default-4xl-bold-line-height: 140%;
  --yds-typography-default-4xl-bold-paragraph-indent: 0;
  --yds-typography-default-4xl-bold-paragraph-spacing: 32px;
  --yds-typography-default-4xl-bold-text-case: none;
  --yds-typography-default-4xl-heavy-font-size: 32px;
  --yds-typography-default-4xl-heavy-text-decoration: none;
  --yds-typography-default-4xl-heavy-font-family: "Yle Next";
  --yds-typography-default-4xl-heavy-font-weight: 900;
  --yds-typography-default-4xl-heavy-font-style: normal;
  --yds-typography-default-4xl-heavy-font-stretch: normal;
  --yds-typography-default-4xl-heavy-font-style-old: Black;
  --yds-typography-default-4xl-heavy-letter-spacing: 0;
  --yds-typography-default-4xl-heavy-line-height: 140%;
  --yds-typography-default-4xl-heavy-paragraph-indent: 0;
  --yds-typography-default-4xl-heavy-paragraph-spacing: 32px;
  --yds-typography-default-4xl-heavy-text-case: none;
  --yds-typography-default-3xl-bold-font-size: 28px;
  --yds-typography-default-3xl-bold-text-decoration: none;
  --yds-typography-default-3xl-bold-font-family: "Yle Next";
  --yds-typography-default-3xl-bold-font-weight: 700;
  --yds-typography-default-3xl-bold-font-style: normal;
  --yds-typography-default-3xl-bold-font-stretch: normal;
  --yds-typography-default-3xl-bold-font-style-old: Bold;
  --yds-typography-default-3xl-bold-letter-spacing: 0;
  --yds-typography-default-3xl-bold-line-height: 130%;
  --yds-typography-default-3xl-bold-paragraph-indent: 0;
  --yds-typography-default-3xl-bold-paragraph-spacing: 28px;
  --yds-typography-default-3xl-bold-text-case: none;
  --yds-typography-default-3xl-heavy-font-size: 28px;
  --yds-typography-default-3xl-heavy-text-decoration: none;
  --yds-typography-default-3xl-heavy-font-family: "Yle Next";
  --yds-typography-default-3xl-heavy-font-weight: 900;
  --yds-typography-default-3xl-heavy-font-style: normal;
  --yds-typography-default-3xl-heavy-font-stretch: normal;
  --yds-typography-default-3xl-heavy-font-style-old: Black;
  --yds-typography-default-3xl-heavy-letter-spacing: 0;
  --yds-typography-default-3xl-heavy-line-height: 130%;
  --yds-typography-default-3xl-heavy-paragraph-indent: 0;
  --yds-typography-default-3xl-heavy-paragraph-spacing: 28px;
  --yds-typography-default-3xl-heavy-text-case: none;
  --yds-typography-default-2xl-font-size: 24px;
  --yds-typography-default-2xl-text-decoration: none;
  --yds-typography-default-2xl-font-family: "Yle Next";
  --yds-typography-default-2xl-font-weight: 400;
  --yds-typography-default-2xl-font-style: normal;
  --yds-typography-default-2xl-font-stretch: normal;
  --yds-typography-default-2xl-font-style-old: Regular;
  --yds-typography-default-2xl-letter-spacing: 0;
  --yds-typography-default-2xl-line-height: 140%;
  --yds-typography-default-2xl-paragraph-indent: 0;
  --yds-typography-default-2xl-paragraph-spacing: 24px;
  --yds-typography-default-2xl-text-case: none;
  --yds-typography-default-2xl-bold-font-size: 24px;
  --yds-typography-default-2xl-bold-text-decoration: none;
  --yds-typography-default-2xl-bold-font-family: "Yle Next";
  --yds-typography-default-2xl-bold-font-weight: 700;
  --yds-typography-default-2xl-bold-font-style: normal;
  --yds-typography-default-2xl-bold-font-stretch: normal;
  --yds-typography-default-2xl-bold-font-style-old: Bold;
  --yds-typography-default-2xl-bold-letter-spacing: 0;
  --yds-typography-default-2xl-bold-line-height: 140%;
  --yds-typography-default-2xl-bold-paragraph-indent: 0;
  --yds-typography-default-2xl-bold-paragraph-spacing: 24px;
  --yds-typography-default-2xl-bold-text-case: none;
  --yds-typography-default-2xl-heavy-font-size: 24px;
  --yds-typography-default-2xl-heavy-text-decoration: none;
  --yds-typography-default-2xl-heavy-font-family: "Yle Next";
  --yds-typography-default-2xl-heavy-font-weight: 900;
  --yds-typography-default-2xl-heavy-font-style: normal;
  --yds-typography-default-2xl-heavy-font-stretch: normal;
  --yds-typography-default-2xl-heavy-font-style-old: Black;
  --yds-typography-default-2xl-heavy-letter-spacing: 0;
  --yds-typography-default-2xl-heavy-line-height: 140%;
  --yds-typography-default-2xl-heavy-paragraph-indent: 0;
  --yds-typography-default-2xl-heavy-paragraph-spacing: 24px;
  --yds-typography-default-2xl-heavy-text-case: none;
  --yds-typography-default-xl-font-size: 20px;
  --yds-typography-default-xl-text-decoration: none;
  --yds-typography-default-xl-font-family: "Yle Next";
  --yds-typography-default-xl-font-weight: 400;
  --yds-typography-default-xl-font-style: normal;
  --yds-typography-default-xl-font-stretch: normal;
  --yds-typography-default-xl-font-style-old: Regular;
  --yds-typography-default-xl-letter-spacing: 0;
  --yds-typography-default-xl-line-height: 150%;
  --yds-typography-default-xl-paragraph-indent: 0;
  --yds-typography-default-xl-paragraph-spacing: 20px;
  --yds-typography-default-xl-text-case: none;
  --yds-typography-default-xl-bold-font-size: 20px;
  --yds-typography-default-xl-bold-text-decoration: none;
  --yds-typography-default-xl-bold-font-family: "Yle Next";
  --yds-typography-default-xl-bold-font-weight: 700;
  --yds-typography-default-xl-bold-font-style: normal;
  --yds-typography-default-xl-bold-font-stretch: normal;
  --yds-typography-default-xl-bold-font-style-old: Bold;
  --yds-typography-default-xl-bold-letter-spacing: 0;
  --yds-typography-default-xl-bold-line-height: 150%;
  --yds-typography-default-xl-bold-paragraph-indent: 0;
  --yds-typography-default-xl-bold-paragraph-spacing: 20px;
  --yds-typography-default-xl-bold-text-case: none;
  --yds-typography-default-xl-heavy-font-size: 20px;
  --yds-typography-default-xl-heavy-text-decoration: none;
  --yds-typography-default-xl-heavy-font-family: "Yle Next";
  --yds-typography-default-xl-heavy-font-weight: 900;
  --yds-typography-default-xl-heavy-font-style: normal;
  --yds-typography-default-xl-heavy-font-stretch: normal;
  --yds-typography-default-xl-heavy-font-style-old: Black;
  --yds-typography-default-xl-heavy-letter-spacing: 0;
  --yds-typography-default-xl-heavy-line-height: 150%;
  --yds-typography-default-xl-heavy-paragraph-indent: 0;
  --yds-typography-default-xl-heavy-paragraph-spacing: 20px;
  --yds-typography-default-xl-heavy-text-case: none;
  --yds-typography-default-l-font-size: 18px;
  --yds-typography-default-l-text-decoration: none;
  --yds-typography-default-l-font-family: "Yle Next";
  --yds-typography-default-l-font-weight: 400;
  --yds-typography-default-l-font-style: normal;
  --yds-typography-default-l-font-stretch: normal;
  --yds-typography-default-l-font-style-old: Regular;
  --yds-typography-default-l-letter-spacing: 0;
  --yds-typography-default-l-line-height: 150%;
  --yds-typography-default-l-paragraph-indent: 0;
  --yds-typography-default-l-paragraph-spacing: 18px;
  --yds-typography-default-l-text-case: none;
  --yds-typography-default-l-bold-font-size: 18px;
  --yds-typography-default-l-bold-text-decoration: none;
  --yds-typography-default-l-bold-font-family: "Yle Next";
  --yds-typography-default-l-bold-font-weight: 700;
  --yds-typography-default-l-bold-font-style: normal;
  --yds-typography-default-l-bold-font-stretch: normal;
  --yds-typography-default-l-bold-font-style-old: Bold;
  --yds-typography-default-l-bold-letter-spacing: 0;
  --yds-typography-default-l-bold-line-height: 150%;
  --yds-typography-default-l-bold-paragraph-indent: 0;
  --yds-typography-default-l-bold-paragraph-spacing: 18px;
  --yds-typography-default-l-bold-text-case: none;
  --yds-typography-default-l-heavy-font-size: 18px;
  --yds-typography-default-l-heavy-text-decoration: none;
  --yds-typography-default-l-heavy-font-family: "Yle Next";
  --yds-typography-default-l-heavy-font-weight: 900;
  --yds-typography-default-l-heavy-font-style: normal;
  --yds-typography-default-l-heavy-font-stretch: normal;
  --yds-typography-default-l-heavy-font-style-old: Black;
  --yds-typography-default-l-heavy-letter-spacing: 0;
  --yds-typography-default-l-heavy-line-height: 150%;
  --yds-typography-default-l-heavy-paragraph-indent: 0;
  --yds-typography-default-l-heavy-paragraph-spacing: 18px;
  --yds-typography-default-l-heavy-text-case: none;
  --yds-typography-default-m-font-size: 16px;
  --yds-typography-default-m-text-decoration: none;
  --yds-typography-default-m-font-family: "Yle Next";
  --yds-typography-default-m-font-weight: 400;
  --yds-typography-default-m-font-style: normal;
  --yds-typography-default-m-font-stretch: normal;
  --yds-typography-default-m-font-style-old: Regular;
  --yds-typography-default-m-letter-spacing: 0;
  --yds-typography-default-m-line-height: 150%;
  --yds-typography-default-m-paragraph-indent: 0;
  --yds-typography-default-m-paragraph-spacing: 16px;
  --yds-typography-default-m-text-case: none;
  --yds-typography-default-m-ac-font-size: 16px;
  --yds-typography-default-m-ac-text-decoration: none;
  --yds-typography-default-m-ac-font-family: "Yle Next";
  --yds-typography-default-m-ac-font-weight: 400;
  --yds-typography-default-m-ac-font-style: normal;
  --yds-typography-default-m-ac-font-stretch: normal;
  --yds-typography-default-m-ac-font-style-old: Regular;
  --yds-typography-default-m-ac-letter-spacing: 0.01em;
  --yds-typography-default-m-ac-line-height: 150%;
  --yds-typography-default-m-ac-paragraph-indent: 0;
  --yds-typography-default-m-ac-paragraph-spacing: 16px;
  --yds-typography-default-m-ac-text-case: uppercase;
  --yds-typography-default-m-medium-font-size: 16px;
  --yds-typography-default-m-medium-text-decoration: none;
  --yds-typography-default-m-medium-font-family: "Yle Next";
  --yds-typography-default-m-medium-font-weight: 500;
  --yds-typography-default-m-medium-font-style: normal;
  --yds-typography-default-m-medium-font-stretch: normal;
  --yds-typography-default-m-medium-font-style-old: Medium;
  --yds-typography-default-m-medium-letter-spacing: 0;
  --yds-typography-default-m-medium-line-height: 150%;
  --yds-typography-default-m-medium-paragraph-indent: 0;
  --yds-typography-default-m-medium-paragraph-spacing: 16px;
  --yds-typography-default-m-medium-text-case: none;
  --yds-typography-default-m-bold-font-size: 16px;
  --yds-typography-default-m-bold-text-decoration: none;
  --yds-typography-default-m-bold-font-family: "Yle Next";
  --yds-typography-default-m-bold-font-weight: 700;
  --yds-typography-default-m-bold-font-style: normal;
  --yds-typography-default-m-bold-font-stretch: normal;
  --yds-typography-default-m-bold-font-style-old: Bold;
  --yds-typography-default-m-bold-letter-spacing: 0;
  --yds-typography-default-m-bold-line-height: 150%;
  --yds-typography-default-m-bold-paragraph-indent: 0;
  --yds-typography-default-m-bold-paragraph-spacing: 16px;
  --yds-typography-default-m-bold-text-case: none;
  --yds-typography-default-m-bold-ac-font-size: 16px;
  --yds-typography-default-m-bold-ac-text-decoration: none;
  --yds-typography-default-m-bold-ac-font-family: "Yle Next";
  --yds-typography-default-m-bold-ac-font-weight: 700;
  --yds-typography-default-m-bold-ac-font-style: normal;
  --yds-typography-default-m-bold-ac-font-stretch: normal;
  --yds-typography-default-m-bold-ac-font-style-old: Bold;
  --yds-typography-default-m-bold-ac-letter-spacing: 0.01em;
  --yds-typography-default-m-bold-ac-line-height: 150%;
  --yds-typography-default-m-bold-ac-paragraph-indent: 0;
  --yds-typography-default-m-bold-ac-paragraph-spacing: 16px;
  --yds-typography-default-m-bold-ac-text-case: uppercase;
  --yds-typography-default-s-font-size: 14px;
  --yds-typography-default-s-text-decoration: none;
  --yds-typography-default-s-font-family: "Yle Next";
  --yds-typography-default-s-font-weight: 400;
  --yds-typography-default-s-font-style: normal;
  --yds-typography-default-s-font-stretch: normal;
  --yds-typography-default-s-font-style-old: Regular;
  --yds-typography-default-s-letter-spacing: 0;
  --yds-typography-default-s-line-height: 150%;
  --yds-typography-default-s-paragraph-indent: 0;
  --yds-typography-default-s-paragraph-spacing: 14px;
  --yds-typography-default-s-text-case: none;
  --yds-typography-default-s-ac-font-size: 14px;
  --yds-typography-default-s-ac-text-decoration: none;
  --yds-typography-default-s-ac-font-family: "Yle Next";
  --yds-typography-default-s-ac-font-weight: 400;
  --yds-typography-default-s-ac-font-style: normal;
  --yds-typography-default-s-ac-font-stretch: normal;
  --yds-typography-default-s-ac-font-style-old: Regular;
  --yds-typography-default-s-ac-letter-spacing: 0.01em;
  --yds-typography-default-s-ac-line-height: 150%;
  --yds-typography-default-s-ac-paragraph-indent: 0;
  --yds-typography-default-s-ac-paragraph-spacing: 14px;
  --yds-typography-default-s-ac-text-case: uppercase;
  --yds-typography-default-s-bold-font-size: 14px;
  --yds-typography-default-s-bold-text-decoration: none;
  --yds-typography-default-s-bold-font-family: "Yle Next";
  --yds-typography-default-s-bold-font-weight: 700;
  --yds-typography-default-s-bold-font-style: normal;
  --yds-typography-default-s-bold-font-stretch: normal;
  --yds-typography-default-s-bold-font-style-old: Bold;
  --yds-typography-default-s-bold-letter-spacing: 0;
  --yds-typography-default-s-bold-line-height: 150%;
  --yds-typography-default-s-bold-paragraph-indent: 0;
  --yds-typography-default-s-bold-paragraph-spacing: 14px;
  --yds-typography-default-s-bold-text-case: none;
  --yds-typography-default-s-bold-ac-font-size: 14px;
  --yds-typography-default-s-bold-ac-text-decoration: none;
  --yds-typography-default-s-bold-ac-font-family: "Yle Next";
  --yds-typography-default-s-bold-ac-font-weight: 700;
  --yds-typography-default-s-bold-ac-font-style: normal;
  --yds-typography-default-s-bold-ac-font-stretch: normal;
  --yds-typography-default-s-bold-ac-font-style-old: Bold;
  --yds-typography-default-s-bold-ac-letter-spacing: 0.01em;
  --yds-typography-default-s-bold-ac-line-height: 150%;
  --yds-typography-default-s-bold-ac-paragraph-indent: 0;
  --yds-typography-default-s-bold-ac-paragraph-spacing: 14px;
  --yds-typography-default-s-bold-ac-text-case: uppercase;
  --yds-typography-default-xs-font-size: 12px;
  --yds-typography-default-xs-text-decoration: none;
  --yds-typography-default-xs-font-family: "Yle Next";
  --yds-typography-default-xs-font-weight: 400;
  --yds-typography-default-xs-font-style: normal;
  --yds-typography-default-xs-font-stretch: normal;
  --yds-typography-default-xs-font-style-old: Regular;
  --yds-typography-default-xs-letter-spacing: 0;
  --yds-typography-default-xs-line-height: 150%;
  --yds-typography-default-xs-paragraph-indent: 0;
  --yds-typography-default-xs-paragraph-spacing: 12px;
  --yds-typography-default-xs-text-case: none;
  --yds-typography-default-xs-ac-font-size: 12px;
  --yds-typography-default-xs-ac-text-decoration: none;
  --yds-typography-default-xs-ac-font-family: "Yle Next";
  --yds-typography-default-xs-ac-font-weight: 400;
  --yds-typography-default-xs-ac-font-style: normal;
  --yds-typography-default-xs-ac-font-stretch: normal;
  --yds-typography-default-xs-ac-font-style-old: Regular;
  --yds-typography-default-xs-ac-letter-spacing: 0.01em;
  --yds-typography-default-xs-ac-line-height: 150%;
  --yds-typography-default-xs-ac-paragraph-indent: 0;
  --yds-typography-default-xs-ac-paragraph-spacing: 12px;
  --yds-typography-default-xs-ac-text-case: uppercase;
  --yds-typography-default-xs-bold-font-size: 12px;
  --yds-typography-default-xs-bold-text-decoration: none;
  --yds-typography-default-xs-bold-font-family: "Yle Next";
  --yds-typography-default-xs-bold-font-weight: 700;
  --yds-typography-default-xs-bold-font-style: normal;
  --yds-typography-default-xs-bold-font-stretch: normal;
  --yds-typography-default-xs-bold-font-style-old: Bold;
  --yds-typography-default-xs-bold-letter-spacing: 0;
  --yds-typography-default-xs-bold-line-height: 150%;
  --yds-typography-default-xs-bold-paragraph-indent: 0;
  --yds-typography-default-xs-bold-paragraph-spacing: 12px;
  --yds-typography-default-xs-bold-text-case: none;
  --yds-typography-default-xs-bold-ac-font-size: 12px;
  --yds-typography-default-xs-bold-ac-text-decoration: none;
  --yds-typography-default-xs-bold-ac-font-family: "Yle Next";
  --yds-typography-default-xs-bold-ac-font-weight: 700;
  --yds-typography-default-xs-bold-ac-font-style: normal;
  --yds-typography-default-xs-bold-ac-font-stretch: normal;
  --yds-typography-default-xs-bold-ac-font-style-old: Bold;
  --yds-typography-default-xs-bold-ac-letter-spacing: 0.01em;
  --yds-typography-default-xs-bold-ac-line-height: 150%;
  --yds-typography-default-xs-bold-ac-paragraph-indent: 0;
  --yds-typography-default-xs-bold-ac-paragraph-spacing: 12px;
  --yds-typography-default-xs-bold-ac-text-case: uppercase;
  --yds-typography-yle-next-xl-italic-font-size: 20px;
  --yds-typography-yle-next-xl-italic-text-decoration: none;
  --yds-typography-yle-next-xl-italic-font-family: "Yle Next";
  --yds-typography-yle-next-xl-italic-font-weight: 400;
  --yds-typography-yle-next-xl-italic-font-style: italic;
  --yds-typography-yle-next-xl-italic-font-stretch: normal;
  --yds-typography-yle-next-xl-italic-font-style-old: Regular;
  --yds-typography-yle-next-xl-italic-letter-spacing: 0;
  --yds-typography-yle-next-xl-italic-line-height: 150%;
  --yds-typography-yle-next-xl-italic-paragraph-indent: 0;
  --yds-typography-yle-next-xl-italic-paragraph-spacing: 20px;
  --yds-typography-yle-next-xl-italic-text-case: none;
  --yds-typography-yle-next-l-italic-font-size: 18px;
  --yds-typography-yle-next-l-italic-text-decoration: none;
  --yds-typography-yle-next-l-italic-font-family: "Yle Next";
  --yds-typography-yle-next-l-italic-font-weight: 400;
  --yds-typography-yle-next-l-italic-font-style: italic;
  --yds-typography-yle-next-l-italic-font-stretch: normal;
  --yds-typography-yle-next-l-italic-font-style-old: Regular;
  --yds-typography-yle-next-l-italic-letter-spacing: 0;
  --yds-typography-yle-next-l-italic-line-height: 150%;
  --yds-typography-yle-next-l-italic-paragraph-indent: 0;
  --yds-typography-yle-next-l-italic-paragraph-spacing: 18px;
  --yds-typography-yle-next-l-italic-text-case: none;
  --yds-typography-yle-next-m-italic-font-size: 16px;
  --yds-typography-yle-next-m-italic-text-decoration: none;
  --yds-typography-yle-next-m-italic-font-family: "Yle Next";
  --yds-typography-yle-next-m-italic-font-weight: 400;
  --yds-typography-yle-next-m-italic-font-style: italic;
  --yds-typography-yle-next-m-italic-font-stretch: normal;
  --yds-typography-yle-next-m-italic-font-style-old: Regular;
  --yds-typography-yle-next-m-italic-letter-spacing: 0;
  --yds-typography-yle-next-m-italic-line-height: 150%;
  --yds-typography-yle-next-m-italic-paragraph-indent: 0;
  --yds-typography-yle-next-m-italic-paragraph-spacing: 16px;
  --yds-typography-yle-next-m-italic-text-case: none;
  --yds-typography-yle-next-s-italic-font-size: 14px;
  --yds-typography-yle-next-s-italic-text-decoration: none;
  --yds-typography-yle-next-s-italic-font-family: "Yle Next";
  --yds-typography-yle-next-s-italic-font-weight: 400;
  --yds-typography-yle-next-s-italic-font-style: italic;
  --yds-typography-yle-next-s-italic-font-stretch: normal;
  --yds-typography-yle-next-s-italic-font-style-old: Regular;
  --yds-typography-yle-next-s-italic-letter-spacing: 0;
  --yds-typography-yle-next-s-italic-line-height: 150%;
  --yds-typography-yle-next-s-italic-paragraph-indent: 0;
  --yds-typography-yle-next-s-italic-paragraph-spacing: 14px;
  --yds-typography-yle-next-s-italic-text-case: none;
  --yds-typography-yle-next-xs-italic-font-size: 12px;
  --yds-typography-yle-next-xs-italic-text-decoration: none;
  --yds-typography-yle-next-xs-italic-font-family: "Yle Next";
  --yds-typography-yle-next-xs-italic-font-weight: 400;
  --yds-typography-yle-next-xs-italic-font-style: italic;
  --yds-typography-yle-next-xs-italic-font-stretch: normal;
  --yds-typography-yle-next-xs-italic-font-style-old: Regular;
  --yds-typography-yle-next-xs-italic-letter-spacing: 0;
  --yds-typography-yle-next-xs-italic-line-height: 150%;
  --yds-typography-yle-next-xs-italic-paragraph-indent: 0;
  --yds-typography-yle-next-xs-italic-paragraph-spacing: 12px;
  --yds-typography-yle-next-xs-italic-text-case: none;
  --yds-typography-yle-next-7xl-bold-font-size: 56px;
  --yds-typography-yle-next-7xl-bold-text-decoration: none;
  --yds-typography-yle-next-7xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-7xl-bold-font-weight: 700;
  --yds-typography-yle-next-7xl-bold-font-style: normal;
  --yds-typography-yle-next-7xl-bold-font-stretch: normal;
  --yds-typography-yle-next-7xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-7xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-7xl-bold-line-height: 130%;
  --yds-typography-yle-next-7xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-7xl-bold-paragraph-spacing: 56px;
  --yds-typography-yle-next-7xl-bold-text-case: none;
  --yds-typography-yle-next-7xl-heavy-font-size: 56px;
  --yds-typography-yle-next-7xl-heavy-text-decoration: none;
  --yds-typography-yle-next-7xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-7xl-heavy-font-weight: 900;
  --yds-typography-yle-next-7xl-heavy-font-style: normal;
  --yds-typography-yle-next-7xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-7xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-7xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-7xl-heavy-line-height: 130%;
  --yds-typography-yle-next-7xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-7xl-heavy-paragraph-spacing: 56px;
  --yds-typography-yle-next-7xl-heavy-text-case: none;
  --yds-typography-yle-next-6xl-bold-font-size: 48px;
  --yds-typography-yle-next-6xl-bold-text-decoration: none;
  --yds-typography-yle-next-6xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-6xl-bold-font-weight: 700;
  --yds-typography-yle-next-6xl-bold-font-style: normal;
  --yds-typography-yle-next-6xl-bold-font-stretch: normal;
  --yds-typography-yle-next-6xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-6xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-6xl-bold-line-height: 130%;
  --yds-typography-yle-next-6xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-6xl-bold-paragraph-spacing: 48px;
  --yds-typography-yle-next-6xl-bold-text-case: none;
  --yds-typography-yle-next-6xl-heavy-font-size: 48px;
  --yds-typography-yle-next-6xl-heavy-text-decoration: none;
  --yds-typography-yle-next-6xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-6xl-heavy-font-weight: 900;
  --yds-typography-yle-next-6xl-heavy-font-style: normal;
  --yds-typography-yle-next-6xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-6xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-6xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-6xl-heavy-line-height: 130%;
  --yds-typography-yle-next-6xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-6xl-heavy-paragraph-spacing: 48px;
  --yds-typography-yle-next-6xl-heavy-text-case: none;
  --yds-typography-yle-next-5xl-bold-font-size: 40px;
  --yds-typography-yle-next-5xl-bold-text-decoration: none;
  --yds-typography-yle-next-5xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-5xl-bold-font-weight: 700;
  --yds-typography-yle-next-5xl-bold-font-style: normal;
  --yds-typography-yle-next-5xl-bold-font-stretch: normal;
  --yds-typography-yle-next-5xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-5xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-5xl-bold-line-height: 130%;
  --yds-typography-yle-next-5xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-5xl-bold-paragraph-spacing: 40px;
  --yds-typography-yle-next-5xl-bold-text-case: none;
  --yds-typography-yle-next-5xl-heavy-font-size: 40px;
  --yds-typography-yle-next-5xl-heavy-text-decoration: none;
  --yds-typography-yle-next-5xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-5xl-heavy-font-weight: 900;
  --yds-typography-yle-next-5xl-heavy-font-style: normal;
  --yds-typography-yle-next-5xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-5xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-5xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-5xl-heavy-line-height: 130%;
  --yds-typography-yle-next-5xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-5xl-heavy-paragraph-spacing: 40px;
  --yds-typography-yle-next-5xl-heavy-text-case: none;
  --yds-typography-yle-next-4xl-bold-font-size: 32px;
  --yds-typography-yle-next-4xl-bold-text-decoration: none;
  --yds-typography-yle-next-4xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-4xl-bold-font-weight: 700;
  --yds-typography-yle-next-4xl-bold-font-style: normal;
  --yds-typography-yle-next-4xl-bold-font-stretch: normal;
  --yds-typography-yle-next-4xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-4xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-4xl-bold-line-height: 140%;
  --yds-typography-yle-next-4xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-4xl-bold-paragraph-spacing: 32px;
  --yds-typography-yle-next-4xl-bold-text-case: none;
  --yds-typography-yle-next-4xl-heavy-font-size: 32px;
  --yds-typography-yle-next-4xl-heavy-text-decoration: none;
  --yds-typography-yle-next-4xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-4xl-heavy-font-weight: 900;
  --yds-typography-yle-next-4xl-heavy-font-style: normal;
  --yds-typography-yle-next-4xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-4xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-4xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-4xl-heavy-line-height: 140%;
  --yds-typography-yle-next-4xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-4xl-heavy-paragraph-spacing: 32px;
  --yds-typography-yle-next-4xl-heavy-text-case: none;
  --yds-typography-yle-next-3xl-bold-font-size: 28px;
  --yds-typography-yle-next-3xl-bold-text-decoration: none;
  --yds-typography-yle-next-3xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-3xl-bold-font-weight: 700;
  --yds-typography-yle-next-3xl-bold-font-style: normal;
  --yds-typography-yle-next-3xl-bold-font-stretch: normal;
  --yds-typography-yle-next-3xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-3xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-3xl-bold-line-height: 130%;
  --yds-typography-yle-next-3xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-3xl-bold-paragraph-spacing: 28px;
  --yds-typography-yle-next-3xl-bold-text-case: none;
  --yds-typography-yle-next-3xl-heavy-font-size: 28px;
  --yds-typography-yle-next-3xl-heavy-text-decoration: none;
  --yds-typography-yle-next-3xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-3xl-heavy-font-weight: 900;
  --yds-typography-yle-next-3xl-heavy-font-style: normal;
  --yds-typography-yle-next-3xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-3xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-3xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-3xl-heavy-line-height: 130%;
  --yds-typography-yle-next-3xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-3xl-heavy-paragraph-spacing: 28px;
  --yds-typography-yle-next-3xl-heavy-text-case: none;
  --yds-typography-yle-next-2xl-font-size: 24px;
  --yds-typography-yle-next-2xl-text-decoration: none;
  --yds-typography-yle-next-2xl-font-family: "Yle Next";
  --yds-typography-yle-next-2xl-font-weight: 400;
  --yds-typography-yle-next-2xl-font-style: normal;
  --yds-typography-yle-next-2xl-font-stretch: normal;
  --yds-typography-yle-next-2xl-font-style-old: Regular;
  --yds-typography-yle-next-2xl-letter-spacing: 0;
  --yds-typography-yle-next-2xl-line-height: 140%;
  --yds-typography-yle-next-2xl-paragraph-indent: 0;
  --yds-typography-yle-next-2xl-paragraph-spacing: 24px;
  --yds-typography-yle-next-2xl-text-case: none;
  --yds-typography-yle-next-2xl-bold-font-size: 24px;
  --yds-typography-yle-next-2xl-bold-text-decoration: none;
  --yds-typography-yle-next-2xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-2xl-bold-font-weight: 700;
  --yds-typography-yle-next-2xl-bold-font-style: normal;
  --yds-typography-yle-next-2xl-bold-font-stretch: normal;
  --yds-typography-yle-next-2xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-2xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-2xl-bold-line-height: 140%;
  --yds-typography-yle-next-2xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-2xl-bold-paragraph-spacing: 24px;
  --yds-typography-yle-next-2xl-bold-text-case: none;
  --yds-typography-yle-next-2xl-heavy-font-size: 24px;
  --yds-typography-yle-next-2xl-heavy-text-decoration: none;
  --yds-typography-yle-next-2xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-2xl-heavy-font-weight: 900;
  --yds-typography-yle-next-2xl-heavy-font-style: normal;
  --yds-typography-yle-next-2xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-2xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-2xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-2xl-heavy-line-height: 140%;
  --yds-typography-yle-next-2xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-2xl-heavy-paragraph-spacing: 24px;
  --yds-typography-yle-next-2xl-heavy-text-case: none;
  --yds-typography-yle-next-xl-font-size: 20px;
  --yds-typography-yle-next-xl-text-decoration: none;
  --yds-typography-yle-next-xl-font-family: "Yle Next";
  --yds-typography-yle-next-xl-font-weight: 400;
  --yds-typography-yle-next-xl-font-style: normal;
  --yds-typography-yle-next-xl-font-stretch: normal;
  --yds-typography-yle-next-xl-font-style-old: Regular;
  --yds-typography-yle-next-xl-letter-spacing: 0;
  --yds-typography-yle-next-xl-line-height: 150%;
  --yds-typography-yle-next-xl-paragraph-indent: 0;
  --yds-typography-yle-next-xl-paragraph-spacing: 20px;
  --yds-typography-yle-next-xl-text-case: none;
  --yds-typography-yle-next-xl-bold-font-size: 20px;
  --yds-typography-yle-next-xl-bold-text-decoration: none;
  --yds-typography-yle-next-xl-bold-font-family: "Yle Next";
  --yds-typography-yle-next-xl-bold-font-weight: 700;
  --yds-typography-yle-next-xl-bold-font-style: normal;
  --yds-typography-yle-next-xl-bold-font-stretch: normal;
  --yds-typography-yle-next-xl-bold-font-style-old: Bold;
  --yds-typography-yle-next-xl-bold-letter-spacing: 0;
  --yds-typography-yle-next-xl-bold-line-height: 150%;
  --yds-typography-yle-next-xl-bold-paragraph-indent: 0;
  --yds-typography-yle-next-xl-bold-paragraph-spacing: 20px;
  --yds-typography-yle-next-xl-bold-text-case: none;
  --yds-typography-yle-next-xl-heavy-font-size: 20px;
  --yds-typography-yle-next-xl-heavy-text-decoration: none;
  --yds-typography-yle-next-xl-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-xl-heavy-font-weight: 900;
  --yds-typography-yle-next-xl-heavy-font-style: normal;
  --yds-typography-yle-next-xl-heavy-font-stretch: normal;
  --yds-typography-yle-next-xl-heavy-font-style-old: Black;
  --yds-typography-yle-next-xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-xl-heavy-line-height: 150%;
  --yds-typography-yle-next-xl-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-xl-heavy-paragraph-spacing: 20px;
  --yds-typography-yle-next-xl-heavy-text-case: none;
  --yds-typography-yle-next-l-font-size: 18px;
  --yds-typography-yle-next-l-text-decoration: none;
  --yds-typography-yle-next-l-font-family: "Yle Next";
  --yds-typography-yle-next-l-font-weight: 400;
  --yds-typography-yle-next-l-font-style: normal;
  --yds-typography-yle-next-l-font-stretch: normal;
  --yds-typography-yle-next-l-font-style-old: Regular;
  --yds-typography-yle-next-l-letter-spacing: 0;
  --yds-typography-yle-next-l-line-height: 150%;
  --yds-typography-yle-next-l-paragraph-indent: 0;
  --yds-typography-yle-next-l-paragraph-spacing: 18px;
  --yds-typography-yle-next-l-text-case: none;
  --yds-typography-yle-next-l-bold-font-size: 18px;
  --yds-typography-yle-next-l-bold-text-decoration: none;
  --yds-typography-yle-next-l-bold-font-family: "Yle Next";
  --yds-typography-yle-next-l-bold-font-weight: 700;
  --yds-typography-yle-next-l-bold-font-style: normal;
  --yds-typography-yle-next-l-bold-font-stretch: normal;
  --yds-typography-yle-next-l-bold-font-style-old: Bold;
  --yds-typography-yle-next-l-bold-letter-spacing: 0;
  --yds-typography-yle-next-l-bold-line-height: 150%;
  --yds-typography-yle-next-l-bold-paragraph-indent: 0;
  --yds-typography-yle-next-l-bold-paragraph-spacing: 18px;
  --yds-typography-yle-next-l-bold-text-case: none;
  --yds-typography-yle-next-l-heavy-font-size: 18px;
  --yds-typography-yle-next-l-heavy-text-decoration: none;
  --yds-typography-yle-next-l-heavy-font-family: "Yle Next";
  --yds-typography-yle-next-l-heavy-font-weight: 900;
  --yds-typography-yle-next-l-heavy-font-style: normal;
  --yds-typography-yle-next-l-heavy-font-stretch: normal;
  --yds-typography-yle-next-l-heavy-font-style-old: Black;
  --yds-typography-yle-next-l-heavy-letter-spacing: 0;
  --yds-typography-yle-next-l-heavy-line-height: 150%;
  --yds-typography-yle-next-l-heavy-paragraph-indent: 0;
  --yds-typography-yle-next-l-heavy-paragraph-spacing: 18px;
  --yds-typography-yle-next-l-heavy-text-case: none;
  --yds-typography-yle-next-m-font-size: 16px;
  --yds-typography-yle-next-m-text-decoration: none;
  --yds-typography-yle-next-m-font-family: "Yle Next";
  --yds-typography-yle-next-m-font-weight: 400;
  --yds-typography-yle-next-m-font-style: normal;
  --yds-typography-yle-next-m-font-stretch: normal;
  --yds-typography-yle-next-m-font-style-old: Regular;
  --yds-typography-yle-next-m-letter-spacing: 0;
  --yds-typography-yle-next-m-line-height: 150%;
  --yds-typography-yle-next-m-paragraph-indent: 0;
  --yds-typography-yle-next-m-paragraph-spacing: 16px;
  --yds-typography-yle-next-m-text-case: none;
  --yds-typography-yle-next-m-ac-font-size: 16px;
  --yds-typography-yle-next-m-ac-text-decoration: none;
  --yds-typography-yle-next-m-ac-font-family: "Yle Next";
  --yds-typography-yle-next-m-ac-font-weight: 400;
  --yds-typography-yle-next-m-ac-font-style: normal;
  --yds-typography-yle-next-m-ac-font-stretch: normal;
  --yds-typography-yle-next-m-ac-font-style-old: Regular;
  --yds-typography-yle-next-m-ac-letter-spacing: 0.01em;
  --yds-typography-yle-next-m-ac-line-height: 150%;
  --yds-typography-yle-next-m-ac-paragraph-indent: 0;
  --yds-typography-yle-next-m-ac-paragraph-spacing: 16px;
  --yds-typography-yle-next-m-ac-text-case: uppercase;
  --yds-typography-yle-next-m-medium-font-size: 16px;
  --yds-typography-yle-next-m-medium-text-decoration: none;
  --yds-typography-yle-next-m-medium-font-family: "Yle Next";
  --yds-typography-yle-next-m-medium-font-weight: 500;
  --yds-typography-yle-next-m-medium-font-style: normal;
  --yds-typography-yle-next-m-medium-font-stretch: normal;
  --yds-typography-yle-next-m-medium-font-style-old: Medium;
  --yds-typography-yle-next-m-medium-letter-spacing: 0;
  --yds-typography-yle-next-m-medium-line-height: 150%;
  --yds-typography-yle-next-m-medium-paragraph-indent: 0;
  --yds-typography-yle-next-m-medium-paragraph-spacing: 16px;
  --yds-typography-yle-next-m-medium-text-case: none;
  --yds-typography-yle-next-m-bold-font-size: 16px;
  --yds-typography-yle-next-m-bold-text-decoration: none;
  --yds-typography-yle-next-m-bold-font-family: "Yle Next";
  --yds-typography-yle-next-m-bold-font-weight: 700;
  --yds-typography-yle-next-m-bold-font-style: normal;
  --yds-typography-yle-next-m-bold-font-stretch: normal;
  --yds-typography-yle-next-m-bold-font-style-old: Bold;
  --yds-typography-yle-next-m-bold-letter-spacing: 0;
  --yds-typography-yle-next-m-bold-line-height: 150%;
  --yds-typography-yle-next-m-bold-paragraph-indent: 0;
  --yds-typography-yle-next-m-bold-paragraph-spacing: 16px;
  --yds-typography-yle-next-m-bold-text-case: none;
  --yds-typography-yle-next-m-bold-ac-font-size: 16px;
  --yds-typography-yle-next-m-bold-ac-text-decoration: none;
  --yds-typography-yle-next-m-bold-ac-font-family: "Yle Next";
  --yds-typography-yle-next-m-bold-ac-font-weight: 700;
  --yds-typography-yle-next-m-bold-ac-font-style: normal;
  --yds-typography-yle-next-m-bold-ac-font-stretch: normal;
  --yds-typography-yle-next-m-bold-ac-font-style-old: Bold;
  --yds-typography-yle-next-m-bold-ac-letter-spacing: 0.01em;
  --yds-typography-yle-next-m-bold-ac-line-height: 150%;
  --yds-typography-yle-next-m-bold-ac-paragraph-indent: 0;
  --yds-typography-yle-next-m-bold-ac-paragraph-spacing: 16px;
  --yds-typography-yle-next-m-bold-ac-text-case: uppercase;
  --yds-typography-yle-next-s-font-size: 14px;
  --yds-typography-yle-next-s-text-decoration: none;
  --yds-typography-yle-next-s-font-family: "Yle Next";
  --yds-typography-yle-next-s-font-weight: 400;
  --yds-typography-yle-next-s-font-style: normal;
  --yds-typography-yle-next-s-font-stretch: normal;
  --yds-typography-yle-next-s-font-style-old: Regular;
  --yds-typography-yle-next-s-letter-spacing: 0;
  --yds-typography-yle-next-s-line-height: 150%;
  --yds-typography-yle-next-s-paragraph-indent: 0;
  --yds-typography-yle-next-s-paragraph-spacing: 14px;
  --yds-typography-yle-next-s-text-case: none;
  --yds-typography-yle-next-s-ac-font-size: 14px;
  --yds-typography-yle-next-s-ac-text-decoration: none;
  --yds-typography-yle-next-s-ac-font-family: "Yle Next";
  --yds-typography-yle-next-s-ac-font-weight: 400;
  --yds-typography-yle-next-s-ac-font-style: normal;
  --yds-typography-yle-next-s-ac-font-stretch: normal;
  --yds-typography-yle-next-s-ac-font-style-old: Regular;
  --yds-typography-yle-next-s-ac-letter-spacing: 0.01em;
  --yds-typography-yle-next-s-ac-line-height: 150%;
  --yds-typography-yle-next-s-ac-paragraph-indent: 0;
  --yds-typography-yle-next-s-ac-paragraph-spacing: 14px;
  --yds-typography-yle-next-s-ac-text-case: uppercase;
  --yds-typography-yle-next-s-bold-font-size: 14px;
  --yds-typography-yle-next-s-bold-text-decoration: none;
  --yds-typography-yle-next-s-bold-font-family: "Yle Next";
  --yds-typography-yle-next-s-bold-font-weight: 700;
  --yds-typography-yle-next-s-bold-font-style: normal;
  --yds-typography-yle-next-s-bold-font-stretch: normal;
  --yds-typography-yle-next-s-bold-font-style-old: Bold;
  --yds-typography-yle-next-s-bold-letter-spacing: 0;
  --yds-typography-yle-next-s-bold-line-height: 150%;
  --yds-typography-yle-next-s-bold-paragraph-indent: 0;
  --yds-typography-yle-next-s-bold-paragraph-spacing: 14px;
  --yds-typography-yle-next-s-bold-text-case: none;
  --yds-typography-yle-next-s-bold-ac-font-size: 14px;
  --yds-typography-yle-next-s-bold-ac-text-decoration: none;
  --yds-typography-yle-next-s-bold-ac-font-family: "Yle Next";
  --yds-typography-yle-next-s-bold-ac-font-weight: 700;
  --yds-typography-yle-next-s-bold-ac-font-style: normal;
  --yds-typography-yle-next-s-bold-ac-font-stretch: normal;
  --yds-typography-yle-next-s-bold-ac-font-style-old: Bold;
  --yds-typography-yle-next-s-bold-ac-letter-spacing: 0.01em;
  --yds-typography-yle-next-s-bold-ac-line-height: 150%;
  --yds-typography-yle-next-s-bold-ac-paragraph-indent: 0;
  --yds-typography-yle-next-s-bold-ac-paragraph-spacing: 14px;
  --yds-typography-yle-next-s-bold-ac-text-case: uppercase;
  --yds-typography-yle-next-xs-font-size: 12px;
  --yds-typography-yle-next-xs-text-decoration: none;
  --yds-typography-yle-next-xs-font-family: "Yle Next";
  --yds-typography-yle-next-xs-font-weight: 400;
  --yds-typography-yle-next-xs-font-style: normal;
  --yds-typography-yle-next-xs-font-stretch: normal;
  --yds-typography-yle-next-xs-font-style-old: Regular;
  --yds-typography-yle-next-xs-letter-spacing: 0;
  --yds-typography-yle-next-xs-line-height: 150%;
  --yds-typography-yle-next-xs-paragraph-indent: 0;
  --yds-typography-yle-next-xs-paragraph-spacing: 12px;
  --yds-typography-yle-next-xs-text-case: none;
  --yds-typography-yle-next-xs-ac-font-size: 12px;
  --yds-typography-yle-next-xs-ac-text-decoration: none;
  --yds-typography-yle-next-xs-ac-font-family: "Yle Next";
  --yds-typography-yle-next-xs-ac-font-weight: 400;
  --yds-typography-yle-next-xs-ac-font-style: normal;
  --yds-typography-yle-next-xs-ac-font-stretch: normal;
  --yds-typography-yle-next-xs-ac-font-style-old: Regular;
  --yds-typography-yle-next-xs-ac-letter-spacing: 0.01em;
  --yds-typography-yle-next-xs-ac-line-height: 150%;
  --yds-typography-yle-next-xs-ac-paragraph-indent: 0;
  --yds-typography-yle-next-xs-ac-paragraph-spacing: 12px;
  --yds-typography-yle-next-xs-ac-text-case: uppercase;
  --yds-typography-yle-next-xs-bold-font-size: 12px;
  --yds-typography-yle-next-xs-bold-text-decoration: none;
  --yds-typography-yle-next-xs-bold-font-family: "Yle Next";
  --yds-typography-yle-next-xs-bold-font-weight: 700;
  --yds-typography-yle-next-xs-bold-font-style: normal;
  --yds-typography-yle-next-xs-bold-font-stretch: normal;
  --yds-typography-yle-next-xs-bold-font-style-old: Bold;
  --yds-typography-yle-next-xs-bold-letter-spacing: 0;
  --yds-typography-yle-next-xs-bold-line-height: 150%;
  --yds-typography-yle-next-xs-bold-paragraph-indent: 0;
  --yds-typography-yle-next-xs-bold-paragraph-spacing: 12px;
  --yds-typography-yle-next-xs-bold-text-case: none;
  --yds-typography-yle-next-xs-bold-ac-font-size: 12px;
  --yds-typography-yle-next-xs-bold-ac-text-decoration: none;
  --yds-typography-yle-next-xs-bold-ac-font-family: "Yle Next";
  --yds-typography-yle-next-xs-bold-ac-font-weight: 700;
  --yds-typography-yle-next-xs-bold-ac-font-style: normal;
  --yds-typography-yle-next-xs-bold-ac-font-stretch: normal;
  --yds-typography-yle-next-xs-bold-ac-font-style-old: Bold;
  --yds-typography-yle-next-xs-bold-ac-letter-spacing: 0.01em;
  --yds-typography-yle-next-xs-bold-ac-line-height: 150%;
  --yds-typography-yle-next-xs-bold-ac-paragraph-indent: 0;
  --yds-typography-yle-next-xs-bold-ac-paragraph-spacing: 12px;
  --yds-typography-yle-next-xs-bold-ac-text-case: uppercase;
  --yds-typography-open-sans-7xl-bold-font-size: 56px;
  --yds-typography-open-sans-7xl-bold-text-decoration: none;
  --yds-typography-open-sans-7xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-7xl-bold-font-weight: 700;
  --yds-typography-open-sans-7xl-bold-font-style: normal;
  --yds-typography-open-sans-7xl-bold-font-stretch: normal;
  --yds-typography-open-sans-7xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-7xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-7xl-bold-line-height: 130%;
  --yds-typography-open-sans-7xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-7xl-bold-paragraph-spacing: 56px;
  --yds-typography-open-sans-7xl-bold-text-case: none;
  --yds-typography-open-sans-7xl-extrabold-font-size: 56px;
  --yds-typography-open-sans-7xl-extrabold-text-decoration: none;
  --yds-typography-open-sans-7xl-extrabold-font-family: "Open Sans";
  --yds-typography-open-sans-7xl-extrabold-font-weight: 800;
  --yds-typography-open-sans-7xl-extrabold-font-style: normal;
  --yds-typography-open-sans-7xl-extrabold-font-stretch: normal;
  --yds-typography-open-sans-7xl-extrabold-font-style-old: ExtraBold;
  --yds-typography-open-sans-7xl-extrabold-letter-spacing: 0;
  --yds-typography-open-sans-7xl-extrabold-line-height: 130%;
  --yds-typography-open-sans-7xl-extrabold-paragraph-indent: 0;
  --yds-typography-open-sans-7xl-extrabold-paragraph-spacing: 56px;
  --yds-typography-open-sans-7xl-extrabold-text-case: none;
  --yds-typography-open-sans-6xl-bold-font-size: 48px;
  --yds-typography-open-sans-6xl-bold-text-decoration: none;
  --yds-typography-open-sans-6xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-6xl-bold-font-weight: 700;
  --yds-typography-open-sans-6xl-bold-font-style: normal;
  --yds-typography-open-sans-6xl-bold-font-stretch: normal;
  --yds-typography-open-sans-6xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-6xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-6xl-bold-line-height: 130%;
  --yds-typography-open-sans-6xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-6xl-bold-paragraph-spacing: 48px;
  --yds-typography-open-sans-6xl-bold-text-case: none;
  --yds-typography-open-sans-6xl-extrabold-font-size: 48px;
  --yds-typography-open-sans-6xl-extrabold-text-decoration: none;
  --yds-typography-open-sans-6xl-extrabold-font-family: "Open Sans";
  --yds-typography-open-sans-6xl-extrabold-font-weight: 800;
  --yds-typography-open-sans-6xl-extrabold-font-style: normal;
  --yds-typography-open-sans-6xl-extrabold-font-stretch: normal;
  --yds-typography-open-sans-6xl-extrabold-font-style-old: ExtraBold;
  --yds-typography-open-sans-6xl-extrabold-letter-spacing: 0;
  --yds-typography-open-sans-6xl-extrabold-line-height: 130%;
  --yds-typography-open-sans-6xl-extrabold-paragraph-indent: 0;
  --yds-typography-open-sans-6xl-extrabold-paragraph-spacing: 48px;
  --yds-typography-open-sans-6xl-extrabold-text-case: none;
  --yds-typography-open-sans-5xl-bold-font-size: 40px;
  --yds-typography-open-sans-5xl-bold-text-decoration: none;
  --yds-typography-open-sans-5xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-5xl-bold-font-weight: 700;
  --yds-typography-open-sans-5xl-bold-font-style: normal;
  --yds-typography-open-sans-5xl-bold-font-stretch: normal;
  --yds-typography-open-sans-5xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-5xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-5xl-bold-line-height: 130%;
  --yds-typography-open-sans-5xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-5xl-bold-paragraph-spacing: 40px;
  --yds-typography-open-sans-5xl-bold-text-case: none;
  --yds-typography-open-sans-5xl-extrabold-font-size: 40px;
  --yds-typography-open-sans-5xl-extrabold-text-decoration: none;
  --yds-typography-open-sans-5xl-extrabold-font-family: "Open Sans";
  --yds-typography-open-sans-5xl-extrabold-font-weight: 800;
  --yds-typography-open-sans-5xl-extrabold-font-style: normal;
  --yds-typography-open-sans-5xl-extrabold-font-stretch: normal;
  --yds-typography-open-sans-5xl-extrabold-font-style-old: ExtraBold;
  --yds-typography-open-sans-5xl-extrabold-letter-spacing: 0;
  --yds-typography-open-sans-5xl-extrabold-line-height: 130%;
  --yds-typography-open-sans-5xl-extrabold-paragraph-indent: 0;
  --yds-typography-open-sans-5xl-extrabold-paragraph-spacing: 40px;
  --yds-typography-open-sans-5xl-extrabold-text-case: none;
  --yds-typography-open-sans-4xl-bold-font-size: 32px;
  --yds-typography-open-sans-4xl-bold-text-decoration: none;
  --yds-typography-open-sans-4xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-4xl-bold-font-weight: 700;
  --yds-typography-open-sans-4xl-bold-font-style: normal;
  --yds-typography-open-sans-4xl-bold-font-stretch: normal;
  --yds-typography-open-sans-4xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-4xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-4xl-bold-line-height: 140%;
  --yds-typography-open-sans-4xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-4xl-bold-paragraph-spacing: 32px;
  --yds-typography-open-sans-4xl-bold-text-case: none;
  --yds-typography-open-sans-4xl-extrabold-font-size: 32px;
  --yds-typography-open-sans-4xl-extrabold-text-decoration: none;
  --yds-typography-open-sans-4xl-extrabold-font-family: "Open Sans";
  --yds-typography-open-sans-4xl-extrabold-font-weight: 800;
  --yds-typography-open-sans-4xl-extrabold-font-style: normal;
  --yds-typography-open-sans-4xl-extrabold-font-stretch: normal;
  --yds-typography-open-sans-4xl-extrabold-font-style-old: ExtraBold;
  --yds-typography-open-sans-4xl-extrabold-letter-spacing: 0;
  --yds-typography-open-sans-4xl-extrabold-line-height: 140%;
  --yds-typography-open-sans-4xl-extrabold-paragraph-indent: 0;
  --yds-typography-open-sans-4xl-extrabold-paragraph-spacing: 32px;
  --yds-typography-open-sans-4xl-extrabold-text-case: none;
  --yds-typography-open-sans-3xl-bold-font-size: 28px;
  --yds-typography-open-sans-3xl-bold-text-decoration: none;
  --yds-typography-open-sans-3xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-3xl-bold-font-weight: 700;
  --yds-typography-open-sans-3xl-bold-font-style: normal;
  --yds-typography-open-sans-3xl-bold-font-stretch: normal;
  --yds-typography-open-sans-3xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-3xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-3xl-bold-line-height: 130%;
  --yds-typography-open-sans-3xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-3xl-bold-paragraph-spacing: 28px;
  --yds-typography-open-sans-3xl-bold-text-case: none;
  --yds-typography-open-sans-3xl-extrabold-font-size: 28px;
  --yds-typography-open-sans-3xl-extrabold-text-decoration: none;
  --yds-typography-open-sans-3xl-extrabold-font-family: "Open Sans";
  --yds-typography-open-sans-3xl-extrabold-font-weight: 800;
  --yds-typography-open-sans-3xl-extrabold-font-style: normal;
  --yds-typography-open-sans-3xl-extrabold-font-stretch: normal;
  --yds-typography-open-sans-3xl-extrabold-font-style-old: ExtraBold;
  --yds-typography-open-sans-3xl-extrabold-letter-spacing: 0;
  --yds-typography-open-sans-3xl-extrabold-line-height: 130%;
  --yds-typography-open-sans-3xl-extrabold-paragraph-indent: 0;
  --yds-typography-open-sans-3xl-extrabold-paragraph-spacing: 28px;
  --yds-typography-open-sans-3xl-extrabold-text-case: none;
  --yds-typography-open-sans-2xl-font-size: 24px;
  --yds-typography-open-sans-2xl-text-decoration: none;
  --yds-typography-open-sans-2xl-font-family: "Open Sans";
  --yds-typography-open-sans-2xl-font-weight: 400;
  --yds-typography-open-sans-2xl-font-style: normal;
  --yds-typography-open-sans-2xl-font-stretch: normal;
  --yds-typography-open-sans-2xl-font-style-old: Regular;
  --yds-typography-open-sans-2xl-letter-spacing: 0;
  --yds-typography-open-sans-2xl-line-height: 140%;
  --yds-typography-open-sans-2xl-paragraph-indent: 0;
  --yds-typography-open-sans-2xl-paragraph-spacing: 24px;
  --yds-typography-open-sans-2xl-text-case: none;
  --yds-typography-open-sans-2xl-bold-font-size: 24px;
  --yds-typography-open-sans-2xl-bold-text-decoration: none;
  --yds-typography-open-sans-2xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-2xl-bold-font-weight: 700;
  --yds-typography-open-sans-2xl-bold-font-style: normal;
  --yds-typography-open-sans-2xl-bold-font-stretch: normal;
  --yds-typography-open-sans-2xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-2xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-2xl-bold-line-height: 140%;
  --yds-typography-open-sans-2xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-2xl-bold-paragraph-spacing: 24px;
  --yds-typography-open-sans-2xl-bold-text-case: none;
  --yds-typography-open-sans-2xl-extrabold-font-size: 24px;
  --yds-typography-open-sans-2xl-extrabold-text-decoration: none;
  --yds-typography-open-sans-2xl-extrabold-font-family: "Open Sans";
  --yds-typography-open-sans-2xl-extrabold-font-weight: 800;
  --yds-typography-open-sans-2xl-extrabold-font-style: normal;
  --yds-typography-open-sans-2xl-extrabold-font-stretch: normal;
  --yds-typography-open-sans-2xl-extrabold-font-style-old: ExtraBold;
  --yds-typography-open-sans-2xl-extrabold-letter-spacing: 0;
  --yds-typography-open-sans-2xl-extrabold-line-height: 140%;
  --yds-typography-open-sans-2xl-extrabold-paragraph-indent: 0;
  --yds-typography-open-sans-2xl-extrabold-paragraph-spacing: 24px;
  --yds-typography-open-sans-2xl-extrabold-text-case: none;
  --yds-typography-open-sans-xl-font-size: 20px;
  --yds-typography-open-sans-xl-text-decoration: none;
  --yds-typography-open-sans-xl-font-family: "Open Sans";
  --yds-typography-open-sans-xl-font-weight: 400;
  --yds-typography-open-sans-xl-font-style: normal;
  --yds-typography-open-sans-xl-font-stretch: normal;
  --yds-typography-open-sans-xl-font-style-old: Regular;
  --yds-typography-open-sans-xl-letter-spacing: 0;
  --yds-typography-open-sans-xl-line-height: 150%;
  --yds-typography-open-sans-xl-paragraph-indent: 0;
  --yds-typography-open-sans-xl-paragraph-spacing: 20px;
  --yds-typography-open-sans-xl-text-case: none;
  --yds-typography-open-sans-xl-bold-font-size: 20px;
  --yds-typography-open-sans-xl-bold-text-decoration: none;
  --yds-typography-open-sans-xl-bold-font-family: "Open Sans";
  --yds-typography-open-sans-xl-bold-font-weight: 700;
  --yds-typography-open-sans-xl-bold-font-style: normal;
  --yds-typography-open-sans-xl-bold-font-stretch: normal;
  --yds-typography-open-sans-xl-bold-font-style-old: Bold;
  --yds-typography-open-sans-xl-bold-letter-spacing: 0;
  --yds-typography-open-sans-xl-bold-line-height: 150%;
  --yds-typography-open-sans-xl-bold-paragraph-indent: 0;
  --yds-typography-open-sans-xl-bold-paragraph-spacing: 20px;
  --yds-typography-open-sans-xl-bold-text-case: none;
  --yds-typography-open-sans-l-font-size: 18px;
  --yds-typography-open-sans-l-text-decoration: none;
  --yds-typography-open-sans-l-font-family: "Open Sans";
  --yds-typography-open-sans-l-font-weight: 400;
  --yds-typography-open-sans-l-font-style: normal;
  --yds-typography-open-sans-l-font-stretch: normal;
  --yds-typography-open-sans-l-font-style-old: Regular;
  --yds-typography-open-sans-l-letter-spacing: 0;
  --yds-typography-open-sans-l-line-height: 150%;
  --yds-typography-open-sans-l-paragraph-indent: 0;
  --yds-typography-open-sans-l-paragraph-spacing: 18px;
  --yds-typography-open-sans-l-text-case: none;
  --yds-typography-open-sans-l-bold-font-size: 18px;
  --yds-typography-open-sans-l-bold-text-decoration: none;
  --yds-typography-open-sans-l-bold-font-family: "Open Sans";
  --yds-typography-open-sans-l-bold-font-weight: 700;
  --yds-typography-open-sans-l-bold-font-style: normal;
  --yds-typography-open-sans-l-bold-font-stretch: normal;
  --yds-typography-open-sans-l-bold-font-style-old: Bold;
  --yds-typography-open-sans-l-bold-letter-spacing: 0;
  --yds-typography-open-sans-l-bold-line-height: 150%;
  --yds-typography-open-sans-l-bold-paragraph-indent: 0;
  --yds-typography-open-sans-l-bold-paragraph-spacing: 18px;
  --yds-typography-open-sans-l-bold-text-case: none;
  --yds-typography-open-sans-m-font-size: 16px;
  --yds-typography-open-sans-m-text-decoration: none;
  --yds-typography-open-sans-m-font-family: "Open Sans";
  --yds-typography-open-sans-m-font-weight: 400;
  --yds-typography-open-sans-m-font-style: normal;
  --yds-typography-open-sans-m-font-stretch: normal;
  --yds-typography-open-sans-m-font-style-old: Regular;
  --yds-typography-open-sans-m-letter-spacing: 0;
  --yds-typography-open-sans-m-line-height: 150%;
  --yds-typography-open-sans-m-paragraph-indent: 0;
  --yds-typography-open-sans-m-paragraph-spacing: 16px;
  --yds-typography-open-sans-m-text-case: none;
  --yds-typography-open-sans-m-bold-font-size: 16px;
  --yds-typography-open-sans-m-bold-text-decoration: none;
  --yds-typography-open-sans-m-bold-font-family: "Open Sans";
  --yds-typography-open-sans-m-bold-font-weight: 700;
  --yds-typography-open-sans-m-bold-font-style: normal;
  --yds-typography-open-sans-m-bold-font-stretch: normal;
  --yds-typography-open-sans-m-bold-font-style-old: Bold;
  --yds-typography-open-sans-m-bold-letter-spacing: 0;
  --yds-typography-open-sans-m-bold-line-height: 150%;
  --yds-typography-open-sans-m-bold-paragraph-indent: 0;
  --yds-typography-open-sans-m-bold-paragraph-spacing: 16px;
  --yds-typography-open-sans-m-bold-text-case: none;
  --yds-typography-open-sans-m-ac-font-size: 16px;
  --yds-typography-open-sans-m-ac-text-decoration: none;
  --yds-typography-open-sans-m-ac-font-family: "Open Sans";
  --yds-typography-open-sans-m-ac-font-weight: 400;
  --yds-typography-open-sans-m-ac-font-style: normal;
  --yds-typography-open-sans-m-ac-font-stretch: normal;
  --yds-typography-open-sans-m-ac-font-style-old: Regular;
  --yds-typography-open-sans-m-ac-letter-spacing: 0.01em;
  --yds-typography-open-sans-m-ac-line-height: 150%;
  --yds-typography-open-sans-m-ac-paragraph-indent: 0;
  --yds-typography-open-sans-m-ac-paragraph-spacing: 16px;
  --yds-typography-open-sans-m-ac-text-case: uppercase;
  --yds-typography-open-sans-m-bold-ac-font-size: 16px;
  --yds-typography-open-sans-m-bold-ac-text-decoration: none;
  --yds-typography-open-sans-m-bold-ac-font-family: "Open Sans";
  --yds-typography-open-sans-m-bold-ac-font-weight: 700;
  --yds-typography-open-sans-m-bold-ac-font-style: normal;
  --yds-typography-open-sans-m-bold-ac-font-stretch: normal;
  --yds-typography-open-sans-m-bold-ac-font-style-old: Bold;
  --yds-typography-open-sans-m-bold-ac-letter-spacing: 0.01em;
  --yds-typography-open-sans-m-bold-ac-line-height: 150%;
  --yds-typography-open-sans-m-bold-ac-paragraph-indent: 0;
  --yds-typography-open-sans-m-bold-ac-paragraph-spacing: 16px;
  --yds-typography-open-sans-m-bold-ac-text-case: uppercase;
  --yds-typography-open-sans-s-font-size: 14px;
  --yds-typography-open-sans-s-text-decoration: none;
  --yds-typography-open-sans-s-font-family: "Open Sans";
  --yds-typography-open-sans-s-font-weight: 400;
  --yds-typography-open-sans-s-font-style: normal;
  --yds-typography-open-sans-s-font-stretch: normal;
  --yds-typography-open-sans-s-font-style-old: Regular;
  --yds-typography-open-sans-s-letter-spacing: 0;
  --yds-typography-open-sans-s-line-height: 150%;
  --yds-typography-open-sans-s-paragraph-indent: 0;
  --yds-typography-open-sans-s-paragraph-spacing: 14px;
  --yds-typography-open-sans-s-text-case: none;
  --yds-typography-open-sans-s-bold-font-size: 14px;
  --yds-typography-open-sans-s-bold-text-decoration: none;
  --yds-typography-open-sans-s-bold-font-family: "Open Sans";
  --yds-typography-open-sans-s-bold-font-weight: 700;
  --yds-typography-open-sans-s-bold-font-style: normal;
  --yds-typography-open-sans-s-bold-font-stretch: normal;
  --yds-typography-open-sans-s-bold-font-style-old: Bold;
  --yds-typography-open-sans-s-bold-letter-spacing: 0;
  --yds-typography-open-sans-s-bold-line-height: 150%;
  --yds-typography-open-sans-s-bold-paragraph-indent: 0;
  --yds-typography-open-sans-s-bold-paragraph-spacing: 14px;
  --yds-typography-open-sans-s-bold-text-case: none;
  --yds-typography-open-sans-s-ac-font-size: 14px;
  --yds-typography-open-sans-s-ac-text-decoration: none;
  --yds-typography-open-sans-s-ac-font-family: "Open Sans";
  --yds-typography-open-sans-s-ac-font-weight: 400;
  --yds-typography-open-sans-s-ac-font-style: normal;
  --yds-typography-open-sans-s-ac-font-stretch: normal;
  --yds-typography-open-sans-s-ac-font-style-old: Regular;
  --yds-typography-open-sans-s-ac-letter-spacing: 0.01em;
  --yds-typography-open-sans-s-ac-line-height: 150%;
  --yds-typography-open-sans-s-ac-paragraph-indent: 0;
  --yds-typography-open-sans-s-ac-paragraph-spacing: 14px;
  --yds-typography-open-sans-s-ac-text-case: uppercase;
  --yds-typography-open-sans-s-bold-ac-font-size: 14px;
  --yds-typography-open-sans-s-bold-ac-text-decoration: none;
  --yds-typography-open-sans-s-bold-ac-font-family: "Open Sans";
  --yds-typography-open-sans-s-bold-ac-font-weight: 700;
  --yds-typography-open-sans-s-bold-ac-font-style: normal;
  --yds-typography-open-sans-s-bold-ac-font-stretch: normal;
  --yds-typography-open-sans-s-bold-ac-font-style-old: Bold;
  --yds-typography-open-sans-s-bold-ac-letter-spacing: 0.01em;
  --yds-typography-open-sans-s-bold-ac-line-height: 150%;
  --yds-typography-open-sans-s-bold-ac-paragraph-indent: 0;
  --yds-typography-open-sans-s-bold-ac-paragraph-spacing: 14px;
  --yds-typography-open-sans-s-bold-ac-text-case: uppercase;
  --yds-typography-open-sans-xs-font-size: 12px;
  --yds-typography-open-sans-xs-text-decoration: none;
  --yds-typography-open-sans-xs-font-family: "Open Sans";
  --yds-typography-open-sans-xs-font-weight: 400;
  --yds-typography-open-sans-xs-font-style: normal;
  --yds-typography-open-sans-xs-font-stretch: normal;
  --yds-typography-open-sans-xs-font-style-old: Regular;
  --yds-typography-open-sans-xs-letter-spacing: 0;
  --yds-typography-open-sans-xs-line-height: 150%;
  --yds-typography-open-sans-xs-paragraph-indent: 0;
  --yds-typography-open-sans-xs-paragraph-spacing: 12px;
  --yds-typography-open-sans-xs-text-case: none;
  --yds-typography-open-sans-xs-bold-font-size: 12px;
  --yds-typography-open-sans-xs-bold-text-decoration: none;
  --yds-typography-open-sans-xs-bold-font-family: "Open Sans";
  --yds-typography-open-sans-xs-bold-font-weight: 700;
  --yds-typography-open-sans-xs-bold-font-style: normal;
  --yds-typography-open-sans-xs-bold-font-stretch: normal;
  --yds-typography-open-sans-xs-bold-font-style-old: Bold;
  --yds-typography-open-sans-xs-bold-letter-spacing: 0;
  --yds-typography-open-sans-xs-bold-line-height: 150%;
  --yds-typography-open-sans-xs-bold-paragraph-indent: 0;
  --yds-typography-open-sans-xs-bold-paragraph-spacing: 12px;
  --yds-typography-open-sans-xs-bold-text-case: none;
  --yds-typography-open-sans-xs-ac-font-size: 12px;
  --yds-typography-open-sans-xs-ac-text-decoration: none;
  --yds-typography-open-sans-xs-ac-font-family: "Open Sans";
  --yds-typography-open-sans-xs-ac-font-weight: 400;
  --yds-typography-open-sans-xs-ac-font-style: normal;
  --yds-typography-open-sans-xs-ac-font-stretch: normal;
  --yds-typography-open-sans-xs-ac-font-style-old: Regular;
  --yds-typography-open-sans-xs-ac-letter-spacing: 0.01em;
  --yds-typography-open-sans-xs-ac-line-height: 150%;
  --yds-typography-open-sans-xs-ac-paragraph-indent: 0;
  --yds-typography-open-sans-xs-ac-paragraph-spacing: 12px;
  --yds-typography-open-sans-xs-ac-text-case: uppercase;
  --yds-typography-open-sans-xs-bold-ac-font-size: 12px;
  --yds-typography-open-sans-xs-bold-ac-text-decoration: none;
  --yds-typography-open-sans-xs-bold-ac-font-family: "Open Sans";
  --yds-typography-open-sans-xs-bold-ac-font-weight: 700;
  --yds-typography-open-sans-xs-bold-ac-font-style: normal;
  --yds-typography-open-sans-xs-bold-ac-font-stretch: normal;
  --yds-typography-open-sans-xs-bold-ac-font-style-old: Bold;
  --yds-typography-open-sans-xs-bold-ac-letter-spacing: 0.01em;
  --yds-typography-open-sans-xs-bold-ac-line-height: 150%;
  --yds-typography-open-sans-xs-bold-ac-paragraph-indent: 0;
  --yds-typography-open-sans-xs-bold-ac-paragraph-spacing: 12px;
  --yds-typography-open-sans-xs-bold-ac-text-case: uppercase;
  --yds-typography-yle-sans-7xl-black-font-size: 56px;
  --yds-typography-yle-sans-7xl-black-text-decoration: none;
  --yds-typography-yle-sans-7xl-black-font-family: Yle;
  --yds-typography-yle-sans-7xl-black-font-weight: 900;
  --yds-typography-yle-sans-7xl-black-font-style: normal;
  --yds-typography-yle-sans-7xl-black-font-stretch: normal;
  --yds-typography-yle-sans-7xl-black-font-style-old: Black;
  --yds-typography-yle-sans-7xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-7xl-black-line-height: 120%;
  --yds-typography-yle-sans-7xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-7xl-black-paragraph-spacing: 56px;
  --yds-typography-yle-sans-7xl-black-text-case: none;
  --yds-typography-yle-sans-6xl-black-font-size: 48px;
  --yds-typography-yle-sans-6xl-black-text-decoration: none;
  --yds-typography-yle-sans-6xl-black-font-family: Yle;
  --yds-typography-yle-sans-6xl-black-font-weight: 900;
  --yds-typography-yle-sans-6xl-black-font-style: normal;
  --yds-typography-yle-sans-6xl-black-font-stretch: normal;
  --yds-typography-yle-sans-6xl-black-font-style-old: Black;
  --yds-typography-yle-sans-6xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-6xl-black-line-height: 120%;
  --yds-typography-yle-sans-6xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-6xl-black-paragraph-spacing: 48px;
  --yds-typography-yle-sans-6xl-black-text-case: none;
  --yds-typography-yle-sans-5xl-black-font-size: 40px;
  --yds-typography-yle-sans-5xl-black-text-decoration: none;
  --yds-typography-yle-sans-5xl-black-font-family: Yle;
  --yds-typography-yle-sans-5xl-black-font-weight: 900;
  --yds-typography-yle-sans-5xl-black-font-style: normal;
  --yds-typography-yle-sans-5xl-black-font-stretch: normal;
  --yds-typography-yle-sans-5xl-black-font-style-old: Black;
  --yds-typography-yle-sans-5xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-5xl-black-line-height: 120%;
  --yds-typography-yle-sans-5xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-5xl-black-paragraph-spacing: 40px;
  --yds-typography-yle-sans-5xl-black-text-case: none;
  --yds-typography-yle-sans-4xl-bold-font-size: 32px;
  --yds-typography-yle-sans-4xl-bold-text-decoration: none;
  --yds-typography-yle-sans-4xl-bold-font-family: Yle;
  --yds-typography-yle-sans-4xl-bold-font-weight: 700;
  --yds-typography-yle-sans-4xl-bold-font-style: normal;
  --yds-typography-yle-sans-4xl-bold-font-stretch: normal;
  --yds-typography-yle-sans-4xl-bold-font-style-old: Bold;
  --yds-typography-yle-sans-4xl-bold-letter-spacing: 0;
  --yds-typography-yle-sans-4xl-bold-line-height: 120%;
  --yds-typography-yle-sans-4xl-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-4xl-bold-paragraph-spacing: 32px;
  --yds-typography-yle-sans-4xl-bold-text-case: none;
  --yds-typography-yle-sans-4xl-black-font-size: 32px;
  --yds-typography-yle-sans-4xl-black-text-decoration: none;
  --yds-typography-yle-sans-4xl-black-font-family: Yle;
  --yds-typography-yle-sans-4xl-black-font-weight: 900;
  --yds-typography-yle-sans-4xl-black-font-style: normal;
  --yds-typography-yle-sans-4xl-black-font-stretch: normal;
  --yds-typography-yle-sans-4xl-black-font-style-old: Black;
  --yds-typography-yle-sans-4xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-4xl-black-line-height: 120%;
  --yds-typography-yle-sans-4xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-4xl-black-paragraph-spacing: 32px;
  --yds-typography-yle-sans-4xl-black-text-case: none;
  --yds-typography-yle-sans-3xl-bold-font-size: 28px;
  --yds-typography-yle-sans-3xl-bold-text-decoration: none;
  --yds-typography-yle-sans-3xl-bold-font-family: Yle;
  --yds-typography-yle-sans-3xl-bold-font-weight: 700;
  --yds-typography-yle-sans-3xl-bold-font-style: normal;
  --yds-typography-yle-sans-3xl-bold-font-stretch: normal;
  --yds-typography-yle-sans-3xl-bold-font-style-old: Bold;
  --yds-typography-yle-sans-3xl-bold-letter-spacing: 0;
  --yds-typography-yle-sans-3xl-bold-line-height: 130%;
  --yds-typography-yle-sans-3xl-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-3xl-bold-paragraph-spacing: 28px;
  --yds-typography-yle-sans-3xl-bold-text-case: none;
  --yds-typography-yle-sans-3xl-black-font-size: 28px;
  --yds-typography-yle-sans-3xl-black-text-decoration: none;
  --yds-typography-yle-sans-3xl-black-font-family: Yle;
  --yds-typography-yle-sans-3xl-black-font-weight: 900;
  --yds-typography-yle-sans-3xl-black-font-style: normal;
  --yds-typography-yle-sans-3xl-black-font-stretch: normal;
  --yds-typography-yle-sans-3xl-black-font-style-old: Black;
  --yds-typography-yle-sans-3xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-3xl-black-line-height: 130%;
  --yds-typography-yle-sans-3xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-3xl-black-paragraph-spacing: 28px;
  --yds-typography-yle-sans-3xl-black-text-case: none;
  --yds-typography-yle-sans-2xl-bold-font-size: 24px;
  --yds-typography-yle-sans-2xl-bold-text-decoration: none;
  --yds-typography-yle-sans-2xl-bold-font-family: Yle;
  --yds-typography-yle-sans-2xl-bold-font-weight: 700;
  --yds-typography-yle-sans-2xl-bold-font-style: normal;
  --yds-typography-yle-sans-2xl-bold-font-stretch: normal;
  --yds-typography-yle-sans-2xl-bold-font-style-old: Bold;
  --yds-typography-yle-sans-2xl-bold-letter-spacing: 0;
  --yds-typography-yle-sans-2xl-bold-line-height: 130%;
  --yds-typography-yle-sans-2xl-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-2xl-bold-paragraph-spacing: 24px;
  --yds-typography-yle-sans-2xl-bold-text-case: none;
  --yds-typography-yle-sans-2xl-black-font-size: 24px;
  --yds-typography-yle-sans-2xl-black-text-decoration: none;
  --yds-typography-yle-sans-2xl-black-font-family: Yle;
  --yds-typography-yle-sans-2xl-black-font-weight: 900;
  --yds-typography-yle-sans-2xl-black-font-style: normal;
  --yds-typography-yle-sans-2xl-black-font-stretch: normal;
  --yds-typography-yle-sans-2xl-black-font-style-old: Black;
  --yds-typography-yle-sans-2xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-2xl-black-line-height: 130%;
  --yds-typography-yle-sans-2xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-2xl-black-paragraph-spacing: 24px;
  --yds-typography-yle-sans-2xl-black-text-case: none;
  --yds-typography-yle-sans-xl-bold-font-size: 20px;
  --yds-typography-yle-sans-xl-bold-text-decoration: none;
  --yds-typography-yle-sans-xl-bold-font-family: Yle;
  --yds-typography-yle-sans-xl-bold-font-weight: 700;
  --yds-typography-yle-sans-xl-bold-font-style: normal;
  --yds-typography-yle-sans-xl-bold-font-stretch: normal;
  --yds-typography-yle-sans-xl-bold-font-style-old: Bold;
  --yds-typography-yle-sans-xl-bold-letter-spacing: 0;
  --yds-typography-yle-sans-xl-bold-line-height: 140%;
  --yds-typography-yle-sans-xl-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-xl-bold-paragraph-spacing: 20px;
  --yds-typography-yle-sans-xl-bold-text-case: none;
  --yds-typography-yle-sans-l-bold-font-size: 18px;
  --yds-typography-yle-sans-l-bold-text-decoration: none;
  --yds-typography-yle-sans-l-bold-font-family: Yle;
  --yds-typography-yle-sans-l-bold-font-weight: 700;
  --yds-typography-yle-sans-l-bold-font-style: normal;
  --yds-typography-yle-sans-l-bold-font-stretch: normal;
  --yds-typography-yle-sans-l-bold-font-style-old: Bold;
  --yds-typography-yle-sans-l-bold-letter-spacing: 0;
  --yds-typography-yle-sans-l-bold-line-height: 140%;
  --yds-typography-yle-sans-l-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-l-bold-paragraph-spacing: 18px;
  --yds-typography-yle-sans-l-bold-text-case: none;
  --yds-typography-yle-sans-xl-black-font-size: 20px;
  --yds-typography-yle-sans-xl-black-text-decoration: none;
  --yds-typography-yle-sans-xl-black-font-family: Yle;
  --yds-typography-yle-sans-xl-black-font-weight: 900;
  --yds-typography-yle-sans-xl-black-font-style: normal;
  --yds-typography-yle-sans-xl-black-font-stretch: normal;
  --yds-typography-yle-sans-xl-black-font-style-old: Black;
  --yds-typography-yle-sans-xl-black-letter-spacing: 0;
  --yds-typography-yle-sans-xl-black-line-height: 140%;
  --yds-typography-yle-sans-xl-black-paragraph-indent: 0;
  --yds-typography-yle-sans-xl-black-paragraph-spacing: 20px;
  --yds-typography-yle-sans-xl-black-text-case: none;
  --yds-typography-yle-sans-l-black-font-size: 18px;
  --yds-typography-yle-sans-l-black-text-decoration: none;
  --yds-typography-yle-sans-l-black-font-family: Yle;
  --yds-typography-yle-sans-l-black-font-weight: 900;
  --yds-typography-yle-sans-l-black-font-style: normal;
  --yds-typography-yle-sans-l-black-font-stretch: normal;
  --yds-typography-yle-sans-l-black-font-style-old: Black;
  --yds-typography-yle-sans-l-black-letter-spacing: 0;
  --yds-typography-yle-sans-l-black-line-height: 140%;
  --yds-typography-yle-sans-l-black-paragraph-indent: 0;
  --yds-typography-yle-sans-l-black-paragraph-spacing: 18px;
  --yds-typography-yle-sans-l-black-text-case: none;
  --yds-typography-yle-sans-m-bold-font-size: 16px;
  --yds-typography-yle-sans-m-bold-text-decoration: none;
  --yds-typography-yle-sans-m-bold-font-family: Yle;
  --yds-typography-yle-sans-m-bold-font-weight: 700;
  --yds-typography-yle-sans-m-bold-font-style: normal;
  --yds-typography-yle-sans-m-bold-font-stretch: normal;
  --yds-typography-yle-sans-m-bold-font-style-old: Bold;
  --yds-typography-yle-sans-m-bold-letter-spacing: 0;
  --yds-typography-yle-sans-m-bold-line-height: 140%;
  --yds-typography-yle-sans-m-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-m-bold-paragraph-spacing: 16px;
  --yds-typography-yle-sans-m-bold-text-case: none;
  --yds-typography-yle-sans-s-bold-font-size: 14px;
  --yds-typography-yle-sans-s-bold-text-decoration: none;
  --yds-typography-yle-sans-s-bold-font-family: Yle;
  --yds-typography-yle-sans-s-bold-font-weight: 700;
  --yds-typography-yle-sans-s-bold-font-style: normal;
  --yds-typography-yle-sans-s-bold-font-stretch: normal;
  --yds-typography-yle-sans-s-bold-font-style-old: Bold;
  --yds-typography-yle-sans-s-bold-letter-spacing: 0;
  --yds-typography-yle-sans-s-bold-line-height: 140%;
  --yds-typography-yle-sans-s-bold-paragraph-indent: 0;
  --yds-typography-yle-sans-s-bold-paragraph-spacing: 14px;
  --yds-typography-yle-sans-s-bold-text-case: none;
}

:root {
  --ws_content_width_medium: 680px;
  --vaalikone-line-height-base: var(--yds-typography-default-m-line-height);
}

body {
  background-color: var(--yds-color-background-interactive);
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: var(--yds-color-text-default);
  height: 100vh;
}

body.prevent-scroll {
  @media only screen and (max-width: 620px) {
    overflow-y: hidden;
    position: fixed;
    width: 100%;
  }
}

body,
input,
textarea {
  font-family: Yle Next;
}

* {
  box-sizing: border-box;
}

a,
button,
input {
  &:focus {
    outline: auto;
  }
}

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

main {
  width: 100%;
}

#root {
  height: 100%;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
/* vanilla-extract-css-ns:src/vars/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2U3WqDMBiGz72KDzzRofIl/qcnGxu9jxgTK7NatAzG6L2PtiuzxqwtrGcVEfKSvInk4Qk+N7nccAlfFoDvH0fIwEbMRREvRilhYKvDM04pA5uEJCJnc8NDQxGJbJxGDPqq4A568PMGmLvjGfFsW7LfOVO54uM03adEURWN0+ziHjkDO6HL/JWOU85A8EY4GGBCY3iCD947vq+ybrtK0HVh6Jq6vNRdMEDAU1MUpnNNqLWQ+KxFMKjbQW5PTb7xUHrV5EAlg6ZuJe/9qudlLdutg6WsvOM6knsUPUo8dLUkwNh1F9bOCo5NSkOE5kKUcooIUZTQcIqIfn3hbHpChMaxB78fDEiogaKvTmbxSQ9npQUt50DRd0o1XJZvy+ULTnBpu1ZO7v62W7v0jzdjcKnwbxh+IXK1ZE/oGIbq4YuHLwy+eF7LsubgbHqpZD/4omu63h/ESq4lg5L37+6BnjOUTGYxucVkF5NfrjeMyTEmy5g8c71pTK6Ztc0dfHMH4/yjcwB21u4b1tGHbqcIAAA= */
.yle-header-2023 .yp9epae {
  --yp9epa0: #009cb5;
  --yp9epa1: #ffffff;
  --yp9epa2: #131415;
  --yp9epa3: #00b4c8;
  --yp9epa4: rgba(0, 0, 0, 0.09);
  --yp9epa5: #131415;
  --yp9epa6: #f8f9fa;
  --yp9epa7: #f1f2f4;
  --yp9epa8: rgba(0, 0, 0, 0.09);
  --yp9epa9: #62F9C2;
  --yp9epaa: calc(0.0625 * var(--f8oth60)) solid rgba(0, 0, 0, 0.09);
  --yp9epab: 0 0 calc(0.4375 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.15);
  --yp9epac: inset 0 calc(-0.0625 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.09);
  --yp9epad:
    linear-gradient(
      0deg,
      rgba(19,20,21,0),
      rgba(19,20,21,0.05));
}
.yle-header-2023 .yp9epaf {
  --yp9epa0: #29ccde;
  --yp9epa1: #1f2123;
  --yp9epa2: #f8f9fa;
  --yp9epa3: #f8f9fa;
  --yp9epa4: rgba(255, 255, 255, 0.13);
  --yp9epa5: #f8f9fa;
  --yp9epa6: #131415;
  --yp9epa7: #292b2d;
  --yp9epa8: rgba(255, 255, 255, 0.17);
  --yp9epa9: #FDFFA0;
  --yp9epaa: none;
  --yp9epab: inset 0 calc(-0.0625 * var(--f8oth60)) 0 rgba(255, 255, 255, 0.13);
  --yp9epac: inset 0 calc(-0.0625 * var(--f8oth60)) 0 rgba(255, 255, 255, 0.13);
  --yp9epad:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.15));
}
.yle-header-2023 .yp9epag {
  --yp9epa0: #009cb5;
  --yp9epa1: #ffffff;
  --yp9epa2: #131415;
  --yp9epa3: #00b4c8;
  --yp9epa4: rgba(0, 0, 0, 0.09);
  --yp9epa5: #131415;
  --yp9epa6: #f8f9fa;
  --yp9epa7: #f1f2f4;
  --yp9epa8: rgba(0, 0, 0, 0.09);
  --yp9epa9: #62F9C2;
  --yp9epaa: calc(0.0625 * var(--f8oth60)) solid rgba(0, 0, 0, 0.09);
  --yp9epab: 0 0 calc(0.4375 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.15);
  --yp9epac: inset 0 calc(-0.0625 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.09);
  --yp9epad:
    linear-gradient(
      0deg,
      rgba(19,20,21,0),
      rgba(19,20,21,0.05));
}
@media (prefers-color-scheme: dark) {
  .yle-header-2023 .yp9epag {
    --yp9epa0: #29ccde;
    --yp9epa1: #1f2123;
    --yp9epa2: #f8f9fa;
    --yp9epa3: #f8f9fa;
    --yp9epa4: rgba(255, 255, 255, 0.13);
    --yp9epa5: #f8f9fa;
    --yp9epa6: #131415;
    --yp9epa7: #292b2d;
    --yp9epa8: rgba(255, 255, 255, 0.17);
    --yp9epa9: #FDFFA0;
    --yp9epaa: none;
    --yp9epab: inset 0 calc(-0.0625 * var(--f8oth60)) 0 rgba(255, 255, 255, 0.13);
    --yp9epac: inset 0 calc(-0.0625 * var(--f8oth60)) 0 rgba(255, 255, 255, 0.13);
    --yp9epad:
      linear-gradient(
        0deg,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0.15));
  }
}

/* vanilla-extract-css-ns:src/style/fonts.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9XRwW7CMAwG4DtPYfUE0xKlXUtReIfdOUaZ00ZLky2xWAvi3Se2wbgXEL3+tn/pk7nR73X1KWA/AzDBEzOqs26QkG0cwiv2lD1DUj6xhNGa9Wkt2R1K0MrpeQ5PsFVxzphZBWqXYrE4r32hbVqSUArxf0qDQwk+xE65izQi6fYyd0iEkaUPpa1vJPxUOOuRtX+1Oa+OGWFP7A11iIps8McOj+cBReWTCbE75YcZ/2Xnt2bXD8kuxrAFX9XVZD/+cg/6Y369HEefsLwaJ18W96NzUWB3Lf83KQCh3N0FAAA= */
.yle-header-2023 .fck75q0 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}
.yle-header-2023 .fck75q1 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}
.yle-header-2023 .fck75q2 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}
.yle-header-2023 .fck75q3 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}
.yle-header-2023 .fck75q4 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.75 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}
.yle-header-2023 .fck75q5 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.625 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.02em;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}

/* vanilla-extract-css-ns:src/style/focus.css.ts.vanilla.css?source=Ll8xNWQ0OGp6MDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiBjYWxjKDAuMTg3NSAqIHZhcigtLWY4b3RoNjApKSBzb2xpZCB2YXIoLS15cDllcGEwKTsKICBvdXRsaW5lLW9mZnNldDogY2FsYygwLjEyNSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzE1ZDQ4anoxOmZvY3VzLXZpc2libGUgewogIGJvcmRlci1yYWRpdXM6IDFweDsKfQouXzE1ZDQ4anoyOmZvY3VzLXZpc2libGUgewogIG91dGxpbmU6IGNhbGMoMC4xODc1ICogdmFyKC0tZjhvdGg2MCkpIHNvbGlkIHZhcigtLXlwOWVwYTApOwogIG91dGxpbmUtb2Zmc2V0OiBjYWxjKC0wLjE4NzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgYm9yZGVyLXJhZGl1czogNnB4Owp9 */
.yle-header-2023 ._15d48jz0:focus-visible {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
}
.yle-header-2023 ._15d48jz1:focus-visible {
  border-radius: 1px;
}
.yle-header-2023 ._15d48jz2:focus-visible {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(-0.1875 * var(--f8oth60));
  border-radius: 6px;
}

/* vanilla-extract-css-ns:src/components/FrontpageLink.css.ts.vanilla.css?source=Ll8xcHZjbmFhMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3RyZXRjaDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouXzFwdmNuYWExIHsKICBoZWlnaHQ6IGNhbGMoMiAqIHZhcigtLWY4b3RoNjApKTsKICB3aWR0aDogY2FsYygyICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMXB2Y25hYTIgewogIGRpc3BsYXk6IG5vbmU7CiAgcGFkZGluZy1sZWZ0OiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5fMXB2Y25hYTAgewogICAgcGFkZGluZy1yaWdodDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIH0KICAuXzFwdmNuYWExIHsKICAgIGhlaWdodDogY2FsYygyLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgICB3aWR0aDogY2FsYygyLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgfQogIC5fMXB2Y25hYTIgewogICAgZGlzcGxheTogYmxvY2s7CiAgfQp9 */
.yle-header-2023 ._1pvcnaa0 {
  display: flex;
  align-items: center;
  justify-content: stretch;
  white-space: nowrap;
  color: var(--yp9epa2);
}
.yle-header-2023 ._1pvcnaa1 {
  height: calc(2 * var(--f8oth60));
  width: calc(2 * var(--f8oth60));
}
.yle-header-2023 ._1pvcnaa2 {
  display: none;
  padding-left: calc(1.5 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  .yle-header-2023 ._1pvcnaa0 {
    padding-right: calc(0.75 * var(--f8oth60));
  }
  .yle-header-2023 ._1pvcnaa1 {
    height: calc(2.5 * var(--f8oth60));
    width: calc(2.5 * var(--f8oth60));
  }
  .yle-header-2023 ._1pvcnaa2 {
    display: block;
  }
}

/* vanilla-extract-css-ns:src/style/reset.css.ts.vanilla.css?source=OnJvb3QsIDpyb290OjphZnRlciwgOnJvb3Q6OmJlZm9yZSwgKjp3aGVyZSg6bm90KHN2Zywgc3ZnICopKSwgKjo6YWZ0ZXIsICo6OmJlZm9yZSB7CiAgYWxsOiByZXZlcnQ7Cn0KOnJvb3QsIDpyb290OjphZnRlciwgOnJvb3Q6OmJlZm9yZSwgKiwgKjo6YWZ0ZXIsICo6OmJlZm9yZSB7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICBsaW5lLWhlaWdodDogMTsKfQphIHsKICBjb2xvcjogaW5oZXJpdDsKICB0ZXh0LWRlY29yYXRpb246IGluaGVyaXQ7Cn0KYnV0dG9uIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXItd2lkdGg6IDA7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtc3R5bGU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7Cn0KQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHsKICA6cm9vdCwgOnJvb3Q6OmFmdGVyLCA6cm9vdDo6YmVmb3JlLCAqLCAqOjphZnRlciwgKjo6YmVmb3JlIHsKICAgIHRyYW5zaXRpb246IG5vbmUgIWltcG9ydGFudDsKICAgIGFuaW1hdGlvbjogbm9uZSAhaW1wb3J0YW50OwogIH0KfQ== */
.yle-header-2023,
.yle-header-2023::after,
.yle-header-2023::before,
.yle-header-2023 *:where(:not(svg, svg *)),
.yle-header-2023 *::after,
.yle-header-2023 *::before {
  all: revert;
}
.yle-header-2023,
.yle-header-2023::after,
.yle-header-2023::before,
.yle-header-2023 *,
.yle-header-2023 *::after,
.yle-header-2023 *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1;
}
.yle-header-2023 a {
  color: inherit;
  text-decoration: inherit;
}
.yle-header-2023 button {
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .yle-header-2023,
  .yle-header-2023::after,
  .yle-header-2023::before,
  .yle-header-2023 *,
  .yle-header-2023 *::after,
  .yle-header-2023 *::before {
    transition: none !important;
    animation: none !important;
  }
}

/* vanilla-extract-css-ns:src/components/HeaderView.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UXY+bMBB8z6+wTqqUVDIyJCEpeek/qRy8gHvGRra5QKv89woHwsfhVLq3EM+sd2dmHbQCcAGUgcYRifbo7wahShluuZIJ0iCo5R9w2SD0B3PJoEnQB9VbjLOzskUc7S6b+yb4FcuItIw4OuOmErRNUCag6Zg3zmyRoJCQbxdv+QJ4XtgEpVSk231wRN9nF5HdrkNdafqea1VLhlMllB66aasfUNHQYVYOInfwuzaWZy1OlbQgu7tAWtCurmqwKShTtznxOpsvnM+Xa85W5itpg/u/phM8mus42EJZCWqhm6EupUlQmGlUcjm01n1/Rmt1e0A/H1EN1CToTaicS5RpJW1Fc0AlyPrNiU4Z4zLHArJB5HBd4gGpJ36sQkddIqfLzMEwiCOPh702DkYC4sWVVOdcTjsmwelLuTg4zNM3qSRM29+vx5YKnkvMLZRmjMrIOjiWs6FTP0FO+yniuEQ8fXmZxrFAvCxggOq0eDnMacnpIrB6XzcnBsmm7POSndZag7TYqoqnZuVm5HLbe0q6Wj9LYJwik2oAiahkaDuBnOJz1ezcNfNnYxGgg+8JuE+YYc/0bNVio2bfnt+XlXrDco1rNVfl4Xxvzrhy00ajvtGneFeh0vcl6tij1q0ylmq7pMTLwkN611c+8C3btOapr/nlAmdfU/f/xiMk0WGZj/BVP552PO+YP1T3f7h5mIMLBwAA */
.yle-header-2023 {
  position: relative;
  z-index: var(--f8oth62);
}
.yle-header-2023 ._6n20yd0 {
  display: flex;
  width: 100%;
  position: relative;
  height: calc(3.5 * var(--f8oth60));
  background-color: var(--yp9epa1);
  color: var(--yp9epa2);
  justify-content: center;
  box-shadow: var(--yp9epab);
}
.yle-header-2023 ._6n20yd1 {
  display: grid;
  width: 100%;
  max-width: var(--f8oth61);
  grid-template-columns: 1fr min-content 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "login frontpage menu";
  padding-left: calc(1 * var(--f8oth60));
  padding-right: calc(1 * var(--f8oth60));
}
.yle-header-2023 ._6n20yd2 {
  height: calc(1.625 * var(--f8oth60));
  width: calc(0.0625 * var(--f8oth60));
  margin-left: calc(0.75 * var(--f8oth60));
  background-color: var(--yp9epa4);
  display: none;
}
.yle-header-2023 ._6n20yd3 {
  display: flex;
  align-items: center;
}
.yle-header-2023 ._6n20yd4 {
  grid-area: login;
}
.yle-header-2023 ._6n20yd5 {
  grid-area: frontpage;
  justify-content: center;
}
.yle-header-2023 ._6n20yd6 {
  grid-area: search;
  display: none;
}
.yle-header-2023 ._6n20yd7 {
  grid-area: menu;
  justify-content: flex-end;
}
.yle-header-2023 ._6n20yd8 {
  grid-area: current-topics;
  display: none;
  min-width: 0;
}
@media screen and (min-width: 768px) {
  .yle-header-2023 ._6n20yd0 {
    height: calc(4.5 * var(--f8oth60));
  }
  .yle-header-2023 ._6n20yd1 {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-areas: "frontpage current-topics login search menu";
  }
  .yle-header-2023 ._6n20yd2 {
    display: block;
  }
  .yle-header-2023 ._6n20yd5 {
    justify-content: flex-start;
  }
  .yle-header-2023 ._6n20yd6 {
    display: flex;
    padding-left: calc(1.25 * var(--f8oth60));
  }
  .yle-header-2023 ._6n20yd7 {
    padding-left: calc(1.25 * var(--f8oth60));
  }
  .yle-header-2023 ._6n20yd8 {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .yle-header-2023 ._6n20yd1 {
    padding-left: calc(1.5 * var(--f8oth60));
    padding-right: calc(1.5 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/style/largerClickableArea.css.ts.vanilla.css?source=LmVvcHUzajAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQouZW9wdTNqMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgd2lkdGg6IGNhbGMoMTAwJSArIGNhbGMoMSAqIHZhcigtLWY4b3RoNjApKSk7CiAgaGVpZ2h0OiBjYWxjKDEwMCUgKyBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSkpOwogIHRvcDogY2FsYygtMC41ICogdmFyKC0tZjhvdGg2MCkpOwogIGxlZnQ6IGNhbGMoLTAuNSAqIHZhcigtLWY4b3RoNjApKTsKICBjdXJzb3I6IHBvaW50ZXI7Cn0KLmVvcHUzajA6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogbm9uZTsKfQouZW9wdTNqMDpmb2N1cy12aXNpYmxlOjpiZWZvcmUgewogIG91dGxpbmU6IGNhbGMoMC4xODc1ICogdmFyKC0tZjhvdGg2MCkpIHNvbGlkIHZhcigtLXlwOWVwYTApOwogIG91dGxpbmUtb2Zmc2V0OiBjYWxjKDAuMTI1ICogdmFyKC0tZjhvdGg2MCkpOwogIGJvcmRlci1yYWRpdXM6IDFweDsKfQ== */
.yle-header-2023 .eopu3j0 {
  position: relative;
}
.yle-header-2023 .eopu3j0::before {
  content: "";
  position: absolute;
  width: calc(100% + calc(1 * var(--f8oth60)));
  height: calc(100% + calc(1 * var(--f8oth60)));
  top: calc(-0.5 * var(--f8oth60));
  left: calc(-0.5 * var(--f8oth60));
  cursor: pointer;
}
.yle-header-2023 .eopu3j0:focus-visible {
  outline: none;
}
.yle-header-2023 .eopu3j0:focus-visible::before {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}

/* vanilla-extract-css-ns:src/components/BarCurrentTopics.css.ts.vanilla.css?source=Ll8xZmZzcjVoMCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBvdmVyZmxvdzogY2xpcDsKICB3aWR0aDogMTAwJTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHBhZGRpbmctbGVmdDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIHBhZGRpbmctcmlnaHQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKICBsaW5lLWhlaWdodDogY2FsYyg0LjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl8xZmZzcjVoMSB7CiAgbWFyZ2luOiAwIGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKTsKfQ== */
.yle-header-2023 ._1ffsr5h0 {
  overflow: hidden;
  overflow: clip;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: calc(0.75 * var(--f8oth60));
  padding-right: calc(1.5 * var(--f8oth60));
  color: var(--yp9epa2);
  line-height: calc(4.5 * var(--f8oth60));
}
.yle-header-2023 ._1ffsr5h1 {
  margin: 0 calc(0.75 * var(--f8oth60));
}

/* vanilla-extract-css-ns:src/components/AccessibleMenu.css.ts.vanilla.css?source=Ll8xNHM0cmowIHsKICBvcGFjaXR5OiAwOwogIHBvc2l0aW9uOiBmaXhlZDsKICB0b3A6IC0xMDBweDsKfQouXzE0czRyajEgewogIG91dGxpbmU6IG5vbmU7Cn0= */
.yle-header-2023 ._14s4rj0 {
  opacity: 0;
  position: fixed;
  top: -100px;
}
.yle-header-2023 ._14s4rj1 {
  outline: none;
}

/* vanilla-extract-css-ns:src/components/Menu.css.ts.vanilla.css?source=Ll8xc3ZsN2p5MCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGhlaWdodDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgd2lkdGg6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMXN2bDdqeTEgewogIG9wYWNpdHk6IDE7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMDsKICBsZWZ0OiAwOwogIGhlaWdodDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgd2lkdGg6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIHRyYW5zaXRpb246IG9wYWNpdHkgMTEwbXMgY3ViaWMtYmV6aWVyKDAuNDUsMCwwLjQwLDEpOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXlwOWVwYTEpOwp9Ci5hY2Nlc3NpYmxlLW1lbnUtY2hlY2tib3g6Y2hlY2tlZCB+ICogLl8xc3ZsN2p5MiB7CiAgb3BhY2l0eTogMDsKfQouYWNjZXNzaWJsZS1tZW51LWNoZWNrYm94Om5vdCg6Y2hlY2tlZCkgfiAqIC5fMXN2bDdqeTMgewogIG9wYWNpdHk6IDA7Cn0KLmFjY2Vzc2libGUtbWVudS1jaGVja2JveDpmb2N1cyB+IC5fMXN2bDdqeTQ6OmJlZm9yZSB7CiAgb3V0bGluZTogY2FsYygwLjE4NzUgKiB2YXIoLS1mOG90aDYwKSkgc29saWQgdmFyKC0teXA5ZXBhMCk7CiAgb3V0bGluZS1vZmZzZXQ6IGNhbGMoMC4xMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgYm9yZGVyLXJhZGl1czogMXB4Owp9CkBzdXBwb3J0cyBzZWxlY3Rvcig6Zm9jdXMtdmlzaWJsZSkgewogIC5hY2Nlc3NpYmxlLW1lbnUtY2hlY2tib3g6bm90KDpmb2N1cy12aXNpYmxlKSB+IC5fMXN2bDdqeTQ6OmJlZm9yZSB7CiAgICBvdXRsaW5lOiBub25lOwogIH0KfQ== */
.yle-header-2023 ._1svl7jy0 {
  position: relative;
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
}
.yle-header-2023 ._1svl7jy1 {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
  transition: opacity 110ms cubic-bezier(0.45, 0, 0.40, 1);
  background-color: var(--yp9epa1);
}
.yle-header-2023 .accessible-menu-checkbox:checked ~ * ._1svl7jy2 {
  opacity: 0;
}
.yle-header-2023 .accessible-menu-checkbox:not(:checked) ~ * ._1svl7jy3 {
  opacity: 0;
}
.yle-header-2023 .accessible-menu-checkbox:focus ~ ._1svl7jy4::before {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}
@supports selector(:focus-visible) {
  .yle-header-2023 .accessible-menu-checkbox:not(:focus-visible) ~ ._1svl7jy4::before {
    outline: none;
  }
}

/* vanilla-extract-css-ns:src/components/BarItem.css.ts.vanilla.css?source=LmM2M2Q1aDAgewogIGRpc3BsYXk6IG5vbmU7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICBtYXJnaW4tcmlnaHQ6IGNhbGMoMC41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5jNjNkNWgxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgY3Vyc29yOiBwb2ludGVyOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouYzYzZDVoMiB7CiAgaGVpZ2h0OiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICB3aWR0aDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAyNHB4KSB7CiAgLmM2M2Q1aDAgewogICAgZGlzcGxheTogYmxvY2s7CiAgfQp9 */
.yle-header-2023 .c63d5h0 {
  display: none;
  white-space: nowrap;
  margin-right: calc(0.5 * var(--f8oth60));
}
.yle-header-2023 .c63d5h1 {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--yp9epa2);
}
.yle-header-2023 .c63d5h2 {
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
}
@media screen and (min-width: 1024px) {
  .yle-header-2023 .c63d5h0 {
    display: block;
  }
}

/* vanilla-extract-css-ns:src/components/drawer/Drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVUW+bMBB+z6+wKk0KVYwMS7POfdnf2NNk7CO4BRvZJk02Zb99soHUSaBptScOfOe7++67j/RXRhRf7zuC/iwQEtK2NTtQVNSavzwtEHqVwlUUZYR88a9OtxRxVvPl1/QB3aMdM0uMy0ftqg1JEu9SQ+koIt4sGH/ZGt0pQQfPQ/sdWpYFx1Zb6aRWFLHC6rpzEGK0EWBwSBTHsKQ/3WNbMaFfz095OHWGqfFO3TIu3QHla9JYxLtCclzAbwlmSdL1w4qsSLomqyxZ7aSVhaxPzv6mrZECO2jamjnARr9aikhp/NFw8dDiWzBFlRQC1NPiuEhPsFLKSgcmoMu1cqAcRXd3ff9SOTAYdqCcpUhpBfO4RLAaua1GO+A0TmcOb5FcF/45rLJVP7MK+tyBAps0n+TAcZEyzsFaWdSAG1Ad5hXwl0LvaTBAoL8oPadeXM/URE7VZ5ewB7uGubFlfmyfLSkeW5w5Gm12vjE+dahzB6asPT9HOpz3dl0iukHQD7DyY+3do4vib9R1c3VuQT5my8+hKmvY+1D/xEIa4H0JXNddEwB77qyT5QGfNiZQPj6xUJcUcfAb5L83bI8HrYr52NfYSIVH5pIpVYtwCHapTXO7fZRlpLGrDytN739K6JMM+Tx2P5dhqTCZEtaJBW6ZEFJtcS8MITafVuTR00S7O+kaj+wd4ToTgSzd/I8KRJzM3zh5BQ1JLjXguPjRgJAMWW4AFGJKoKUf9DDbb5vHdp+EKy+UJv6Lref+Ysc4Lh/iJiDPpsOnQZ9xPs8VA3+BdT4juP6KW3hkJF9fAfJeY3PIzLQ2D+TxH7wJe0llCAAA */
.yle-header-2023 ._10nc4xu0 {
  display: block;
  width: 100%;
  top: calc(3.5 * var(--f8oth60));
  left: 0;
  background: var(--yp9epa1);
  position: absolute;
  border-top: var(--yp9epaa);
  box-shadow: var(--yp9epac);
  transition: opacity 240ms cubic-bezier(0.45, 0, 0.40, 1), visibility 240ms;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
}
.yle-header-2023 ._10nc4xu0::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--yp9epad);
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.45, 0, 1, 1);
  height: calc(6.25 * var(--f8oth60));
}
.yle-header-2023 .accessible-menu-checkbox:checked ~ ._10nc4xu0 {
  transition: visibility 240ms;
  opacity: 1;
  visibility: visible;
  grid-template-rows: 1fr;
}
.yle-header-2023 .accessible-menu-checkbox:checked ~ ._10nc4xu0::after {
  opacity: 1;
}
.yle-header-2023 ._10nc4xu1 {
  display: grid;
  overflow: hidden;
  transition: grid-template-rows 0ms cubic-bezier(0.45, 0, 0.40, 1) 240ms;
  grid-template-rows: 0fr;
}
.yle-header-2023 .accessible-menu-checkbox:checked ~ * ._10nc4xu1 {
  transition: grid-template-rows 240ms cubic-bezier(0.45, 0, 0.40, 1);
  grid-template-rows: 1fr;
}
.yle-header-2023 ._10nc4xu2 {
  display: flex;
  flex-direction: column;
  justify-content: right;
  justify-self: center;
  max-width: var(--f8oth61);
  min-height: 0;
  width: 100%;
  transition: transform 240ms cubic-bezier(0.45, 0, 0.40, 1) 110ms, opacity 240ms cubic-bezier(0.45, 0, 0.40, 1) 110ms;
  transform: translateY(calc(-0.5 * var(--f8oth60)));
  opacity: 0;
  padding-left: calc(2 * var(--f8oth60));
  padding-right: calc(2 * var(--f8oth60));
}
.yle-header-2023 ._10nc4xu2::after {
  content: "";
  height: calc(1.625 * var(--f8oth60));
}
.yle-header-2023 .accessible-menu-checkbox:checked ~ * ._10nc4xu2 {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .yle-header-2023 ._10nc4xu0 {
    top: calc(4.5 * var(--f8oth60));
  }
  .yle-header-2023 ._10nc4xu2 {
    padding-left: calc(1 * var(--f8oth60));
    padding-right: calc(1 * var(--f8oth60));
  }
  .yle-header-2023 ._10nc4xu2::after {
    height: calc(2.25 * var(--f8oth60));
  }
}
@media screen and (min-width: 1024px) {
  .yle-header-2023 ._10nc4xu2 {
    padding-left: calc(1.5 * var(--f8oth60));
    padding-right: calc(1.5 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/drawer/MenuItem.css.ts.vanilla.css?source=Ll8xYnZtNG1tMCB7CiAgbGlzdC1zdHlsZS10eXBlOiBub25lOwp9Ci5fMWJ2bTRtbTEgewogIHdpZHRoOiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgaGVpZ2h0OiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgbWFyZ2luLXJpZ2h0OiBjYWxjKDAuNSAqIHZhcigtLWY4b3RoNjApKTsKICBtYXJnaW4tYm90dG9tOiBjYWxjKDAuMDYyNSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzFidm00bW0yIHsKICBkaXNwbGF5OiBmbGV4OwogIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBjb2xvcjogdmFyKC0teXA5ZXBhMik7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMiksCiAgICAgICAgc2NyZWVuIGFuZCAobWluLXJlc29sdXRpb246IDJkcHB4KSwKICAgICAgICBzY3JlZW4gYW5kIChtaW4tcmVzb2x1dGlvbjogMTkyZHBpKSB7CiAgLl8xYnZtNG1tMSB7CiAgICBtYXJnaW4tYm90dG9tOiBjYWxjKDAuMDMxMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgfQp9 */
.yle-header-2023 ._1bvm4mm0 {
  list-style-type: none;
}
.yle-header-2023 ._1bvm4mm1 {
  width: calc(1.25 * var(--f8oth60));
  height: calc(1.25 * var(--f8oth60));
  margin-right: calc(0.5 * var(--f8oth60));
  margin-bottom: calc(0.0625 * var(--f8oth60));
}
.yle-header-2023 ._1bvm4mm2 {
  display: flex;
  max-width: max-content;
  align-items: center;
  color: var(--yp9epa2);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .yle-header-2023 ._1bvm4mm1 {
    margin-bottom: calc(0.03125 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/drawer/mobilePromo/MobilePromo.css.ts.vanilla.css?source=Ll80Ym5oeHYwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7Cn0KLl80Ym5oeHYxIHsKICBtYXJnaW4tYm90dG9tOiBjYWxjKDAuMjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl80Ym5oeHYyIHsKICBtYXJnaW4tYm90dG9tOiBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl80Ym5oeHYzIHsKICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZjhvdGg2MCkpOwogIGRpc3BsYXk6IGJsb2NrOwp9 */
.yle-header-2023 ._4bnhxv0 {
  display: inline-block;
}
.yle-header-2023 ._4bnhxv1 {
  margin-bottom: calc(0.25 * var(--f8oth60));
}
.yle-header-2023 ._4bnhxv2 {
  margin-bottom: calc(1 * var(--f8oth60));
}
.yle-header-2023 ._4bnhxv3 {
  height: calc(2.5 * var(--f8oth60));
  display: block;
}

/* vanilla-extract-css-ns:src/components/drawer/DrawerContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52U0XKrIBRF3/MV56Uz8U7JaJtEa176K0QwYYocgvSaTKf/fgelBo1Ok/siI2e7zwaWrPanU/qGMXwtACpqDkLlEO8WAJoyJtTBvzWC2WMOSRw/BUViUedQUFksk9UG/sBfapaElBna4zaOol1veo9yj4Zx0ykTfYYapWBeeNFvXNN1tFt8L1Y+c14KU1tSHIVkbf7bVC+/d1Ko+DhnHLRZt9ZM1FrSy4+8r26G1b3E4iNw26O1WPkw8fTCe6+09TrQ60YlWTqzV1LUltT2IjmxF82vy+ijHIxgbsKNxPJKS2o5KVB+VqrOISlNX6WfFkkpscnBYBMkytpEBhtyX6rOPRC//m/6UvKzm3AjYcLwwgpUue/gIr5XnAkKdWE4V0AVg2UlFPGgpttMn6M2/ipE/AFIJtCdUX4HXW6gfKBj4JM8nnYK6husB01efZMR3APNeqzpEQ9EmzuMUq+Z4dFwzaldrp8dmX5FQ6nB5qrrdqBz3kbP4I6+QGW5suHHAdk/5AxCZT7UGLP2N+gLjXFAu2f3+TR89HyFLx3B9zJ7nLO34QR+MxfI+PDn7842/D9NjEgi8wUAAA== */
.yle-header-2023 .bqq79o0 {
  margin: 0;
  padding: 0;
  width: 100%;
  padding-top: calc(1.5 * var(--f8oth60));
  margin-top: calc(1.5 * var(--f8oth60));
  border-top: 1px solid var(--yp9epa4);
}
.yle-header-2023 .bqq79o0:first-child {
  padding-top: calc(2 * var(--f8oth60));
  border-top: none;
  margin-top: 0;
}
.yle-header-2023 .bqq79o4 {
  display: none;
}
.yle-header-2023 .bqq79o5 {
  display: block;
  margin-bottom: calc(0.5 * var(--f8oth60));
}
.yle-header-2023 .bqq79o7 {
  gap: calc(1.1875 * var(--f8oth60));
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
.yle-header-2023 .bqq79o8 {
  row-gap: calc(1.1875 * var(--f8oth60));
  column-gap: calc(3 * var(--f8oth60));
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .yle-header-2023 .bqq79o0 {
    padding-top: calc(2 * var(--f8oth60));
    margin-top: calc(2 * var(--f8oth60));
  }
  .yle-header-2023 .bqq79o0:first-child {
    padding-top: calc(2 * var(--f8oth60));
  }
  .yle-header-2023 .bqq79o1 {
    padding-top: calc(2 * var(--f8oth60));
    border-top: none;
    margin-top: 0;
  }
  .yle-header-2023 .bqq79o3 {
    display: none;
  }
  .yle-header-2023 .bqq79o4 {
    display: block;
  }
  .yle-header-2023 .bqq79o5 {
    display: none;
  }
  .yle-header-2023 .bqq79o7 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(var(--bqq79o6), min-content);
    grid-auto-flow: column;
  }
  .yle-header-2023 .bqq79o8 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .yle-header-2023 .bqq79o2 {
    padding-top: calc(1.5 * var(--f8oth60));
    margin-top: calc(0.5 * var(--f8oth60));
    border-top: 1px solid var(--yp9epa4);
  }
}

/* vanilla-extract-css-ns:src/components/drawer/AreenaPromo.css.ts.vanilla.css?source=Ll8xbTNxdWY4MCB7CiAgZGlzcGxheTogYmxvY2s7CiAgaGVpZ2h0OiBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSk7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApOwp9Ci5fMW0zcXVmODEgewogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0OwogIGdhcDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMW0zcXVmODIgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5fMW0zcXVmODEgewogICAgZmxleC1kaXJlY3Rpb246IHJvdzsKICAgIGdhcDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgICBhbGlnbi1pdGVtczogY2VudGVyOwogIH0KfQ== */
.yle-header-2023 ._1m3quf80 {
  display: block;
  height: calc(1 * var(--f8oth60));
  transform: translateZ(0);
}
.yle-header-2023 ._1m3quf81 {
  color: var(--yp9epa2);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(0.75 * var(--f8oth60));
}
.yle-header-2023 ._1m3quf82 {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .yle-header-2023 ._1m3quf81 {
    flex-direction: row;
    gap: calc(1.5 * var(--f8oth60));
    align-items: center;
  }
}

/* vanilla-extract-css-ns:src/components/drawer/DrawerCurrentTopics.css.ts.vanilla.css?source=Ll8xZDg1NnFwMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LXdyYXA6IHdyYXA7CiAgZ2FwOiBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSk7CiAgbGlzdC1zdHlsZS10eXBlOiBub25lOwogIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0OwogIG1hcmdpbi10b3A6IGNhbGMoMSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzFkODU2cXAxIHsKICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDsKICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlOwogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBib3JkZXItcmFkaXVzOiAxMDBweDsKICBwYWRkaW5nOiBjYWxjKDAuMTg3NSAqIHZhcigtLWY4b3RoNjApKSBjYWxjKDAuNzUgKiB2YXIoLS1mOG90aDYwKSkgY2FsYygwLjE4NzUgKiB2YXIoLS1mOG90aDYwKSkgY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXlwOWVwYTUpOwogIGNvbG9yOiB2YXIoLS15cDllcGE2KTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9CkBtZWRpYSBzY3JlZW4gYW5kICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDIpLAogICAgICAgIHNjcmVlbiBhbmQgKG1pbi1yZXNvbHV0aW9uOiAyZHBweCksCiAgICAgICAgc2NyZWVuIGFuZCAobWluLXJlc29sdXRpb246IDE5MmRwaSkgewogIC5fMWQ4NTZxcDEgewogICAgcGFkZGluZzogY2FsYygwLjE1NjI1ICogdmFyKC0tZjhvdGg2MCkpIGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKSBjYWxjKDAuMjE4NzUgKiB2YXIoLS1mOG90aDYwKSkgY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIH0KfQ== */
.yle-header-2023 ._1d856qp0 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1 * var(--f8oth60));
  list-style-type: none;
  align-items: flex-start;
  margin-top: calc(1 * var(--f8oth60));
}
.yle-header-2023 ._1d856qp1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  border-radius: 100px;
  padding: calc(0.1875 * var(--f8oth60)) calc(0.75 * var(--f8oth60)) calc(0.1875 * var(--f8oth60)) calc(0.75 * var(--f8oth60));
  background-color: var(--yp9epa5);
  color: var(--yp9epa6);
  white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .yle-header-2023 ._1d856qp1 {
    padding: calc(0.15625 * var(--f8oth60)) calc(0.75 * var(--f8oth60)) calc(0.21875 * var(--f8oth60)) calc(0.75 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/drawer/DrawerClose.css.ts.vanilla.css?source=Lnpwc203dDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IHJvdzsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci56cHNtN3QxIHsKICBkaXNwbGF5OiBmbGV4OwogIGdhcDogY2FsYygwLjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLnpwc203dDIgewogIHdpZHRoOiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgaGVpZ2h0OiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0= */
.yle-header-2023 .zpsm7t0 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.yle-header-2023 .zpsm7t1 {
  display: flex;
  gap: calc(0.5 * var(--f8oth60));
}
.yle-header-2023 .zpsm7t2 {
  width: calc(1.25 * var(--f8oth60));
  height: calc(1.25 * var(--f8oth60));
}

/* vanilla-extract-css-ns:src/components/UserMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WW7W7bIBSG//cqkKZJyVY87ObD9f7sTiYMxzYrAQtwk2zqvU/+SGw3OIk7TUpky7xw4DmHF4Kf63TD1IqgPw8IpZS95EZXiifolZoFxsfyGUoaLb8/IMS01GbcEDYNe8FdkSBGJVtEwXaNvnSiLNau2JBlo9oJhe9TFiDywt2UpdpwMNhQLirbqcPgaUrOhS0lPSYok3CoP/yqrBPZETOtHKg6HigHpm6iUuQKCwc7239+ewg6WmFDq9RWOKFVgmhqtawceMPUT8yFAdaKmZbVTtUt+hVMJvU+QYXgHNTUokgwSeCAbUF5PQQpD80/7p4mT+mCPKLuF4TrtstEirdTKY4uUhzGkyn5jYXicEhQOMQVNbhmgCkp50LlOJWavVyH0Ed5ui+K0fvJDHtqwjpq3HBOQkmh4ITCj2HG/BGqh8Onkg+D9WhNSVEXydXNGY8orBrtjppcKCwhc9dm2ndbX3ajldNDyWYW3wuQje5MM6flfQg/iju8VS7buUV5xS4uN3IfJ27i+La6g4PDfQNIKUor7LDz8790pm3ZtIaSauf07lyLZBN5+CCrpeCj6loNt39IyOdhhLT1wY/sVubHPwp0f3HZkjLAKbg9wFwHmVdrrDK2tshSi/enApu9WXmjHXlr4MvLxaE4JeuHBj/fzuA/EUKunQbPQy5nfD7Xvwpr1mHWmc+oUCfGvdPezkIzRHeD2yCJuqRMuGOCSBAPNZknbTey1prp6dixILOxI/aD5xMG7sdf9/yxAy4osswAKEQVR4vBXWu7icvDshl0fH1BaIhlERLyuke4vqa174+jWOFyuUTfUIS+nlYc+kqwWfTbzUmFJFr9n1l5fe00q7+OqCF/7goAAA== */
.yle-header-2023 ._5b6cn40 {
  background: var(--yp9epa2);
  color: var(--yp9epa1);
  width: calc(2.75 * var(--f8oth60));
  min-width: calc(2.75 * var(--f8oth60));
  height: calc(2.75 * var(--f8oth60));
  border-radius: calc(1.375 * var(--f8oth60));
  display: flex;
  justify-content: center;
  align-items: center;
}
.yle-header-2023 ._5b6cn41 {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: calc(0.5 * var(--f8oth60));
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  background: var(--yp9epa7);
  color: var(--yp9epa2);
  width: calc(18.75 * var(--f8oth60));
  z-index: 1;
}
.yle-header-2023 ._5b6cn42 {
  display: flex;
  flex-direction: column;
  padding-block: calc(0.5 * var(--f8oth60));
}
.yle-header-2023 ._5b6cn43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  padding-inline: calc(1 * var(--f8oth60));
  padding-block: calc(0.5 * var(--f8oth60));
  line-height: 1.5;
}
.yle-header-2023 ._5b6cn43:hover {
  background: var(--yp9epa8);
}
.yle-header-2023 ._5b6cn44 {
  margin-left: calc(1 * var(--f8oth60));
}
.yle-header-2023 ._5b6cn45 {
  margin-left: auto;
}
.yle-header-2023 ._5b6cn46 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: calc(1 * var(--f8oth60));
  padding-inline: calc(1 * var(--f8oth60));
  padding-block: calc(1.5 * var(--f8oth60));
}
.yle-header-2023 ._5b6cn47 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.yle-header-2023 ._5b6cn48 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.yle-header-2023 ._5b6cn49 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.yle-header-2023 ._5b6cn4a {
  border-bottom: calc(0.0625 * var(--f8oth60)) solid var(--yp9epa4);
  width: 100%;
}
.yle-header-2023 ._5b6cn4b {
  padding-block: calc(0.5 * var(--f8oth60));
}
.yle-header-2023 ._5b6cn4c {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  padding-block: calc(0.5 * var(--f8oth60));
  padding-inline: calc(1 * var(--f8oth60));
  cursor: pointer;
}
.yle-header-2023 ._5b6cn4c:hover {
  background: var(--yp9epa8);
}
.yle-header-2023 ._5b6cn4d {
  width: calc(1.25 * var(--f8oth60));
  height: calc(1.25 * var(--f8oth60));
}
.yle-header-2023 ._5b6cn4e {
  display: flex;
  color: #000;
  background: var(--yp9epa9);
  padding: calc(0.75 * var(--f8oth60)) calc(1 * var(--f8oth60));
  border-radius: calc(0.5 * var(--f8oth60));
  margin-bottom: calc(1 * var(--f8oth60));
  margin-left: calc(1 * var(--f8oth60));
  margin-right: calc(1 * var(--f8oth60));
}
.yle-header-2023 ._5b6cn4e:hover {
  opacity: 0.8;
}
.yle-header-2023 ._5b6cn4f {
  width: calc(1.5 * var(--f8oth60));
  height: auto;
  align-self: flex-start;
}
.yle-header-2023 ._5b6cn4g {
  margin-left: calc(0.75 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  .yle-header-2023 ._5b6cn41 {
    right: calc((100vw - min(100vw, var(--f8oth61))) / 2 + calc(1.125 * var(--f8oth60)));
  }
}
@media screen and (min-width: 1024px) {
  .yle-header-2023 ._5b6cn41 {
    right: calc((100vw - min(100vw, var(--f8oth61))) / 2 + calc(1.625 * var(--f8oth60)));
  }
}

/* vanilla-extract-css-ns:src/components/Spinner.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXkxYXloeDAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5fMXkxYXloeDEgewogIGFuaW1hdGlvbjogXzF5MWF5aHgwIGxpbmVhciA3MjBtcyBpbmZpbml0ZTsKfQ== */
@keyframes _1y1ayhx0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.yle-header-2023 ._1y1ayhx1 {
  animation: _1y1ayhx0 linear 720ms infinite;
}

/* vanilla-extract-css-ns:src/components/WithLoading.css.ts.vanilla.css?source=Ll8xbmdvcHZzMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9Ci5fMW5nb3B2czIgewogIG9wYWNpdHk6IDE7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwbXMgbGluZWFyIDUwMG1zOwp9Ci5fMW5nb3B2czEgLl8xbmdvcHZzMiB7CiAgb3BhY2l0eTogMDsKfQouXzFuZ29wdnMzIHsKICBib3R0b206IDA7CiAgbGVmdDogMDsKICBvcGFjaXR5OiAwOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogMDsKICB0b3A6IDA7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSA1MDBtcyBjdWJpYy1iZXppZXIoMC40NSwwLDEsMSkgNTAwbXM7Cn0KLl8xbmdvcHZzMSAuXzFuZ29wdnMzIHsKICBvcGFjaXR5OiAxOwp9 */
.yle-header-2023 ._1ngopvs0 {
  position: relative;
}
.yle-header-2023 ._1ngopvs2 {
  opacity: 1;
  transition: opacity 0ms linear 500ms;
}
.yle-header-2023 ._1ngopvs1 ._1ngopvs2 {
  opacity: 0;
}
.yle-header-2023 ._1ngopvs3 {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 500ms cubic-bezier(0.45, 0, 1, 1) 500ms;
}
.yle-header-2023 ._1ngopvs1 ._1ngopvs3 {
  opacity: 1;
}

/* vanilla-extract-css-ns:src/components/Login.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41UwW7bMAy95yt4GeAMUSCnaZu6l/xGj7JMx1xk0ZDkNtmQfftg2UkcpG53EiE+kY+PD9ru8Vg6VaMHesGPxzyFPzMA+SMeANwoTeGYgXydAZxmAKm8T6Z98jRb9kVkBORK73eOW1tk8K5cIsSxecFGreYdXLNhd5tIY+KDilBloJXRSbp8foSfA6jccKie5DyiKqRdFb6F5ewKdMKpglo/oOVyMwUvyDdGHTMoDR66i1+tD1QehWYb0Hb90AZ0XUoZ2llBAWt/vb5IsIoSXOrlhvW+e9V6dMKjQR0ysGwxatE634nRMJ2rT4mXjsYatqIs1SoQ2+yyw7WUtY9slNboPeUGRY22FbpCvc/5kJWsWw9/4cw3y3Is2WHkzW0wZPEiWPqpYuDZUHFDT0Z6w3PBZekxXKus/m9LaXMYKfkQGb2Tp5xMtFtFRYE2NrqxZ+Bm6PWwnGoVnLKeerViXLKrYbWWtQfd5qRFjr8JXSIXciGXa7lI54tznx63GJHpb75WOgZYXLW+nyjGBm9GSi90O4oDW6MCviWD6T+bcT5Sbh37fGWPrW+bhl3w0FuSXdIbQwyM5rHE9GyWw92LCU+NXHX2ffdlbGssSIHXDtGCsgUkNVkx/ALPT5vmMJAYizde9npy2afZ6R+QDeAS4QQAAA== */
@keyframes i9ew5b1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.yle-header-2023 .i9ew5b0 {
  background: var(--yp9epa2);
  color: var(--yp9epa1);
  width: calc(1.75 * var(--f8oth60));
  height: calc(1.75 * var(--f8oth60));
  border-radius: calc(0.875 * var(--f8oth60));
  display: flex;
  justify-content: center;
  align-items: center;
}
.yle-header-2023 .i9ew5b2 {
  display: block;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  background: var(--yp9epa1);
  border: 0;
  animation: i9ew5b1 400ms;
}
.yle-header-2023 .accessible-menu-checkbox:focus ~ .i9ew5b2::before {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}
.yle-header-2023 .i9ew5b3 {
  visibility: hidden;
  opacity: 0;
  top: calc(3.25 * var(--f8oth60));
  transition:
    transform 240ms cubic-bezier(0, 0, 0.40, 1),
    opacity 240ms,
    visibility 240ms;
}
.yle-header-2023 .accessible-menu-checkbox:checked ~ .i9ew5b3 {
  visibility: visible;
  opacity: 1;
  transform: translateY(calc(1.25 * var(--f8oth60)));
}
.yle-header-2023 .i9ew5b4 {
  animation: i9ew5b1 400ms;
}
@supports selector(:focus-visible) {
  .yle-header-2023 .accessible-menu-checkbox:not(:focus-visible) ~ .i9ew5b2::before {
    outline: none;
  }
}
@media screen and (min-width: 768px) {
  .yle-header-2023 .i9ew5b3 {
    top: calc(4.25 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/BarLogin.css.ts.vanilla.css?source=Ll8xY2pid2J5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouXzFjamJ3YnkxIHsKICBoZWlnaHQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIHdpZHRoOiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICBtYXJnaW4tcmlnaHQ6IGNhbGMoMC41ICogdmFyKC0tZjhvdGg2MCkpOwp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xY2pid2J5MCB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgZ2FwOiBjYWxjKDAuNSAqIHZhcigtLWY4b3RoNjApKTsKICB9CiAgLl8xY2pid2J5MSB7CiAgICBtYXJnaW4tcmlnaHQ6IGNhbGMoMCAqIHZhcigtLWY4b3RoNjApKTsKICB9Cn0= */
.yle-header-2023 ._1cjbwby0 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  white-space: nowrap;
  color: var(--yp9epa2);
}
.yle-header-2023 ._1cjbwby1 {
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
  margin-right: calc(0.5 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  .yle-header-2023 ._1cjbwby0 {
    flex-direction: row;
    gap: calc(0.5 * var(--f8oth60));
  }
  .yle-header-2023 ._1cjbwby1 {
    margin-right: calc(0 * var(--f8oth60));
  }
}