/**
 * Yle Design System
 * v1.1.1
 */
:root .parliament-api-widget,
:host .parliament-api-widget {
  --yds-border-radius-none: 0;
  --yds-border-radius-medium: 4px;
  --yds-border-radius-large: 8px;
  --yds-border-radius-full: 400px;
}

:root .parliament-api-widget,
:host .parliament-api-widget {
  --graph-color-yes: #009CB5;
  --graph-color-no: #F26659;
  --graph-color-maybe: #CCCCCD;
  --graph-color-no-answer: #8D8E8F;
  --graph-color-empty: #CCCCCD;
  --graph-color-absent: #8D8E8F;
}

/**
 * Yle Design System
 * v1.1.1
 */
:root .parliament-api-widget.yds-theme-dark,
:host .parliament-api-widget.yds-theme-dark {
  --yds-color-background: #131415;
  --yds-color-background-variant: #1f2123;
  --yds-color-background-negative: #ffffff;
  --yds-color-background-control: rgba(255, 255, 255, 0.59);
  --yds-color-background-control-disabled: rgba(255, 255, 255, 0.21);
  --yds-color-background-dialog: #1f2123;
  --yds-color-background-dialog-overlay: rgba(0, 0, 0, 0.83);
  --yds-color-background-highlight: #0b3f4b;
  --yds-color-background-interactive: #292b2d;
  --yds-color-background-navigation: #000000;
  --yds-color-background-info-primary: #d8d9db;
  --yds-color-background-info-secondary: #292b2d;
  --yds-color-background-success: #03e592;
  --yds-color-background-error: #f5517a;
  --yds-color-background-warning: #ff9c31;
  --yds-color-background-input: #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-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-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-border: #f8f9fa;
  --yds-color-border-disabled: rgba(255, 255, 255, 0.3);
  --yds-color-border-separator: #4a4f54;
  --yds-color-border-primary-focus: #29ccde;
  --yds-color-border-secondary-focus: #f8f9fa;
  --yds-color-player-progress-bar: rgba(255, 255, 255, 0.3);
  --yds-color-player-progress-indicator: #29ccde;
  --yds-color-illustrative-icons-icon-primary: #f8f9fa;
  --yds-color-illustrative-icons-icon-secondary: #009cb5;
  --yds-color-spinner-default: #ffffff;
  --yds-color-spinner-negative: #000000;
  --yds-color-spinner-highlight-default: #29ccde;
  --yds-color-spinner-highlight-negative: #009cb5;
  --yds-color-spinner-background-default: #292b2d;
  --yds-color-spinner-background-negative: #d8d9db;
}

/**
 * Yle Design System
 * v1.1.1
 */
:root .parliament-api-widget.yds-theme-light,
:host .parliament-api-widget.yds-theme-light {
  --yds-color-background: #ffffff;
  --yds-color-background-variant: #f8f9fa;
  --yds-color-background-negative: #131415;
  --yds-color-background-control: rgba(0, 0, 0, 0.41);
  --yds-color-background-control-disabled: rgba(0, 0, 0, 0.15);
  --yds-color-background-dialog: #ffffff;
  --yds-color-background-dialog-overlay: rgba(0, 0, 0, 0.41);
  --yds-color-background-highlight: #e8e9eb;
  --yds-color-background-interactive: #f1f2f4;
  --yds-color-background-navigation: #ffffff;
  --yds-color-background-info-primary: #9fc8ee;
  --yds-color-background-info-secondary: #f1f2f4;
  --yds-color-background-success: #62f9c2;
  --yds-color-background-warning: #ffce8b;
  --yds-color-background-error: #f99fb5;
  --yds-color-background-input: #ffffff;
  --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-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-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-border: #131415;
  --yds-color-border-disabled: rgba(0, 0, 0, 0.29);
  --yds-color-border-separator: #e8e9eb;
  --yds-color-border-primary-focus: #009cb5;
  --yds-color-border-secondary-focus: #131415;
  --yds-color-player-progress-bar: rgba(255, 255, 255, 0.3);
  --yds-color-player-progress-indicator: #29ccde;
  --yds-color-illustrative-icons-icon-primary: #131415;
  --yds-color-illustrative-icons-icon-secondary: #5ddbe9;
  --yds-color-spinner-default: #000000;
  --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;
}

/**
 * Yle Design System
 * v1.1.1
 */
:root .parliament-api-widget,
:host .parliament-api-widget {
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --yds-typography-default-xl-heavy-letter-spacing: 0;
  --yds-typography-default-xl-heavy-line-height: 140%;
  --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: heavy;
  --yds-typography-default-l-heavy-letter-spacing: 0;
  --yds-typography-default-l-heavy-line-height: 140%;
  --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-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-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-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-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-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-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-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-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-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-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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --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: heavy;
  --yds-typography-yle-next-xl-heavy-letter-spacing: 0;
  --yds-typography-yle-next-xl-heavy-line-height: 140%;
  --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: heavy;
  --yds-typography-yle-next-l-heavy-letter-spacing: 0;
  --yds-typography-yle-next-l-heavy-line-height: 140%;
  --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-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-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-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-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-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-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-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-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-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;
}

.typography-l-heavy {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-l-heavy-font-family);
  font-size: var(--yds-typography-default-l-heavy-font-size);
  font-weight: var(--yds-typography-default-l-heavy-font-weight);
  line-height: var(--yds-typography-default-l-heavy-line-height);
}

.typography-m {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-m-font-family);
  font-size: var(--yds-typography-default-m-font-size);
  font-weight: var(--yds-typography-default-m-font-weight);
  line-height: var(--yds-typography-default-m-line-height);
}

.typography-m-medium {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-m-medium-font-family);
  font-size: var(--yds-typography-default-m-medium-font-size);
  font-weight: var(--yds-typography-default-m-medium-font-weight);
  line-height: var(--yds-typography-default-m-medium-line-height);
}

.typography-s {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-s-font-family);
  font-size: var(--yds-typography-default-s-font-size);
  font-weight: var(--yds-typography-default-s-font-weight);
  line-height: var(--yds-typography-default-s-line-height);
}

.typography-s-bold {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-s-bold-font-family);
  font-size: var(--yds-typography-default-s-bold-font-size);
  font-weight: var(--yds-typography-default-s-bold-font-weight);
  line-height: var(--yds-typography-default-s-bold-line-height);
}

.typography-xs {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-xs-font-family);
  font-size: var(--yds-typography-default-xs-font-size);
  font-weight: var(--yds-typography-default-xs-font-weight);
  line-height: var(--yds-typography-default-xs-line-height);
}

.typography-xs-bold {
  color: var(--yds-color-text-default);
  font-family: var(--yds-typography-default-xs-bold-font-family);
  font-size: var(--yds-typography-default-xs-bold-font-size);
  font-weight: var(--yds-typography-default-xs-bold-font-weight);
  line-height: var(--yds-typography-default-xs-bold-line-height);
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.member-survey {
  border-radius: var(--yds-border-radius-medium);
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  row-gap: 16px;
}

.question {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.answer {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.member {
  align-items: center;
  display: flex;
  column-gap: 16px;
}

.image {
  border-radius: var(--yds-border-radius-medium);
  flex: none;
  height: 55px;
  width: 36.666px;
}

.name-and-party {
  display: flex;
  flex: 1;
  flex-direction: column;
  row-gap: 4px;
}

.party {
  border-radius: var(--yds-border-radius-medium);
  display: inline-block;
  line-height: 20px;
  padding: 0 8px;
  text-decoration: none;
  width: fit-content;
}

.answer-value {
  align-items: center;
  column-gap: 8px;
  display: flex;
  flex: none;
}

.answer-marker {
  border-radius: var(--yds-border-radius-full);
  height: 16px;
  width: 16px;
}

.answer-value-yes .answer-marker {
  background-color: var(--graph-color-yes);
}

.answer-value-no .answer-marker {
  background-color: var(--graph-color-no);
}

.answer-value-maybe .answer-marker {
  background-color: var(--graph-color-maybe);
}

.answer-value-no-answer .answer-marker {
  background-color: var(--graph-color-no-answer);
}

.answer-text {
  position: relative;
  background-color: var(--yds-color-background-variant);
  border-radius: var(--yds-border-radius-medium);
  padding: 16px;
}
.answer-text:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 12px;
  width: 8px;
  height: 8px;
  rotate: 45deg;
  background-color: var(--yds-color-background-variant);
}

.distribution-description {
  border-top: 1px solid var(--yds-color-border-separator);
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
  padding-top: 24px;
}

.distribution {
  display: grid;
  grid-template-columns: max-content repeat(5, 1fr);
}

.distribution-grid {
  border-left: 1px solid var(--yds-color-border-separator);
}

.distribution-grid:nth-child(-n+6) {
  border-top: 1px solid var(--yds-color-border-separator);
}

.distribution-grid:nth-last-child(-n+12) {
  border-bottom: 1px solid var(--yds-color-border-separator);
}

.distribution-grid:nth-child(7n+2) {
  grid-column: 2/3;
}

.distribution-grid:nth-child(7n+3) {
  grid-column: 3/4;
}

.distribution-grid:nth-child(7n+4) {
  grid-column: 4/5;
}

.distribution-grid:nth-child(7n+5) {
  grid-column: 5/6;
}

.distribution-grid:nth-child(7n+6) {
  border-right: 1px solid var(--yds-color-border-separator);
  grid-column: 6/7;
}

.distribution-bucket {
  align-items: stretch;
  display: flex;
  grid-column: 2/7;
  min-height: 24px;
  padding: 4px 0;
}

.distribution-bucket:nth-child(-n+7) {
  padding-top: 10px;
}

.distribution-bucket:nth-last-child(-n+13) {
  padding-bottom: 10px;
}

.distribution-bar {
  flex: none;
}

.distribution-bar-yes {
  background-color: var(--graph-color-yes);
}

.distribution-bar-maybe {
  background-color: var(--graph-color-maybe);
}

.distribution-bar-no {
  background-color: var(--graph-color-no);
}

.distribution-bar-no-answer {
  background-color: var(--graph-color-no-answer);
}

.distribution-label {
  align-items: center;
  display: flex;
  grid-column: 1/2;
  padding-right: 14px;
  text-align: end;
  justify-self: flex-end;
}

.distribution-tick {
  display: flex;
  justify-content: center;
  padding-top: 6px;
}

.distribution-tick:nth-last-child(6) {
  grid-column: 2/3;
  justify-content: flex-start;
}

.distribution-tick:nth-last-child(5) {
  grid-column: 2/4;
}

.distribution-tick:nth-last-child(4) {
  grid-column: 3/5;
}

.distribution-tick:nth-last-child(3) {
  grid-column: 4/6;
}

.distribution-tick:nth-last-child(2) {
  grid-column: 5/7;
}

.distribution-tick:nth-last-child(1) {
  grid-column: 6/7;
  justify-content: flex-end;
}

.distribution-legend {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

.distribution-legend-label {
  align-items: center;
  display: flex;
  column-gap: 4px;
}

.legend-marker {
  border-radius: var(--yds-border-radius-full);
  height: 12px;
  width: 12px;
}

.legend-marker-yes {
  background-color: var(--graph-color-yes);
}

.legend-marker-maybe {
  background-color: var(--graph-color-maybe);
}

.legend-marker-no {
  background-color: var(--graph-color-no);
}

.legend-marker-no-answer {
  background-color: var(--graph-color-no-answer);
}

.distribution-source {
  align-items: center;
  column-gap: 8px;
  display: flex;
}
.distribution-source > svg {
  flex: none;
}

/*# sourceMappingURL=memberSurvey.css.map */