/* DO NOT EDIT THIS AUTOMATICALLY GENERATED FILE */
    
.theme-vi {
    --theme: 'vi';

    /* block "base" */
    --border-radius-large: 8px;
    --border-radius-medium: 4px;
    --border-radius-none: 0;
    --border-radius-round: 50px;
    --border-radius-small: 2px;
    --border-width-large: 3px;
    --border-width-medium: 1.5px;
    --border-width-none: 0;
    --border-width-small: 1px;
    --border-width-xlarge: 4px;
    --color-alert-error-100: rgb(252, 230, 234);
    --color-alert-error-500: rgb(223, 0, 45);
    --color-alert-error-600: rgb(167, 0, 34);
    --color-alert-success-100: rgb(238, 251, 234);
    --color-alert-success-500: rgb(46, 116, 23);
    --color-alert-success-600: rgb(27, 69, 14);
    --color-alert-warning-100: rgb(255, 245, 233);
    --color-alert-warning-500: rgb(253, 159, 36);
    --color-alert-warning-600: rgb(231, 132, 2);
    --color-greyscale-100: rgb(230, 230, 230);
    --color-greyscale-200: rgb(204, 204, 204);
    --color-greyscale-300: rgb(179, 179, 179);
    --color-greyscale-400: rgb(153, 153, 153);
    --color-greyscale-50: rgb(243, 243, 243);
    --color-greyscale-500: rgb(136, 136, 136);
    --color-greyscale-550: rgb(128, 128, 128);
    --color-greyscale-600: rgb(111, 111, 111);
    --color-greyscale-650: rgb(94, 94, 94);
    --color-greyscale-700: rgb(77, 77, 77);
    --color-greyscale-750: rgb(64, 64, 64);
    --color-greyscale-800: rgb(51, 51, 51);
    --color-greyscale-850: rgb(39, 39, 39);
    --color-greyscale-900: rgb(26, 26, 26);
    --color-greyscale-950: rgb(13, 13, 13);
    --color-greyscale-black: rgb(0, 0, 0);
    --color-greyscale-black-alpha-0: rgba(0, 0, 0, 0);
    --color-greyscale-black-alpha-10: rgba(0, 0, 0, 0.1);
    --color-greyscale-black-alpha-25: rgba(0, 0, 0, 0.25);
    --color-greyscale-black-alpha-50: rgba(0, 0, 0, 0.5);
    --color-greyscale-black-alpha-75: rgba(0, 0, 0, 0.75);
    --color-greyscale-transparent: rgba(0, 0, 0, 0);
    --color-greyscale-white: rgb(255, 255, 255);
    --color-greyscale-white-alpha-0: rgba(255, 255, 255, 0);
    --color-greyscale-white-alpha-10: rgba(255, 255, 255, 0.1);
    --color-greyscale-white-alpha-25: rgba(255, 255, 255, 0.25);
    --color-greyscale-white-alpha-50: rgba(255, 255, 255, 0.5);
    --color-greyscale-white-alpha-75: rgba(255, 255, 255, 0.75);
    --color-social-facebook: rgb(24, 119, 242);
    --color-social-instagram: rgb(225, 48, 108);
    --color-social-mail: rgb(30, 136, 229);
    --color-social-rss: rgb(242, 101, 34);
    --color-social-strava: rgb(252, 82, 1);
    --color-social-tiktok-aqua: rgb(0, 242, 234);
    --color-social-tiktok-pink: rgb(255, 0, 80);
    --color-social-whatsapp: rgb(37, 211, 102);
    --color-social-x: rgb(0, 0, 0);
    --color-social-youtube: rgb(255, 0, 0);
    --spacing-large: 24px;
    --spacing-medium: 16px;
    --spacing-none: 0;
    --spacing-small: 8px;
    --spacing-standard: 12px;
    --spacing-xlarge: 40px;
    --spacing-xsmall: 4px;

    /* block "brand-VI" */
    --color-betting-betcity-cyan-500: rgb(0, 244, 255);
    --color-betting-betcity-dark-blue-500: rgb(6, 3, 34);
    --color-betting-betcity-light-blue-500: rgb(25, 44, 79);
    --color-betting-green-400: rgb(0, 174, 52);
    --color-betting-green-500: rgb(0, 133, 40);
    --color-betting-green-600: rgb(0, 77, 23);
    --color-blue-400: rgb(10, 183, 255);
    --color-blue-500: rgb(0, 158, 224);
    --color-blue-500-alpha-20: rgba(0, 158, 224, 0.2);
    --color-blue-600: rgb(0, 118, 168);
    --color-dark-blue-300: rgb(62, 75, 92);
    --color-dark-blue-400: rgb(45, 55, 67);
    --color-dark-blue-500: rgb(29, 35, 43);
    --color-dark-blue-600: rgb(6, 8, 9);
    --color-green-400: rgb(112, 201, 83);
    --color-green-500: rgb(89, 186, 58);
    --color-green-600: rgb(69, 143, 45);
    --color-match-colors-green: rgb(90, 186, 58);
    --color-match-colors-green-darker: rgb(85, 177, 55);
    --color-match-colors-red: rgb(216, 22, 56);
    --color-premium-500: rgb(0, 0, 0);
    --color-red-400: rgb(238, 46, 53);
    --color-red-500: rgb(226, 18, 25);
    --color-red-600: rgb(174, 14, 19);

    /* block "alias" */
    --color-background-auth-container-background-color: var(--color-background-inverted);
    --color-background-darkest: var(--color-greyscale-850);
    --color-background-default: var(--color-greyscale-white);
    --color-background-default-dark: var(--color-greyscale-900);
    --color-background-error: var(--color-alert-error-100);
    --color-background-inverted: var(--color-greyscale-950);
    --color-background-inverted-high: var(--color-greyscale-black);
    --color-background-inverted-low: var(--color-greyscale-800);
    --color-background-row-even: var(--color-greyscale-100);
    --color-background-row-uneven: var(--color-greyscale-50);
    --color-background-section: var(--color-greyscale-50);
    --color-background-success: var(--color-alert-success-100);
    --color-background-warning: var(--color-alert-warning-100);
    --color-betting: var(--color-betting-green-500);
    --color-betting-betcity: var(--color-betting-betcity-dark-blue-500);
    --color-betting-betcity-accent: var(--color-betting-betcity-cyan-500);
    --color-betting-betcity-light: var(--color-betting-betcity-light-blue-500);
    --color-betting-darker: var(--color-betting-green-600);
    --color-betting-lighter: var(--color-betting-green-400);
    --color-border: var(--color-greyscale-100);
    --color-breaking: var(--color-red-500);
    --color-breaking-darker: var(--color-red-600);
    --color-breaking-lighter: var(--color-red-400);
    --color-media: var(--color-primary);
    --color-media-darker: var(--color-primary-darker);
    --color-media-lighter: var(--color-primary-lighter);
    --color-national-team-primary: rgb(235, 92, 24);
    --color-national-team-secondary: rgb(174, 64, 11);
    --color-premium: var(--color-premium-500);
    --color-primary: var(--color-blue-500);
    --color-primary-darker: var(--color-blue-600);
    --color-primary-lighter: var(--color-blue-400);
    --color-secondary: var(--color-red-500);
    --color-secondary-darker: var(--color-red-600);
    --color-secondary-lighter: var(--color-red-400);
    --color-social-tiktok: var(--color-social-tiktok-pink);
    --color-tertiary: var(--color-primary);
    --color-tertiary-darker: var(--color-primary-darker);
    --color-tertiary-lighter: var(--color-primary-lighter);
    --color-text-default: var(--color-greyscale-900);
    --color-text-error: var(--color-alert-error-500);
    --color-text-heading: var(--color-text-default);
    --color-text-link-color: var(--color-primary);
    --color-text-link-color-dark: var(--color-primary);
    --color-text-link-text-decoration-color: var(--color-primary);
    --color-text-link-text-decoration-color-dark: var(--color-primary);
    --color-text-on-betting: var(--color-greyscale-white);
    --color-text-on-betting-darker: var(--color-greyscale-white);
    --color-text-on-betting-lighter: var(--color-greyscale-900);
    --color-text-on-breaking: var(--color-greyscale-white);
    --color-text-on-breaking-darker: var(--color-greyscale-white);
    --color-text-on-breaking-lighter: var(--color-greyscale-900);
    --color-text-on-darkest: var(--color-greyscale-white);
    --color-text-on-error: var(--color-alert-error-500);
    --color-text-on-even: var(--color-text-default);
    --color-text-on-inverted: var(--color-greyscale-white);
    --color-text-on-media: var(--color-greyscale-white);
    --color-text-on-media-darker: var(--color-greyscale-white);
    --color-text-on-media-lighter: var(--color-greyscale-900);
    --color-text-on-premium: var(--color-greyscale-white);
    --color-text-on-premium-low: var(--color-greyscale-300);
    --color-text-on-premium-lower: var(--color-greyscale-500);
    --color-text-on-primary: var(--color-greyscale-white);
    --color-text-on-primary-darker: var(--color-greyscale-white);
    --color-text-on-primary-lighter: var(--color-greyscale-900);
    --color-text-on-secondary: var(--color-greyscale-white);
    --color-text-on-secondary-darker: var(--color-greyscale-white);
    --color-text-on-secondary-lighter: var(--color-greyscale-900);
    --color-text-on-section: var(--color-greyscale-900);
    --color-text-on-success: var(--color-alert-success-500);
    --color-text-on-tertiary: var(--color-text-on-primary);
    --color-text-on-tertiary-darker: var(--color-text-on-primary-darker);
    --color-text-on-tertiary-lighter: var(--color-text-on-primary-lighter);
    --color-text-on-uneven: var(--color-text-default);
    --color-text-on-warning: var(--color-alert-warning-500);
    --color-text-pro-heading-color: var(--color-primary);
    --color-text-success: var(--color-alert-success-500);
    --color-text-warning: var(--color-alert-warning-500);
    --comp-article-block-highlighted-tag-block-background-color: var(--color-background-section);
    --comp-article-block-highlighted-tag-block-background-color-dark: var(--color-background-section);
    --comp-article-block-highlighted-tag-block-button-link-color: var(--color-primary);
    --comp-article-block-highlighted-tag-block-button-link-color-dark: var(--color-primary);
    --comp-article-block-highlighted-tag-block-color: var(--color-text-on-section);
    --comp-article-block-highlighted-tag-block-color-dark: var(--color-text-on-section);
    --comp-article-block-listacle-item-number-background-color: var(--color-primary);
    --comp-article-block-listacle-item-number-color: var(--color-text-on-primary);
    --comp-article-block-quiz-wk-styling-color: var(--color-greyscale-white);
    --comp-article-block-quiz-wk-styling-gradient-color-1: rgb(235, 92, 24);
    --comp-article-block-quiz-wk-styling-gradient-color-2: rgb(174, 64, 11);
    --comp-article-block-quote-decoration-background-color: var(--color-primary);
    --comp-article-block-recipe-block-link-text-decoration-color: var(--color-primary);
    --comp-article-block-recipe-block-title-color: var(--color-primary);
    --comp-article-block-streamer-decoration-background-color: var(--color-primary);
    --comp-article-block-streamer-decoration-background-color-dark: var(--color-primary);
    --comp-article-block-table-background-color: var(--color-background-section);
    --comp-article-block-table-background-gradient-angle: 0deg;
    --comp-article-block-table-background-gradient-color-1: var(--color-greyscale-white-alpha-75);
    --comp-article-block-table-background-gradient-color-2: var(--color-greyscale-white-alpha-0);
    --comp-article-block-table-of-contents-hover-background-color: var(--color-primary);
    --comp-article-block-table-of-contents-hover-color: var(--color-text-on-primary);
    --comp-article-block-table-of-contents-title-background-color: var(--color-greyscale-200);
    --comp-article-block-table-of-contents-title-background-color-dark: var(--color-greyscale-850);
    --comp-article-block-table-of-contents-title-color: var(--color-primary-darker);
    --comp-article-block-table-of-contents-title-color-dark: var(--color-primary-lighter);
    --comp-article-block-table-title-color: var(--color-primary);
    --comp-article-footer-title-color: var(--color-greyscale-600);
    --comp-article-footer-title-text-decoration: none;
    --comp-author-intro-background-color: var(--color-background-section);
    --comp-author-intro-background-color-dark: var(--color-background-darkest);
    --comp-author-intro-color: var(--color-text-on-section);
    --comp-author-intro-color-dark: var(--color-text-on-darkest);
    --comp-author-intro-divider-background-color: var(--color-primary);
    --comp-author-intro-link-color: var(--color-primary);
    --comp-button-border-radius: var(--border-radius-round);
    --comp-button-filled-inverted-background-color: var(--color-greyscale-black);
    --comp-button-filled-inverted-color: var(--color-greyscale-white);
    --comp-button-filled-inverted-hover-background-color: var(--color-greyscale-900);
    --comp-button-filled-inverted-hover-background-color-dark: var(--color-greyscale-700);
    --comp-button-filled-inverted-hover-color: var(--color-greyscale-white);
    --comp-button-filled-inverted-hover-color-dark: var(--color-greyscale-white);
    --comp-button-filled-premium-background-color: var(--color-premium);
    --comp-button-filled-premium-color: var(--color-text-on-premium);
    --comp-button-filled-premium-hover-background-color: var(--color-greyscale-900);
    --comp-button-filled-premium-hover-color: var(--color-text-on-premium);
    --comp-button-filled-primary-background-color: var(--color-primary);
    --comp-button-filled-primary-color: var(--color-text-on-primary);
    --comp-button-filled-primary-hover-background-color: var(--color-primary-darker);
    --comp-button-filled-primary-hover-background-color-dark: var(--color-primary-lighter);
    --comp-button-filled-primary-hover-color: var(--color-text-on-primary-darker);
    --comp-button-filled-primary-hover-color-dark: var(--color-text-on-primary-lighter);
    --comp-button-filled-primary-low-background-color: var(--color-primary-lighter);
    --comp-button-filled-primary-low-color: var(--color-text-on-primary-lighter);
    --comp-button-filled-primary-low-hover-background-color: var(--color-primary-darker);
    --comp-button-filled-primary-low-hover-color: var(--color-text-on-primary-darker);
    --comp-button-filled-white-background-color: var(--color-greyscale-white);
    --comp-button-filled-white-color: var(--color-greyscale-black);
    --comp-button-filled-white-hover-background-color: var(--color-greyscale-white);
    --comp-button-filled-white-hover-color: var(--color-primary);
    --comp-button-outlined-inverted-border-color: var(--color-greyscale-black);
    --comp-button-outlined-inverted-border-color-dark: var(--color-greyscale-white);
    --comp-button-outlined-inverted-color: var(--color-greyscale-black);
    --comp-button-outlined-inverted-color-dark: var(--color-greyscale-white);
    --comp-button-outlined-inverted-hover-border-color: var(--color-greyscale-700);
    --comp-button-outlined-inverted-hover-border-color-dark: var(--color-greyscale-50);
    --comp-button-outlined-inverted-hover-color: var(--color-greyscale-700);
    --comp-button-outlined-inverted-hover-color-dark: var(--color-greyscale-50);
    --comp-button-outlined-inverted-hover-text-decoration: underline;
    --comp-button-outlined-primary-border-color: var(--color-primary);
    --comp-button-outlined-primary-border-color-dark: var(--color-primary);
    --comp-button-outlined-primary-color: var(--color-primary);
    --comp-button-outlined-primary-color-dark: var(--color-primary);
    --comp-button-outlined-primary-hover-border-color: var(--color-primary-darker);
    --comp-button-outlined-primary-hover-border-color-dark: var(--color-primary-lighter);
    --comp-button-outlined-primary-hover-color: var(--color-primary-darker);
    --comp-button-outlined-primary-hover-color-dark: var(--color-primary-lighter);
    --comp-button-outlined-white-border-color: var(--color-greyscale-white);
    --comp-button-outlined-white-color: var(--color-greyscale-white);
    --comp-button-outlined-white-hover-border-color: var(--color-greyscale-50);
    --comp-button-outlined-white-hover-color: var(--color-greyscale-50);
    --comp-button-outlined-white-hover-text-decoration: underline;
    --comp-button-text-default-low-hover-text-decoration: underline;
    --comp-button-text-inverted-hover-text-decoration: underline;
    --comp-button-text-primary-color: var(--color-primary);
    --comp-button-text-primary-color-dark: var(--color-primary);
    --comp-button-text-primary-hover-color: var(--color-primary-darker);
    --comp-button-text-primary-hover-color-dark: var(--color-primary-lighter);
    --comp-button-text-primary-hover-text-decoration: underline;
    --comp-button-text-white-hover-text-decoration: underline;
    --comp-comment-background-gradient-angle: 0deg;
    --comp-comment-background-gradient-color-1: var(--color-greyscale-50);
    --comp-comment-background-gradient-color-2: var(--color-gradient-greyscale-alpha-0);
    --comp-comment-header-dropdown-active-color: var(--color-primary);
    --comp-comment-header-dropdown-active-color-dark: var(--color-primary);
    --comp-comment-header-dropdown-color: var(--color-text-default);
    --comp-comment-sort-by-color: var(--color-primary);
    --comp-comment-sort-by-drop-down-color: var(--color-text-default);
    --comp-comment-sort-by-drop-down-hover-color: var(--color-primary-darker);
    --comp-comment-user-is-author-background-color: var(--color-blue-500-alpha-20);
    --comp-comment-user-is-author-background-color-dark: var(--color-blue-500-alpha-20);
    --comp-dark-mode-settings-caption-color: var(--color-text-default-lower);
    --comp-dark-mode-settings-color: var(--comp-navigation-main-menu-color);
    --comp-dark-mode-settings-color-dark: var(--comp-navigation-main-menu-color-dark);
    --comp-dark-mode-settings-radio-button-border-color: var(--color-text-default-lower);
    --comp-dark-mode-settings-radio-button-border-color-dark: var(--color-greyscale-white);
    --comp-dark-mode-settings-radio-button-dot-color: var(--color-primary);
    --comp-dark-mode-settings-radio-button-dot-color-dark: var(--color-primary-lighter);
    --comp-datepicker-date-active-background-color: var(--color-primary);
    --comp-datepicker-date-active-color: var(--color-text-on-primary);
    --comp-datepicker-date-hover-background-color: var(--color-primary);
    --comp-datepicker-date-hover-color: var(--color-text-on-primary);
    --comp-datepicker-link-current-date-color: var(--color-primary);
    --comp-featured-carrousel-background: var(--color-background-default);
    --comp-featured-carrousel-background-dark: var(--color-background-default-dark);
    --comp-featured-carrousel-padding-bottom: var(--spacing-large);
    --comp-featured-carrousel-padding-top: var(--spacing-large);
    --comp-footer-bottom-background-color: var(--color-greyscale-50);
    --comp-footer-bottom-color: var(--color-greyscale-550);
    --comp-footer-top-background-color: var(--color-background-default);
    --comp-footer-top-background-color-dark: var(--color-greyscale-900);
    --comp-footer-top-border-top-color: var(--color-greyscale-100);
    --comp-footer-top-border-top-color-dark: var(--color-greyscale-black);
    --comp-footer-top-color: var(--color-text-default);
    --comp-footer-top-color-dark: var(--color-greyscale-white);
    --comp-footer-top-heading-color: var(--color-primary);
    --comp-footer-top-heading-font-size: var(--typography-caption-medium-font-size);
    --comp-footer-top-heading-letter-spacing: var(--typography-heading-xsmall-letter-spacing);
    --comp-footer-top-heading-line-height: var(--typography-caption-medium-line-height);
    --comp-footer-top-heading-text-decoration: none;
    --comp-footer-top-link-hover-color: var(--color-primary);
    --comp-footer-top-link-hover-text-decoration-color: var(--color-greyscale-transparent);
    --comp-form-field-tag-background-color: var(--color-primary);
    --comp-form-field-tag-color: var(--color-text-on-primary);
    --comp-intro-block-category-background-color: var(--color-background-darkest);
    --comp-intro-block-category-background-color-dark: var(--color-background-darkest);
    --comp-intro-block-category-color: var(--color-text-on-darkest);
    --comp-intro-block-category-color-dark: var(--color-text-on-darkest);
    --comp-intro-block-category-description-padding-bottom: var(--spacing-standard);
    --comp-intro-block-category-description-padding-left: var(--spacing-standard);
    --comp-intro-block-category-description-padding-right: var(--spacing-standard);
    --comp-intro-block-category-description-padding-top: var(--spacing-standard);
    --comp-intro-block-category-link-color: var(--color-text-link-color);
    --comp-intro-block-category-link-decoration-color: var(--color-text-link-text-decoration-color);
    --comp-intro-block-category-size-line-between: 1px;
    --comp-intro-block-category-space-below-sponsored: var(--spacing-none);
    --comp-intro-block-category-space-between-sponsored: var(--spacing-none);
    --comp-intro-block-category-title-padding-bottom: var(--spacing-large);
    --comp-intro-block-category-title-padding-left: var(--spacing-standard);
    --comp-intro-block-category-title-padding-right: var(--spacing-standard);
    --comp-intro-block-category-title-padding-top: var(--spacing-large);
    --comp-intro-block-page-background-color: var(--color-greyscale-transparent);
    --comp-intro-block-page-background-color-dark: var(--color-greyscale-transparent);
    --comp-intro-block-page-color: var(--color-text-default);
    --comp-intro-block-page-color-dark: var(--color-greyscale-white);
    --comp-intro-block-page-description-padding-bottom: var(--spacing-standard);
    --comp-intro-block-page-description-padding-left: var(--spacing-standard);
    --comp-intro-block-page-description-padding-right: var(--spacing-standard);
    --comp-intro-block-page-description-padding-top: var(--spacing-standard);
    --comp-intro-block-page-link-color: var(--color-text-link-color);
    --comp-intro-block-page-link-decoration-color: var(--color-text-link-text-decoration-color);
    --comp-intro-block-page-title-padding-bottom: var(--spacing-none);
    --comp-intro-block-page-title-padding-left: var(--spacing-standard);
    --comp-intro-block-page-title-padding-right: var(--spacing-standard);
    --comp-intro-block-page-title-padding-top: var(--spacing-xsmall);
    --comp-list-item-active-background-color: var(--color-primary);
    --comp-list-item-active-color: var(--color-text-on-primary);
    --comp-list-item-hover-background-color: var(--color-primary-darker);
    --comp-list-item-hover-color: var(--color-text-on-primary-darker);
    --comp-navigation-expanded-menu-background-color: var(--comp-navigation-main-menu-background-color);
    --comp-navigation-expanded-menu-color: var(--color-greyscale-600);
    --comp-navigation-expanded-menu-link-active-color: var(--color-text-default);
    --comp-navigation-expanded-menu-link-active-color-dark: var(--color-greyscale-white);
    --comp-navigation-expanded-menu-link-active-text-decoration-color: var(--color-primary);
    --comp-navigation-expanded-menu-link-hover-color: var(--color-text-default);
    --comp-navigation-expanded-menu-link-hover-color-dark: var(--color-greyscale-white);
    --comp-navigation-main-menu-background-color: var(--color-background-default);
    --comp-navigation-main-menu-background-color-dark: var(--color-greyscale-900);
    --comp-navigation-main-menu-background-gradient-angle: 0;
    --comp-navigation-main-menu-background-gradient-color-1: var(--color-greyscale-transparent);
    --comp-navigation-main-menu-background-gradient-color-2: var(--color-greyscale-transparent);
    --comp-navigation-main-menu-color: var(--color-text-default);
    --comp-navigation-main-menu-color-dark: var(--color-text-default);
    --comp-navigation-main-menu-link-active-color: var(--comp-navigation-main-menu-color);
    --comp-navigation-main-menu-link-active-color-dark: var(--comp-navigation-main-menu-color);
    --comp-navigation-main-menu-link-active-text-decoration-color: var(--color-primary);
    --comp-navigation-main-menu-link-active-text-decoration-color-dark: var(--color-primary);
    --comp-navigation-main-menu-link-hover-color: var(--comp-navigation-main-menu-color);
    --comp-navigation-main-menu-link-hover-color-dark: var(--comp-navigation-main-menu-color);
    --comp-navigation-main-menu-text-button-badge-background-color: var(--color-primary);
    --comp-navigation-main-menu-text-button-badge-color: var(--color-text-on-primary);
    --comp-navigation-sub-menu-background-color-dark: var(--color-greyscale-900);
    --comp-navigation-sub-menu-link-active-color: var(--color-primary);
    --comp-navigation-sub-menu-link-active-text-decoration-color: var(--color-primary);
    --comp-navigation-sub-menu-link-active-text-decoration-color-dark: var(--color-primary);
    --comp-navigation-sub-menu-link-hover-color: var(--color-primary);
    --comp-newslist-arrow-icon-right-color: var(--color-primary);
    --comp-newslist-background-color: var(--color-background-section);
    --comp-newslist-border-color: var(--color-border);
    --comp-newslist-color: var(--color-text-default);
    --comp-newslist-dark-arrow-icon-right-color: var(--color-primary);
    --comp-newslist-featured-dark-left-border-color: var(--color-primary);
    --comp-newslist-featured-left-border-color: var(--color-primary);
    --comp-newslist-featured-left-border-width: 3px;
    --comp-newslist-heading-color: var(--color-text-default);
    --comp-newslist-heading-text-transform: none;
    --comp-newslist-image-border-radius: var(--border-radius-none);
    --comp-newslist-multibrand-newslist-dark-left-border-color: var(--color-primary);
    --comp-newslist-multibrand-newslist-left-border-color: var(--color-primary);
    --comp-newslist-multibrand-newslist-left-border-width: 3px;
    --comp-newslist-related-dark-left-border-color: var(--color-primary);
    --comp-newslist-related-left-border-color: var(--color-primary);
    --comp-newslist-related-left-border-width: 3px;
    --comp-newslist-related-shadow-color: var(--color-greyscale-black-alpha-10);
    --comp-newslist-related-shadow-width: 2px;
    --comp-newslist-toggle-selected-color: var(--color-primary);
    --comp-newslist-toggle-selected-color-dark: var(--color-primary);
    --comp-newslist-ugc-card-background-color: var(--color-greyscale-transparent);
    --comp-newslist-ugc-card-background-color-dark: var(--color-greyscale-transparent);
    --comp-newslist-ugc-card-color: var(--color-text-default);
    --comp-newslist-ugc-card-color-dark: var(--color-text-default);
    --comp-newslist-ugc-card-color-lower: var(--color-text-default-low);
    --comp-newslist-ugc-card-custom-tag-background-color: var(--comp-tag-media-background-color);
    --comp-newslist-ugc-card-custom-tag-color: var(--comp-tag-media-color);
    --comp-newslist-visited-color: var(--color-text-default-low);
    --comp-odds-betcity-background-color: var(--color-betting-betcity);
    --comp-odds-betcity-odds-key-background-color: var(--color-betting-betcity);
    --comp-odds-betcity-odds-key-border-color: var(--color-betting-betcity-accent);
    --comp-odds-betcity-odds-key-border-width: 1px;
    --comp-odds-betcity-odds-key-color: var(--color-greyscale-white);
    --comp-odds-betcity-odds-value-background-color: var(--color-betting-betcity-light);
    --comp-odds-betcity-odds-value-color: var(--color-greyscale-white);
    --comp-odds-odds-key-background-color: var(--color-betting-darker);
    --comp-odds-odds-key-border-width: 0;
    --comp-odds-odds-key-color: var(--color-text-on-betting-darker);
    --comp-odds-odds-value-background-color: var(--color-betting);
    --comp-odds-odds-value-color: var(--color-text-on-betting);
    --comp-poll-background-color: var(--color-background-section);
    --comp-poll-color: var(--color-text-on-section);
    --comp-poll-percentage-bar-indicator-background-color: var(--color-greyscale-550);
    --comp-poll-percentage-bar-track-background-color: var(--color-greyscale-200);
    --comp-poll-percentage-bar-winner-indicator-background-color: var(--color-primary);
    --comp-poll-prediction-background-color: var(--color-background-section);
    --comp-poll-prediction-clubrow-color: var(--color-text-default);
    --comp-poll-prediction-matchinfo-date-color: var(--color-text-default-lower);
    --comp-poll-prediction-matchinfo-status-color: var(--color-text-default);
    --comp-poll-prediction-phaseheader-group-color: var(--color-text-default-lower);
    --comp-poll-prediction-phaseheader-phase-color: var(--color-text-default-low);
    --comp-poll-prediction-wk-styling-background-color: var(--color-greyscale-200);
    --comp-poll-prediction-wk-styling-background-color-dark: var(--color-greyscale-700);
    --comp-poll-results-text-color: var(--color-greyscale-600);
    --comp-poll-title-color: var(--color-primary);
    --comp-poll-votes-color: var(--color-greyscale-600);
    --comp-poll-winner-text-color: var(--color-primary);
    --comp-seo-textblock-background-color: var(--color-background-section);
    --comp-seo-textblock-overlay-background-gradient-color-1: var(--color-gradient-greyscale-alpha-0);
    --comp-seo-textblock-overlay-background-gradient-color-2: var(--color-background-section);
    --comp-sidebar-heading-color: var(--color-text-default);
    --comp-sidebar-image-border-radius: 0;
    --comp-sidebar-text-transform: none;
    --comp-social-button-border-radius: var(--border-radius-round);
    --comp-social-button-branded-on-dark-background-color: var(--color-greyscale-700);
    --comp-social-button-branded-on-dark-border-color: var(--color-greyscale-transparent);
    --comp-social-button-branded-on-dark-border-width: var(--border-width-none);
    --comp-social-button-branded-on-dark-color: var(--color-greyscale-400);
    --comp-social-button-branded-on-dark-hover-background-color: var(--color-greyscale-black);
    --comp-social-button-branded-on-dark-hover-border-color: var(--color-greyscale-transparent);
    --comp-social-button-branded-on-dark-hover-color: var(--color-greyscale-white);
    --comp-social-button-branded-on-light-background-color: var(--color-greyscale-100);
    --comp-social-button-branded-on-light-border-color: var(--color-greyscale-transparent);
    --comp-social-button-branded-on-light-border-width: var(--border-width-none);
    --comp-social-button-branded-on-light-color: var(--color-greyscale-400);
    --comp-social-button-branded-on-light-hover-background-color: var(--color-greyscale-200);
    --comp-social-button-branded-on-light-hover-border-color: var(--color-greyscale-transparent);
    --comp-social-button-branded-on-light-hover-color: var(--color-greyscale-700);
    --comp-social-button-neutral-background-color: var(--color-greyscale-50);
    --comp-social-button-neutral-border-color: var(--color-greyscale-transparent);
    --comp-social-button-neutral-border-width: var(--border-width-none);
    --comp-social-button-neutral-color: var(--color-greyscale-400);
    --comp-subscription-price-color: var(--color-primary);
    --comp-subscription-price-color-dark: var(--color-primary);
    --comp-subscription-proposition-description-color: var(--color-primary);
    --comp-subscription-proposition-description-color-dark: var(--color-primary);
    --comp-subscription-proposition-usp-color: var(--color-primary);
    --comp-subscription-proposition-usp-color-dark: var(--color-primary);
    --comp-tabs-default-background-color: var(--color-greyscale-transparent);
    --comp-tabs-default-background-color-dark: var(--color-greyscale-transparent);
    --comp-tabs-default-color: var(--color-text-default-lower);
    --comp-tabs-default-color-dark: var(--color-text-default-lower);
    --comp-tabs-default-underlined-active-border-bottom-color: var(--color-primary);
    --comp-tabs-default-underlined-active-color: var(--color-text-default);
    --comp-tabs-default-underlined-active-color-dark: var(--color-text-default);
    --comp-tabs-intro-block-underlined-active-border-bottom-color: var(--color-primary);
    --comp-tabs-intro-block-underlined-active-border-bottom-color-dark: var(--color-primary);
    --comp-tabs-intro-block-underlined-active-color: var(--color-primary);
    --comp-tabs-intro-block-underlined-active-color-dark: var(--color-greyscale-white);
    --comp-tabs-intro-block-underlined-background-color-dark: var(--color-primary);
    --comp-tabs-intro-block-underlined-color-dark: var(--color-text-default);
    --comp-tabs-text-transform: none;
    --comp-tag-advertorial-background-color: var(--color-greyscale-200);
    --comp-tag-advertorial-border-color: var(--color-greyscale-transparent);
    --comp-tag-advertorial-border-width: 0;
    --comp-tag-advertorial-color: var(--color-greyscale-900);
    --comp-tag-button-background-color: var(--color-greyscale-100);
    --comp-tag-button-background-color-dark: var(--color-greyscale-800);
    --comp-tag-button-border-radius: var(--border-radius-round);
    --comp-tag-button-color: var(--color-greyscale-550);
    --comp-tag-button-color-dark: var(--color-greyscale-white);
    --comp-tag-button-hover-background-color: var(--color-greyscale-400);
    --comp-tag-button-hover-background-color-dark: var(--color-greyscale-600);
    --comp-tag-button-hover-color: var(--color-greyscale-white);
    --comp-tag-button-hover-color-dark: var(--color-greyscale-white);
    --comp-tag-counter-background-color: var(--color-greyscale-black);
    --comp-tag-counter-border-color: var(--color-greyscale-transparent);
    --comp-tag-counter-border-radius: var(--theme-border-border-radius);
    --comp-tag-counter-border-width: 0;
    --comp-tag-counter-color: var(--color-greyscale-white);
    --comp-tag-default-background-color: var(--color-greyscale-transparent);
    --comp-tag-default-background-color-dark: var(--color-greyscale-transparent);
    --comp-tag-default-border-color: var(--color-greyscale-black);
    --comp-tag-default-border-color-dark: var(--color-greyscale-white);
    --comp-tag-default-border-width: 1px;
    --comp-tag-default-color: var(--color-greyscale-black);
    --comp-tag-default-color-dark: var(--color-greyscale-white);
    --comp-tag-live-background-color: var(--color-secondary);
    --comp-tag-live-background-color-dark: var(--color-secondary);
    --comp-tag-live-border-color: var(--color-greyscale-transparent);
    --comp-tag-live-border-color-dark: var(--color-greyscale-transparent);
    --comp-tag-live-border-width: 0;
    --comp-tag-live-color: var(--color-text-on-secondary);
    --comp-tag-live-color-dark: var(--color-text-on-secondary);
    --comp-tag-rumor-background-color: var(--color-secondary);
    --comp-tag-rumor-border-width: 0;
    --comp-tag-rumor-color: var(--color-text-on-secondary);
    --comp-tag-time-stamp-background-color: var(--color-media);
    --comp-tag-time-stamp-border-color: var(--color-greyscale-transparent);
    --comp-tag-time-stamp-border-radius: var(--border-radius-round);
    --comp-tag-time-stamp-border-width: 0;
    --comp-tag-time-stamp-color: var(--color-text-on-media);
    --comp-user-generated-content-news-header-background-color: var(--color-primary);
    --comp-user-generated-content-news-header-background-color-dark: var(--color-primary-darker);
    --comp-user-generated-content-news-header-color: var(--color-text-on-primary);
    --comp-user-generated-content-news-header-color-dark: var(--color-text-on-primary-darker);
    --comp-user-intro-background-color: var(--color-background-section);
    --comp-user-intro-background-color-dark: var(--color-background-darkest);
    --comp-user-intro-color: var(--color-text-on-section);
    --comp-user-intro-color-dark: var(--color-text-on-darkest);
    --comp-vertical-video-detail-color: var(--color-media);
    --theme-border-border-radius: var(--border-radius-small);
    --theme-shadow-blur: 0;
    --theme-shadow-color: var(--color-greyscale-black-alpha-10);
    --theme-shadow-size: 2px;
    --typography-article-heading-desktop-large-font-family: var(--font-family-open-sans);
    --typography-article-heading-desktop-large-font-size: 2.5em;
    --typography-article-heading-desktop-large-font-weight: 700;
    --typography-article-heading-desktop-large-letter-spacing: 0;
    --typography-article-heading-desktop-large-line-height: 1em;
    --typography-article-heading-desktop-large-text-transform: none;
    --typography-article-heading-desktop-medium-font-family: var(--font-family-open-sans);
    --typography-article-heading-desktop-medium-font-size: 1.5em;
    --typography-article-heading-desktop-medium-font-weight: 700;
    --typography-article-heading-desktop-medium-letter-spacing: 0;
    --typography-article-heading-desktop-medium-line-height: 1em;
    --typography-article-heading-desktop-medium-text-transform: none;
    --typography-article-heading-desktop-small-font-family: var(--font-family-open-sans);
    --typography-article-heading-desktop-small-font-size: 1.125em;
    --typography-article-heading-desktop-small-font-weight: 700;
    --typography-article-heading-desktop-small-letter-spacing: 0;
    --typography-article-heading-desktop-small-line-height: 1.333333em;
    --typography-article-heading-desktop-small-text-transform: none;
    --typography-article-heading-mobile-large-font-family: var(--font-family-open-sans);
    --typography-article-heading-mobile-large-font-size: 1.75em;
    --typography-article-heading-mobile-large-font-weight: 700;
    --typography-article-heading-mobile-large-letter-spacing: 0;
    --typography-article-heading-mobile-large-line-height: 1.214286em;
    --typography-article-heading-mobile-large-text-transform: none;
    --typography-article-heading-mobile-medium-font-family: var(--font-family-open-sans);
    --typography-article-heading-mobile-medium-font-size: 1.5em;
    --typography-article-heading-mobile-medium-font-weight: 700;
    --typography-article-heading-mobile-medium-letter-spacing: 0;
    --typography-article-heading-mobile-medium-line-height: 1em;
    --typography-article-heading-mobile-medium-text-transform: none;
    --typography-article-heading-mobile-small-font-family: var(--font-family-open-sans);
    --typography-article-heading-mobile-small-font-size: 1.125em;
    --typography-article-heading-mobile-small-font-weight: 700;
    --typography-article-heading-mobile-small-letter-spacing: 0;
    --typography-article-heading-mobile-small-line-height: 1.333333em;
    --typography-article-heading-mobile-small-text-transform: none;
    --typography-article-quote-font-family: var(--font-family-open-sans);
    --typography-article-quote-font-size: 1.5em;
    --typography-article-quote-font-weight: 700;
    --typography-article-quote-letter-spacing: 0;
    --typography-article-quote-line-height: 1.166667em;
    --typography-article-quote-text-transform: none;
    --typography-caption-medium-font-family: var(--font-family-open-sans);
    --typography-caption-medium-font-size: 0.875em;
    --typography-caption-medium-font-weight: 600;
    --typography-caption-medium-letter-spacing: 0;
    --typography-caption-medium-line-height: 1.285714em;
    --typography-caption-medium-text-transform: none;
    --typography-caption-small-font-family: var(--font-family-open-sans);
    --typography-caption-small-font-size: 0.75em;
    --typography-caption-small-font-weight: 600;
    --typography-caption-small-letter-spacing: 0;
    --typography-caption-small-line-height: 1.5em;
    --typography-caption-small-text-transform: none;
    --typography-heading-desktop-large-font-family: var(--font-family-open-sans);
    --typography-heading-desktop-large-font-size: 2.5em;
    --typography-heading-desktop-large-font-weight: 700;
    --typography-heading-desktop-large-letter-spacing: 0;
    --typography-heading-desktop-large-line-height: 1.2em;
    --typography-heading-desktop-large-text-transform: none;
    --typography-heading-desktop-medium-font-family: var(--font-family-open-sans);
    --typography-heading-desktop-medium-font-size: 1.75em;
    --typography-heading-desktop-medium-font-weight: 700;
    --typography-heading-desktop-medium-letter-spacing: 0;
    --typography-heading-desktop-medium-line-height: 1.142857em;
    --typography-heading-desktop-medium-text-transform: none;
    --typography-heading-desktop-small-font-family: var(--font-family-open-sans);
    --typography-heading-desktop-small-font-size: 1.375em;
    --typography-heading-desktop-small-font-weight: 700;
    --typography-heading-desktop-small-letter-spacing: 0;
    --typography-heading-desktop-small-line-height: 1.363636em;
    --typography-heading-desktop-small-text-transform: none;
    --typography-heading-desktop-xsmall-bold-font-weight: 700;
    --typography-heading-desktop-xsmall-font-family: var(--font-family-open-sans);
    --typography-heading-desktop-xsmall-font-size: 0.875em;
    --typography-heading-desktop-xsmall-font-weight: 600;
    --typography-heading-desktop-xsmall-letter-spacing: 0.000024em;
    --typography-heading-desktop-xsmall-line-height: 1.285714em;
    --typography-heading-desktop-xsmall-text-transform: none;
    --typography-heading-mobile-large-font-family: var(--font-family-open-sans);
    --typography-heading-mobile-large-font-size: 1.875em;
    --typography-heading-mobile-large-font-weight: 700;
    --typography-heading-mobile-large-letter-spacing: 0;
    --typography-heading-mobile-large-line-height: 1.266667em;
    --typography-heading-mobile-large-text-transform: none;
    --typography-heading-mobile-medium-font-family: var(--font-family-open-sans);
    --typography-heading-mobile-medium-font-size: 1.75em;
    --typography-heading-mobile-medium-font-weight: 700;
    --typography-heading-mobile-medium-letter-spacing: 0;
    --typography-heading-mobile-medium-line-height: 1.142857em;
    --typography-heading-mobile-medium-text-transform: none;
    --typography-heading-mobile-small-font-family: var(--font-family-open-sans);
    --typography-heading-mobile-small-font-size: 1.25em;
    --typography-heading-mobile-small-font-weight: 700;
    --typography-heading-mobile-small-letter-spacing: 0;
    --typography-heading-mobile-small-line-height: 1.3em;
    --typography-heading-mobile-small-text-transform: none;
    --typography-heading-mobile-xsmall-font-family: var(--font-family-open-sans);
    --typography-heading-mobile-xsmall-font-size: 0.875em;
    --typography-heading-mobile-xsmall-font-weight: 600;
    --typography-heading-mobile-xsmall-letter-spacing: 0.000024em;
    --typography-heading-mobile-xsmall-line-height: 1.285714em;
    --typography-heading-mobile-xsmall-text-transform: none;
    --typography-heading-tablet-large-font-family: var(--font-family-open-sans);
    --typography-heading-tablet-large-font-size: 1.875em;
    --typography-heading-tablet-large-font-weight: 700;
    --typography-heading-tablet-large-letter-spacing: 0;
    --typography-heading-tablet-large-line-height: 1.266667em;
    --typography-heading-tablet-large-text-transform: none;
    --typography-heading-tablet-medium-font-family: var(--font-family-open-sans);
    --typography-heading-tablet-medium-font-size: 1.75em;
    --typography-heading-tablet-medium-font-weight: 700;
    --typography-heading-tablet-medium-letter-spacing: 0;
    --typography-heading-tablet-medium-line-height: 1.142857em;
    --typography-heading-tablet-medium-text-transform: none;
    --typography-heading-tablet-small-font-family: var(--font-family-open-sans);
    --typography-heading-tablet-small-font-size: 1.25em;
    --typography-heading-tablet-small-font-weight: 700;
    --typography-heading-tablet-small-letter-spacing: 0;
    --typography-heading-tablet-small-line-height: 1.3em;
    --typography-heading-tablet-small-text-transform: none;
    --typography-heading-tablet-xsmall-font-family: var(--font-family-open-sans);
    --typography-heading-tablet-xsmall-font-size: 0.875em;
    --typography-heading-tablet-xsmall-font-weight: 600;
    --typography-heading-tablet-xsmall-letter-spacing: 0.000024em;
    --typography-heading-tablet-xsmall-line-height: 1.285714em;
    --typography-heading-tablet-xsmall-text-transform: none;
    --typography-link-medium-font-family: var(--font-family-open-sans);
    --typography-link-medium-font-size: 1em;
    --typography-link-medium-font-weight: 700;
    --typography-link-medium-letter-spacing: 0;
    --typography-link-medium-line-height: 1.5em;
    --typography-link-medium-text-transform: none;
    --typography-link-navigation-font-family: var(--font-family-open-sans);
    --typography-link-navigation-font-size: 1em;
    --typography-link-navigation-font-weight: 600;
    --typography-link-navigation-letter-spacing: 0;
    --typography-link-navigation-line-height: 1em;
    --typography-link-navigation-text-transform: none;
    --typography-link-newslist-font-family: var(--font-family-open-sans);
    --typography-link-newslist-font-size: 1em;
    --typography-link-newslist-font-weight: 600;
    --typography-link-newslist-letter-spacing: 0;
    --typography-link-newslist-line-height: 1.25em;
    --typography-link-newslist-text-transform: none;
    --typography-link-small-font-family: var(--font-family-open-sans);
    --typography-link-small-font-size: 0.875em;
    --typography-link-small-font-weight: 700;
    --typography-link-small-letter-spacing: 0;
    --typography-link-small-line-height: 1.428571em;
    --typography-link-small-text-transform: none;
    --typography-link-subnavigation-font-family: var(--font-family-open-sans);
    --typography-link-subnavigation-font-size: 1em;
    --typography-link-subnavigation-font-weight: 600;
    --typography-link-subnavigation-letter-spacing: 0;
    --typography-link-subnavigation-line-height: 1em;
    --typography-link-subnavigation-text-transform: none;
    --typography-link-text-decoration: underline;
    --typography-paragraph-large-bold-font-weight: 700;
    --typography-paragraph-large-font-family: var(--font-family-open-sans);
    --typography-paragraph-large-font-size: 1.125em;
    --typography-paragraph-large-font-weight: 600;
    --typography-paragraph-large-letter-spacing: 0;
    --typography-paragraph-large-line-height: 1.555556em;
    --typography-paragraph-large-text-transform: none;
    --typography-paragraph-medium-bold-font-weight: 700;
    --typography-paragraph-medium-font-family: var(--font-family-open-sans);
    --typography-paragraph-medium-font-size: 1em;
    --typography-paragraph-medium-font-weight: 400;
    --typography-paragraph-medium-letter-spacing: 0;
    --typography-paragraph-medium-line-height: 1.625em;
    --typography-paragraph-medium-text-transform: none;
    --typography-premium-heading-large-font-family: var(--font-family-yrsa);
    --typography-premium-heading-large-font-size: 3em;
    --typography-premium-heading-large-font-weight: 500;
    --typography-premium-heading-large-letter-spacing: 0;
    --typography-premium-heading-large-line-height: 0.916667em;
    --typography-premium-heading-large-text-transform: none;
    --typography-premium-heading-medium-font-family: var(--font-family-yrsa);
    --typography-premium-heading-medium-font-size: 1.75em;
    --typography-premium-heading-medium-font-weight: 500;
    --typography-premium-heading-medium-letter-spacing: 0;
    --typography-premium-heading-medium-line-height: 0.857143em;
    --typography-premium-heading-medium-text-transform: none;
    --typography-premium-link-medium-font-family: var(--font-family-yrsa);
    --typography-premium-link-medium-font-size: 1.25em;
    --typography-premium-link-medium-font-weight: 500;
    --typography-premium-link-medium-letter-spacing: 0;
    --typography-premium-link-medium-line-height: 1em;
    --typography-premium-link-medium-text-transform: none;
    --typography-premium-link-newslist-font-family: var(--font-family-yrsa);
    --typography-premium-link-newslist-font-size: 1.25em;
    --typography-premium-link-newslist-font-weight: 500;
    --typography-premium-link-newslist-letter-spacing: 0;
    --typography-premium-link-newslist-line-height: 1em;
    --typography-premium-link-newslist-text-transform: none;
    --typography-tag-medium-font-family: var(--font-family-open-sans);
    --typography-tag-medium-font-size: 0.875em;
    --typography-tag-medium-font-weight: 700;
    --typography-tag-medium-letter-spacing: 0;
    --typography-tag-medium-line-height: 1.285714em;
    --typography-tag-medium-text-transform: uppercase;
    --typography-tag-small-font-family: var(--font-family-open-sans);
    --typography-tag-small-font-size: 0.75em;
    --typography-tag-small-font-weight: 700;
    --typography-tag-small-letter-spacing: 0;
    --typography-tag-small-line-height: 1.5em;
    --typography-tag-small-text-transform: uppercase;

    /* block "color-mode/light" */
    --color-background-default: var(--color-greyscale-white);
    --color-background-error: var(--color-alert-error-100);
    --color-background-success: var(--color-alert-success-100);
    --color-background-warning: var(--color-alert-warning-100);
    --color-betting-high: var(--color-betting-darker);
    --color-betting-low: var(--color-betting-lighter);
    --color-breaking-high: var(--color-breaking-darker);
    --color-breaking-low: var(--color-breaking-lighter);
    --color-disabled: var(--color-greyscale-100);
    --color-gradient-greyscale-alpha-0: rgba(230, 230, 230, 0);
    --color-gradient-greyscale-alpha-10: rgba(230, 230, 230, 0.1);
    --color-gradient-greyscale-alpha-25: rgba(230, 230, 230, 0.25);
    --color-gradient-greyscale-alpha-50: rgba(230, 230, 230, 0.5);
    --color-gradient-greyscale-alpha-75: rgba(230, 230, 230, 0.75);
    --color-gradient-inverted-alpha-0: var(--color-greyscale-black-alpha-0);
    --color-gradient-inverted-alpha-10: var(--color-greyscale-black-alpha-10);
    --color-gradient-inverted-alpha-25: var(--color-greyscale-black-alpha-25);
    --color-gradient-inverted-alpha-50: var(--color-greyscale-black-alpha-50);
    --color-gradient-inverted-alpha-75: var(--color-greyscale-black-alpha-75);
    --color-media-high: var(--color-media-darker);
    --color-media-low: var(--color-media-lighter);
    --color-primary-high: var(--color-primary-darker);
    --color-primary-low: var(--color-primary-lighter);
    --color-secondary-high: var(--color-secondary-darker);
    --color-secondary-low: var(--color-secondary-lighter);
    --color-social-tiktok: var(--color-social-tiktok-aqua);
    --color-tertiary-high: var(--color-tertiary-darker);
    --color-tertiary-low: var(--color-tertiary-lighter);
    --color-text-default-low: var(--color-greyscale-700);
    --color-text-default-lower: var(--color-greyscale-600);
    --color-text-on-betting-high: var(--color-text-on-betting-darker);
    --color-text-on-betting-low: var(--color-text-on-betting-lighter);
    --color-text-on-breaking-high: var(--color-text-on-breaking-darker);
    --color-text-on-breaking-low: var(--color-text-on-breaking-lighter);
    --color-text-on-disabled: var(--color-greyscale-400);
    --color-text-on-error: var(--color-alert-error-500);
    --color-text-on-media-high: var(--color-text-on-media-darker);
    --color-text-on-media-low: var(--color-text-on-media-lighter);
    --color-text-on-primary-high: var(--color-text-on-primary-darker);
    --color-text-on-primary-low: var(--color-text-on-primary-lighter);
    --color-text-on-row-even: var(--color-text-on-even);
    --color-text-on-row-uneven: var(--color-text-on-uneven);
    --color-text-on-secondary-high: var(--color-text-on-secondary-darker);
    --color-text-on-secondary-low: var(--color-text-on-secondary-lighter);
    --color-text-on-success: var(--color-alert-success-500);
    --color-text-on-tertiary-high: var(--color-text-on-tertiary-darker);
    --color-text-on-tertiary-low: var(--color-text-on-tertiary-lighter);
    --color-text-on-warning: var(--color-alert-warning-500);
    --comp-article-block-highlighted-tag-block-link-color: var(--comp-article-block-highlighted-tag-block-button-link-color);
    --comp-article-block-quiz-buttons-default-background-color: var(--comp-button-filled-white-background-color);
    --comp-article-block-quiz-buttons-default-color: var(--comp-button-filled-white-color);
    --comp-article-block-quiz-section-background-color: var(--color-text-default);
    --comp-button-filled-disabled-background-color: var(--color-disabled);
    --comp-button-filled-disabled-color: var(--color-greyscale-550);
    --comp-button-filled-error-background-color: var(--color-alert-error-500);
    --comp-button-filled-error-color: var(--color-greyscale-white);
    --comp-button-filled-error-hover-background-color: var(--color-alert-error-600);
    --comp-button-filled-error-hover-color: var(--color-greyscale-white);
    --comp-button-filled-premium-background-color: var(--color-premium);
    --comp-button-filled-premium-color: var(--color-text-on-premium);
    --comp-button-filled-premium-hover-background-color: var(--color-greyscale-black);
    --comp-button-filled-premium-hover-color: var(--color-text-on-premium);
    --comp-button-filled-success-background-color: var(--color-alert-success-500);
    --comp-button-filled-success-color: var(--color-greyscale-white);
    --comp-button-filled-success-hover-background-color: var(--color-alert-success-600);
    --comp-button-filled-success-hover-color: var(--color-greyscale-white);
    --comp-button-filled-white-background-color: var(--color-greyscale-white);
    --comp-button-filled-white-color: var(--color-greyscale-black);
    --comp-button-filled-white-hover-background-color: var(--color-greyscale-white);
    --comp-button-filled-white-hover-hover: var(--color-primary);
    --comp-button-link-color: var(--color-text-default-low);
    --comp-button-link-hover-color: var(--color-text-default);
    --comp-button-link-hover-text-decoration: underline;
    --comp-button-link-hover-text-decoration-color: var(--color-text-link-text-decoration-color);
    --comp-button-link-text-decoration-color: var(--color-text-link-text-decoration-color);
    --comp-button-outlined-disabled-border-color: var(--color-text-on-disabled);
    --comp-button-outlined-disabled-color: var(--color-text-on-disabled);
    --comp-button-outlined-inverted-border: var(--comp-button-outlined-inverted-border-color);
    --comp-button-text-default-low-color: var(--color-text-default-low);
    --comp-button-text-default-low-hover-color: var(--color-text-default);
    --comp-button-text-default-low-hover-text-decoration-color: var(--color-text-default);
    --comp-button-text-disabled-color: var(--color-text-on-disabled);
    --comp-button-text-inverted-color: var(--color-text-on-inverted);
    --comp-button-text-inverted-hover-color: var(--color-text-on-inverted);
    --comp-button-text-inverted-hover-text-decoration-color: var(--color-primary);
    --comp-button-text-white-color: var(--color-greyscale-white);
    --comp-button-text-white-hover-color: var(--color-greyscale-white);
    --comp-button-text-white-hover-text-decoration-color: var(--color-primary);
    --comp-comment-sort-by-drop-down-active-color: var(--comp-comment-sort-by-color);
    --comp-credits-background-color: var(--color-background-inverted);
    --comp-credits-color: var(--color-text-on-inverted);
    --comp-datepicker-link-active-background-color: var(--comp-datepicker-date-active-background-color);
    --comp-datepicker-link-active-color: var(--comp-datepicker-date-active-color);
    --comp-datepicker-link-disabled-background-color: var(--color-disabled);
    --comp-datepicker-link-disabled-color: var(--color-text-on-disabled);
    --comp-datepicker-link-hover-background-color: var(--comp-datepicker-date-active-background-color);
    --comp-datepicker-link-hover-color: var(--comp-datepicker-date-active-color);
    --comp-footer-social-button-color-mode: var(--comp-footer-top-social-button-color-mode);
    --comp-footer-top-container: var(--comp-footer-branded-container);
    --comp-intro-block-background-color-womens-line: var(--color-lavender-500);
    --comp-navigation-expanded-menu-link-hover-text-decoration-color: var(--comp-navigation-main-menu-link-active-text-decoration-color);
    --comp-navigation-sub-menu-background-color: var(--color-greyscale-white);
    --comp-navigation-sub-menu-color: var(--color-text-default-lower);
    --comp-newslist-featured-background-color: var(--comp-newslist-background-color);
    --comp-newslist-featured-border-color: var(--comp-newslist-border-color);
    --comp-newslist-featured-color: var(--comp-newslist-color);
    --comp-newslist-featured-visited-color: var(--color-text-default-low);
    --comp-newslist-filter-selected-color: var(--comp-newslist-toggle-selected-color);
    --comp-newslist-multibrand-arrow-icon-right-color: var(--comp-newslist-arrow-icon-right-color);
    --comp-newslist-multibrand-background-color: var(--comp-newslist-background-color);
    --comp-newslist-multibrand-border-color: var(--comp-newslist-border-color);
    --comp-newslist-multibrand-color: var(--comp-newslist-color);
    --comp-newslist-multibrand-left-border-color: var(--comp-newslist-multibrand-newslist-left-border-color);
    --comp-newslist-multibrand-visited-color: var(--color-text-default-low);
    --comp-newslist-related-arrow-icon-right-color: var(--comp-newslist-arrow-icon-right-color);
    --comp-newslist-related-background-color: var(--comp-newslist-background-color);
    --comp-newslist-related-border-color: var(--comp-newslist-border-color);
    --comp-newslist-related-color: var(--comp-newslist-color);
    --comp-newslist-related-visited-color: var(--color-text-default-low);
    --comp-odds-background-color: var(--color-greyscale-200);
    --comp-odds-odds-key-border-color: var(--color-greyscale-transparent);
    --comp-seo-textblock-background-color: var(--color-background-section);
    --comp-seo-textblock-overlay-background-gradient-angle: 180deg;
    --comp-seo-textblock-overlay-background-gradient-color-1: var(--color-gradient-greyscale-alpha-0);
    --comp-seo-textblock-overlay-background-gradient-color-2: var(--color-background-section);
    --comp-tabs-default-filled-active-background-color: var(--comp-button-filled-primary-background-color);
    --comp-tabs-default-filled-active-color: var(--comp-button-filled-primary-color);
    --comp-tabs-default-filled-background-color: var(--comp-tabs-default-background-color);
    --comp-tabs-default-filled-color: var(--comp-tabs-default-color);
    --comp-tabs-default-underlined-color: var(--comp-tabs-default-color);
    --comp-tabs-intro-block-active-border-bottom-color: var(--comp-tabs-intro-block-underlined-active-border-bottom-color);
    --comp-tabs-intro-block-active-color: var(--comp-tabs-intro-block-underlined-active-color);
    --comp-tabs-intro-block-background-color: var(--comp-intro-block-category-background-color);
    --comp-tabs-intro-block-color: var(--comp-intro-block-category-color);
    --comp-tag-betting-background-color: var(--color-betting);
    --comp-tag-betting-border-color: var(--color-greyscale-transparent);
    --comp-tag-betting-color: var(--color-text-on-betting);
    --comp-tag-breaking-background-color: var(--color-breaking);
    --comp-tag-breaking-border-color: var(--color-greyscale-transparent);
    --comp-tag-breaking-color: var(--color-text-on-breaking);
    --comp-tag-button-border-color: var(--color-greyscale-transparent);
    --comp-tag-button-hover-border-color: var(--color-greyscale-transparent);
    --comp-tag-inverted-background-color: var(--color-greyscale-black);
    --comp-tag-inverted-border-color: var(--comp-tag-time-stamp-border-color);
    --comp-tag-inverted-color: var(--color-greyscale-white);
    --comp-tag-media-background-color: var(--color-media);
    --comp-tag-media-border-color: var(--color-greyscale-transparent);
    --comp-tag-media-color: var(--color-text-on-media);
    --comp-tag-rumor-border-color: var(--color-greyscale-transparent);
}

.theme-vi.dark {
    /* block "color-mode/dark" */
    --color-background-auth-container-background-color: var(--color-greyscale-950);
    --color-background-darkest: var(--color-greyscale-850);
    --color-background-default: var(--color-background-default-dark);
    --color-background-error: var(--color-alert-error-100);
    --color-background-inverted: var(--color-greyscale-50);
    --color-background-inverted-high: var(--color-greyscale-white);
    --color-background-inverted-low: var(--color-greyscale-100);
    --color-background-row-even: var(--color-greyscale-800);
    --color-background-row-uneven: var(--color-greyscale-750);
    --color-background-section: var(--color-greyscale-850);
    --color-background-success: var(--color-alert-success-600);
    --color-background-warning: var(--color-alert-warning-100);
    --color-betting-high: var(--color-betting-lighter);
    --color-betting-low: var(--color-betting-darker);
    --color-border: var(--color-greyscale-700);
    --color-breaking-high: var(--color-breaking-lighter);
    --color-breaking-low: var(--color-breaking-darker);
    --color-disabled: var(--color-greyscale-700);
    --color-gradient-greyscale-alpha-0: rgba(26, 26, 26, 0);
    --color-gradient-greyscale-alpha-10: rgba(26, 26, 26, 0.1);
    --color-gradient-greyscale-alpha-25: rgba(26, 26, 26, 0.25);
    --color-gradient-greyscale-alpha-50: rgba(26, 26, 26, 0.5);
    --color-gradient-greyscale-alpha-75: rgba(26, 26, 26, 0.75);
    --color-gradient-inverted-alpha-0: var(--color-greyscale-white-alpha-0);
    --color-gradient-inverted-alpha-10: var(--color-greyscale-white-alpha-10);
    --color-gradient-inverted-alpha-25: var(--color-greyscale-white-alpha-25);
    --color-gradient-inverted-alpha-50: var(--color-greyscale-white-alpha-50);
    --color-gradient-inverted-alpha-75: var(--color-greyscale-white-alpha-75);
    --color-media-high: var(--color-media-lighter);
    --color-media-low: var(--color-media-darker);
    --color-primary-high: var(--color-primary-lighter);
    --color-primary-low: var(--color-primary-darker);
    --color-secondary-high: var(--color-secondary-lighter);
    --color-secondary-low: var(--color-secondary-darker);
    --color-social-tiktok: var(--color-social-tiktok-pink);
    --color-tertiary-high: var(--color-tertiary-lighter);
    --color-tertiary-low: var(--color-tertiary-darker);
    --color-text-default: var(--color-greyscale-white);
    --color-text-default-low: var(--color-greyscale-200);
    --color-text-default-lower: var(--color-greyscale-500);
    --color-text-link-color: var(--color-text-link-color-dark);
    --color-text-link-text-decoration-color: var(--color-text-link-text-decoration-color-dark);
    --color-text-on-betting-high: var(--color-text-on-betting-lighter);
    --color-text-on-betting-low: var(--color-text-on-betting-darker);
    --color-text-on-breaking-high: var(--color-text-on-breaking-lighter);
    --color-text-on-breaking-low: var(--color-text-on-breaking-darker);
    --color-text-on-darkest: var(--color-greyscale-white);
    --color-text-on-disabled: var(--color-greyscale-400);
    --color-text-on-error: var(--color-alert-error-500);
    --color-text-on-inverted: var(--color-greyscale-900);
    --color-text-on-media-high: var(--color-text-on-media-lighter);
    --color-text-on-media-low: var(--color-text-on-media-darker);
    --color-text-on-primary-high: var(--color-text-on-primary-lighter);
    --color-text-on-primary-low: var(--color-text-on-primary-darker);
    --color-text-on-row-even: var(--color-greyscale-white);
    --color-text-on-row-uneven: var(--color-greyscale-white);
    --color-text-on-secondary-high: var(--color-text-on-secondary-lighter);
    --color-text-on-secondary-low: var(--color-text-on-secondary-darker);
    --color-text-on-section: var(--color-greyscale-white);
    --color-text-on-success: var(--color-alert-success-500);
    --color-text-on-tertiary-high: var(--color-text-on-tertiary-lighter);
    --color-text-on-tertiary-low: var(--color-text-on-tertiary-darker);
    --color-text-on-warning: var(--color-alert-warning-500);
    --comp-article-block-highlighted-tag-block-background-color: var(--comp-article-block-highlighted-tag-block-background-color-dark);
    --comp-article-block-highlighted-tag-block-color: var(--comp-article-block-highlighted-tag-block-color-dark);
    --comp-article-block-highlighted-tag-block-link-color: var(--comp-article-block-highlighted-tag-block-button-link-color-dark);
    --comp-article-block-quiz-buttons-default-background-color: var(--color-greyscale-black);
    --comp-article-block-quiz-buttons-default-color: var(--color-greyscale-white);
    --comp-article-block-quiz-section-background-color: var(--color-greyscale-750);
    --comp-article-block-recipe-block-title-color: var(--comp-button-filled-white-background-color);
    --comp-article-block-streamer-decoration-background-color: var(--comp-article-block-streamer-decoration-background-color-dark);
    --comp-article-block-table-background-color: var(--color-greyscale-900);
    --comp-article-block-table-background-gradient-color-1: var(--color-greyscale-black-alpha-75);
    --comp-article-block-table-background-gradient-color-2: var(--color-greyscale-black-alpha-0);
    --comp-article-block-table-of-contents-title-background-color: var(--comp-article-block-table-of-contents-title-background-color-dark);
    --comp-article-block-table-of-contents-title-color: var(--comp-article-block-table-of-contents-title-color-dark);
    --comp-article-block-table-title-color: var(--color-greyscale-white);
    --comp-article-footer-title-color: var(--color-text-default);
    --comp-author-intro-background-color: var(--comp-author-intro-background-color-dark);
    --comp-author-intro-color: var(--comp-author-intro-color-dark);
    --comp-button-filled-disabled-background-color: var(--color-disabled);
    --comp-button-filled-disabled-color: var(--color-text-on-disabled);
    --comp-button-filled-error-background-color: var(--color-alert-error-600);
    --comp-button-filled-error-color: var(--color-text-default);
    --comp-button-filled-error-hover-background-color: var(--color-alert-error-500);
    --comp-button-filled-error-hover-color: var(--color-greyscale-white);
    --comp-button-filled-inverted-background-color: var(--color-greyscale-white);
    --comp-button-filled-inverted-color: var(--color-greyscale-black);
    --comp-button-filled-inverted-hover-background-color: var(--comp-button-filled-inverted-hover-background-color-dark);
    --comp-button-filled-inverted-hover-color: var(--comp-button-filled-inverted-hover-color-dark);
    --comp-button-filled-premium-background-color: var(--color-premium);
    --comp-button-filled-premium-color: var(--color-text-on-premium);
    --comp-button-filled-premium-hover-background-color: var(--color-greyscale-700);
    --comp-button-filled-premium-hover-color: var(--color-text-on-premium);
    --comp-button-filled-primary-hover-background-color: var(--comp-button-filled-primary-hover-background-color-dark);
    --comp-button-filled-primary-hover-color: var(--comp-button-filled-primary-hover-color-dark);
    --comp-button-filled-success-background-color: var(--color-alert-success-600);
    --comp-button-filled-success-color: var(--color-greyscale-white);
    --comp-button-filled-success-hover-background-color: var(--color-alert-success-500);
    --comp-button-filled-success-hover-color: var(--color-greyscale-white);
    --comp-button-filled-white-background-color: var(--color-greyscale-white);
    --comp-button-filled-white-color: var(--color-greyscale-black);
    --comp-button-filled-white-hover-background-color: var(--color-greyscale-white);
    --comp-button-filled-white-hover-hover: var(--color-primary);
    --comp-button-link-color: var(--color-text-default-low);
    --comp-button-link-hover-color: var(--color-text-default);
    --comp-button-link-hover-text-decoration: underline;
    --comp-button-link-hover-text-decoration-color: var(--color-text-link-text-decoration-color);
    --comp-button-link-text-decoration-color: var(--color-text-link-text-decoration-color);
    --comp-button-outlined-disabled-border-color: var(--color-text-on-disabled);
    --comp-button-outlined-disabled-color: var(--color-text-on-disabled);
    --comp-button-outlined-inverted-border: var(--comp-button-outlined-inverted-border-color-dark);
    --comp-button-outlined-inverted-color: var(--comp-button-outlined-inverted-color-dark);
    --comp-button-outlined-inverted-hover-border-color: var(--comp-button-outlined-inverted-hover-border-color-dark);
    --comp-button-outlined-inverted-hover-color: var(--comp-button-outlined-inverted-hover-color-dark);
    --comp-button-outlined-primary-border-color: var(--comp-button-outlined-primary-border-color-dark);
    --comp-button-outlined-primary-color: var(--comp-button-outlined-primary-color-dark);
    --comp-button-outlined-primary-hover-border-color: var(--comp-button-outlined-primary-hover-border-color-dark);
    --comp-button-outlined-primary-hover-color: var(--comp-button-outlined-primary-hover-color-dark);
    --comp-button-text-default-low-color: var(--color-text-default-low);
    --comp-button-text-default-low-hover-color: var(--color-text-default);
    --comp-button-text-default-low-hover-text-decoration-color: var(--color-text-default);
    --comp-button-text-disabled-color: var(--color-text-on-disabled);
    --comp-button-text-inverted-color: var(--color-text-on-inverted);
    --comp-button-text-inverted-hover-color: var(--color-text-on-inverted);
    --comp-button-text-inverted-hover-text-decoration-color: var(--color-primary);
    --comp-button-text-primary-color: var(--comp-button-text-primary-color-dark);
    --comp-button-text-primary-hover-color: var(--comp-button-text-primary-hover-color-dark);
    --comp-button-text-white-color: var(--color-greyscale-white);
    --comp-button-text-white-hover-color: var(--color-greyscale-white);
    --comp-button-text-white-hover-text-decoration-color: var(--color-primary);
    --comp-comment-background-gradient-color-1: var(--color-greyscale-black);
    --comp-comment-background-gradient-color-2: var(--color-greyscale-black-alpha-0);
    --comp-comment-header-button-color-mode: var(--comp-comment-header-button-color-mode-dark);
    --comp-comment-header-dropdown-active-color: var(--comp-comment-header-dropdown-active-color-dark);
    --comp-comment-header-dropdown-color: var(--color-greyscale-white);
    --comp-comment-post-comment-button-color-mode: var(--comp-comment-post-comment-button-color-mode-dark);
    --comp-comment-sort-by-color: var(--color-greyscale-white);
    --comp-comment-sort-by-drop-down-active-color: var(--color-text-default);
    --comp-comment-sort-by-drop-down-color: var(--color-text-default-low);
    --comp-comment-sort-by-drop-down-hover-color: var(--color-text-default);
    --comp-comment-user-is-author-background-color: var(--comp-comment-user-is-author-background-color-dark);
    --comp-credits-background-color: var(--color-background-inverted);
    --comp-credits-color: var(--color-text-on-inverted);
    --comp-dark-mode-settings-color: var(--comp-dark-mode-settings-color-dark);
    --comp-dark-mode-settings-link-color-mode: var(--comp-dark-mode-settings-link-color-mode-dark);
    --comp-dark-mode-settings-radio-button-border-color: var(--comp-dark-mode-settings-radio-button-border-color-dark);
    --comp-dark-mode-settings-radio-button-dot-color: var(--comp-dark-mode-settings-radio-button-dot-color-dark);
    --comp-datepicker-link-active-background-color: var(--comp-datepicker-date-active-background-color);
    --comp-datepicker-link-active-color: var(--comp-datepicker-date-active-color);
    --comp-datepicker-link-disabled-background-color: var(--color-disabled);
    --comp-datepicker-link-disabled-color: var(--color-text-on-disabled);
    --comp-datepicker-link-hover-background-color: var(--comp-datepicker-date-active-background-color);
    --comp-datepicker-link-hover-color: var(--comp-datepicker-date-active-color);
    --comp-featured-carrousel-background: var(--comp-featured-carrousel-background-dark);
    --comp-footer-bottom-background-color: var(--color-greyscale-black);
    --comp-footer-bottom-color: var(--color-greyscale-400);
    --comp-footer-show-top-container: var(--comp-footer-show-top-container-dark);
    --comp-footer-top-background-color: var(--comp-footer-top-background-color-dark);
    --comp-footer-top-border-top-color: var(--comp-footer-top-border-top-color-dark);
    --comp-footer-top-color: var(--comp-footer-top-color-dark);
    --comp-footer-top-container: var(--comp-footer-branded-container-dark);
    --comp-footer-top-heading-color: var(--color-greyscale-400);
    --comp-footer-top-link-hover-color: var(--color-greyscale-white);
    --comp-footer-top-link-hover-text-decoration-color: var(--color-greyscale-white);
    --comp-intro-block-background-color-womens-line: var(--color-lavender-800);
    --comp-intro-block-category-background-color: var(--comp-intro-block-category-background-color-dark);
    --comp-intro-block-category-color: var(--comp-intro-block-category-color-dark);
    --comp-intro-block-page-background-color: var(--comp-intro-block-page-background-color-dark);
    --comp-intro-block-page-color: var(--comp-intro-block-page-color-dark);
    --comp-navigation-expanded-menu-background-color: var(--color-background-darkest);
    --comp-navigation-expanded-menu-color: var(--color-greyscale-white);
    --comp-navigation-expanded-menu-link-active-color: var(--comp-navigation-expanded-menu-link-active-color-dark);
    --comp-navigation-expanded-menu-link-hover-color: var(--comp-navigation-expanded-menu-link-hover-color-dark);
    --comp-navigation-expanded-menu-link-hover-text-decoration-color: var(--comp-navigation-main-menu-link-active-text-decoration-color);
    --comp-navigation-main-menu-background-color: var(--comp-navigation-main-menu-background-color-dark);
    --comp-navigation-main-menu-button-color-mode: var(--comp-navigation-main-menu-button-color-mode-dark);
    --comp-navigation-main-menu-color: var(--comp-navigation-main-menu-color-dark);
    --comp-navigation-main-menu-link-active-color: var(--comp-navigation-main-menu-link-active-color-dark);
    --comp-navigation-main-menu-link-active-text-decoration-color: var(--comp-navigation-main-menu-link-active-text-decoration-color-dark);
    --comp-navigation-main-menu-link-hover-color: var(--comp-navigation-main-menu-link-hover-color-dark);
    --comp-navigation-main-menu-text-button-badge-background-color: var(--color-primary);
    --comp-navigation-main-menu-text-button-badge-color: var(--color-text-on-primary);
    --comp-navigation-main-menu-text-button-color-mode: var(--comp-navigation-main-menu-text-button-color-mode-dark);
    --comp-navigation-sub-menu-background-color: var(--comp-navigation-sub-menu-background-color-dark);
    --comp-navigation-sub-menu-color: var(--color-greyscale-300);
    --comp-navigation-sub-menu-link-active-color: var(--color-greyscale-white);
    --comp-navigation-sub-menu-link-active-text-decoration-color: var(--comp-navigation-sub-menu-link-active-text-decoration-color-dark);
    --comp-navigation-sub-menu-link-hover-color: var(--color-greyscale-white);
    --comp-newslist-featured-background-color: var(--color-background-section);
    --comp-newslist-featured-border-color: var(--color-border);
    --comp-newslist-featured-color: var(--color-text-default);
    --comp-newslist-featured-left-border-color: var(--comp-newslist-featured-dark-left-border-color);
    --comp-newslist-featured-visited-color: var(--color-text-default-low);
    --comp-newslist-filter-selected-color: var(--comp-newslist-toggle-selected-color-dark);
    --comp-newslist-heading-color: var(--color-greyscale-white);
    --comp-newslist-multibrand-arrow-icon-right-color: var(--comp-newslist-dark-arrow-icon-right-color);
    --comp-newslist-multibrand-background-color: var(--color-background-section);
    --comp-newslist-multibrand-border-color: var(--color-border);
    --comp-newslist-multibrand-color: var(--color-text-default);
    --comp-newslist-multibrand-left-border-color: var(--comp-newslist-multibrand-newslist-dark-left-border-color);
    --comp-newslist-multibrand-visited-color: var(--color-text-default-low);
    --comp-newslist-related-arrow-icon-right-color: var(--comp-newslist-dark-arrow-icon-right-color);
    --comp-newslist-related-background-color: var(--color-background-section);
    --comp-newslist-related-border-color: var(--color-border);
    --comp-newslist-related-color: var(--color-text-default);
    --comp-newslist-related-left-border-color: var(--comp-newslist-related-dark-left-border-color);
    --comp-newslist-related-visited-color: var(--color-text-default-low);
    --comp-newslist-ugc-card-background-color: var(--comp-newslist-ugc-card-background-color-dark);
    --comp-newslist-ugc-card-color: var(--comp-newslist-ugc-card-color-dark);
    --comp-newslist-visited-color: var(--color-text-default-low);
    --comp-odds-background-color: var(--color-greyscale-550);
    --comp-odds-odds-key-border-color: var(--color-greyscale-transparent);
    --comp-poll-background-color: var(--color-greyscale-black);
    --comp-poll-color: var(--color-greyscale-white);
    --comp-poll-percentage-bar-indicator-background-color: var(--color-greyscale-400);
    --comp-poll-percentage-bar-track-background-color: var(--color-greyscale-700);
    --comp-poll-percentage-bar-winner-indicator-background-color: var(--color-greyscale-white);
    --comp-poll-prediction-wk-styling-background-color: var(--comp-poll-prediction-wk-styling-background-color-dark);
    --comp-poll-results-text-color: var(--color-greyscale-100);
    --comp-poll-title-color: var(--color-greyscale-white);
    --comp-poll-votes-color: var(--color-text-default-low);
    --comp-poll-winner-text-color: var(--color-greyscale-white);
    --comp-seo-textblock-background-color: var(--color-background-section);
    --comp-seo-textblock-overlay-background-gradient-angle: 180deg;
    --comp-seo-textblock-overlay-background-gradient-color-1: var(--color-greyscale-black-alpha-0);
    --comp-seo-textblock-overlay-background-gradient-color-2: var(--color-background-section);
    --comp-sidebar-heading-color: var(--color-text-default);
    --comp-social-button-branded-on-light-background-color: var(--comp-social-button-branded-on-dark-background-color);
    --comp-social-button-branded-on-light-border-color: var(--comp-social-button-branded-on-dark-border-color);
    --comp-social-button-branded-on-light-color: var(--comp-social-button-branded-on-dark-color);
    --comp-social-button-branded-on-light-hover-background-color: var(--comp-social-button-branded-on-dark-hover-background-color);
    --comp-social-button-branded-on-light-hover-border-color: var(--comp-social-button-branded-on-dark-hover-border-color);
    --comp-social-button-branded-on-light-hover-color: var(--comp-social-button-branded-on-dark-hover-color);
    --comp-social-button-neutral-background-color: var(--color-greyscale-700);
    --comp-social-button-neutral-border-color: var(--color-greyscale-transparent);
    --comp-social-button-neutral-color: var(--color-greyscale-400);
    --comp-subscription-price-color: var(--comp-subscription-price-color-dark);
    --comp-subscription-proposition-description-color: var(--comp-subscription-proposition-description-color-dark);
    --comp-subscription-proposition-usp-color: var(--comp-subscription-proposition-usp-color-dark);
    --comp-tabs-default-filled-active-background-color: var(--comp-button-filled-primary-background-color);
    --comp-tabs-default-filled-active-color: var(--comp-button-filled-primary-color);
    --comp-tabs-default-filled-background-color: var(--comp-tabs-default-background-color-dark);
    --comp-tabs-default-filled-color: var(--comp-tabs-default-color-dark);
    --comp-tabs-default-underlined-active-color: var(--comp-tabs-default-underlined-active-color-dark);
    --comp-tabs-default-underlined-color: var(--comp-tabs-default-color-dark);
    --comp-tabs-intro-block-active-border-bottom-color: var(--comp-tabs-intro-block-underlined-active-border-bottom-color-dark);
    --comp-tabs-intro-block-active-color: var(--comp-tabs-intro-block-underlined-active-color-dark);
    --comp-tabs-intro-block-background-color: var(--comp-intro-block-category-background-color);
    --comp-tabs-intro-block-color: var(--comp-intro-block-category-color);
    --comp-tag-betting-background-color: var(--color-betting);
    --comp-tag-betting-border-color: var(--color-greyscale-transparent);
    --comp-tag-betting-color: var(--color-text-on-betting);
    --comp-tag-breaking-background-color: var(--color-breaking);
    --comp-tag-breaking-border-color: var(--color-greyscale-transparent);
    --comp-tag-breaking-color: var(--color-text-on-breaking);
    --comp-tag-button-background-color: var(--comp-tag-button-background-color-dark);
    --comp-tag-button-border-color: var(--color-greyscale-transparent);
    --comp-tag-button-color: var(--comp-tag-button-color-dark);
    --comp-tag-button-hover-background-color: var(--comp-tag-button-hover-background-color-dark);
    --comp-tag-button-hover-border-color: var(--color-greyscale-transparent);
    --comp-tag-button-hover-color: var(--comp-tag-button-hover-color-dark);
    --comp-tag-default-background-color: var(--comp-tag-default-background-color-dark);
    --comp-tag-default-border-color: var(--comp-tag-default-border-color-dark);
    --comp-tag-default-color: var(--comp-tag-default-color-dark);
    --comp-tag-inverted-background-color: var(--color-greyscale-white);
    --comp-tag-inverted-border-color: var(--comp-tag-time-stamp-border-color);
    --comp-tag-inverted-color: var(--color-greyscale-black);
    --comp-tag-live-background-color: var(--comp-tag-live-background-color-dark);
    --comp-tag-live-border-color: var(--comp-tag-live-border-color-dark);
    --comp-tag-live-color: var(--comp-tag-live-color-dark);
    --comp-tag-media-background-color: var(--color-media);
    --comp-tag-media-border-color: var(--color-greyscale-transparent);
    --comp-tag-media-color: var(--color-text-on-media);
    --comp-tag-rumor-border-color: var(--color-greyscale-transparent);
    --comp-user-generated-content-news-header-background-color: var(--comp-user-generated-content-news-header-background-color-dark);
    --comp-user-generated-content-news-header-color: var(--comp-user-generated-content-news-header-color-dark);
    --comp-user-intro-background-color: var(--comp-user-intro-background-color-dark);
    --comp-user-intro-color: var(--comp-user-intro-color-dark);
}

@media(max-width: 46.8em) {
    .theme-vi {
        /* block "viewport/mobile" */
        --typography-article-heading-large-font-family: var(--typography-article-heading-mobile-large-font-family);
        --typography-article-heading-large-font-size: var(--typography-article-heading-mobile-large-font-size);
        --typography-article-heading-large-font-weight: var(--typography-article-heading-mobile-large-font-weight);
        --typography-article-heading-large-letter-spacing: var(--typography-article-heading-mobile-large-letter-spacing);
        --typography-article-heading-large-line-height: var(--typography-article-heading-mobile-large-line-height);
        --typography-article-heading-large-text-transform: var(--typography-article-heading-mobile-large-text-transform);
        --typography-article-heading-medium-font-family: var(--typography-article-heading-mobile-medium-font-family);
        --typography-article-heading-medium-font-size: var(--typography-article-heading-mobile-medium-font-size);
        --typography-article-heading-medium-font-weight: var(--typography-article-heading-mobile-medium-font-weight);
        --typography-article-heading-medium-letter-spacing: var(--typography-article-heading-mobile-medium-letter-spacing);
        --typography-article-heading-medium-line-height: var(--typography-article-heading-mobile-medium-line-height);
        --typography-article-heading-medium-text-transform: var(--typography-article-heading-mobile-medium-text-transform);
        --typography-article-heading-small-font-family: var(--typography-article-heading-mobile-small-font-family);
        --typography-article-heading-small-font-size: var(--typography-article-heading-mobile-small-font-size);
        --typography-article-heading-small-font-weight: var(--typography-article-heading-mobile-small-font-weight);
        --typography-article-heading-small-letter-spacing: var(--typography-article-heading-mobile-small-letter-spacing);
        --typography-article-heading-small-line-height: var(--typography-article-heading-mobile-small-line-height);
        --typography-article-heading-small-text-transform: var(--typography-article-heading-mobile-small-text-transform);
        --typography-heading-large-font-family: var(--typography-heading-mobile-large-font-family);
        --typography-heading-large-font-size: var(--typography-heading-mobile-large-font-size);
        --typography-heading-large-font-weight: var(--typography-heading-mobile-large-font-weight);
        --typography-heading-large-letter-spacing: var(--typography-heading-mobile-large-letter-spacing);
        --typography-heading-large-line-height: var(--typography-heading-mobile-large-line-height);
        --typography-heading-large-text-transform: var(--typography-heading-mobile-large-text-transform);
        --typography-heading-medium-font-family: var(--typography-heading-mobile-medium-font-family);
        --typography-heading-medium-font-size: var(--typography-heading-mobile-medium-font-size);
        --typography-heading-medium-font-weight: var(--typography-heading-mobile-medium-font-weight);
        --typography-heading-medium-letter-spacing: var(--typography-heading-mobile-medium-letter-spacing);
        --typography-heading-medium-line-height: var(--typography-heading-mobile-medium-line-height);
        --typography-heading-medium-text-transform: var(--typography-heading-mobile-medium-text-transform);
        --typography-heading-small-font-family: var(--typography-heading-mobile-small-font-family);
        --typography-heading-small-font-size: var(--typography-heading-mobile-small-font-size);
        --typography-heading-small-font-weight: var(--typography-heading-mobile-small-font-weight);
        --typography-heading-small-letter-spacing: var(--typography-heading-mobile-small-letter-spacing);
        --typography-heading-small-line-height: var(--typography-heading-mobile-small-line-height);
        --typography-heading-small-text-transform: var(--typography-heading-mobile-small-text-transform);
        --typography-heading-xsmall-bold-font-weight: var(--typography-heading-desktop-xsmall-bold-font-weight);
        --typography-heading-xsmall-font-family: var(--typography-heading-mobile-xsmall-font-family);
        --typography-heading-xsmall-font-size: var(--typography-heading-mobile-xsmall-font-size);
        --typography-heading-xsmall-font-weight: var(--typography-heading-mobile-xsmall-font-weight);
        --typography-heading-xsmall-letter-spacing: var(--typography-heading-mobile-xsmall-letter-spacing);
        --typography-heading-xsmall-line-height: var(--typography-heading-mobile-xsmall-line-height);
        --typography-heading-xsmall-text-transform: var(--typography-heading-mobile-xsmall-text-transform);
        --typography-premium-heading-large-font-size: 2em;
        --typography-premium-heading-large-line-height: 1.25em;
    }
}

@media(min-width: 46.8em) {
    .theme-vi {
        /* block "viewport/desktop" */
        --typography-article-heading-large-font-family: var(--typography-article-heading-desktop-large-font-family);
        --typography-article-heading-large-font-size: var(--typography-article-heading-desktop-large-font-size);
        --typography-article-heading-large-font-weight: var(--typography-article-heading-desktop-large-font-weight);
        --typography-article-heading-large-letter-spacing: var(--typography-article-heading-desktop-large-letter-spacing);
        --typography-article-heading-large-line-height: var(--typography-article-heading-desktop-large-line-height);
        --typography-article-heading-large-text-transform: var(--typography-article-heading-desktop-large-text-transform);
        --typography-article-heading-medium-font-family: var(--typography-article-heading-desktop-medium-font-family);
        --typography-article-heading-medium-font-size: var(--typography-article-heading-desktop-medium-font-size);
        --typography-article-heading-medium-font-weight: var(--typography-article-heading-desktop-medium-font-weight);
        --typography-article-heading-medium-letter-spacing: var(--typography-article-heading-desktop-medium-letter-spacing);
        --typography-article-heading-medium-line-height: var(--typography-article-heading-desktop-medium-line-height);
        --typography-article-heading-medium-text-transform: var(--typography-article-heading-desktop-medium-text-transform);
        --typography-article-heading-small-font-family: var(--typography-article-heading-desktop-small-font-family);
        --typography-article-heading-small-font-size: var(--typography-article-heading-desktop-small-font-size);
        --typography-article-heading-small-font-weight: var(--typography-article-heading-desktop-small-font-weight);
        --typography-article-heading-small-letter-spacing: var(--typography-article-heading-desktop-small-letter-spacing);
        --typography-article-heading-small-line-height: var(--typography-article-heading-desktop-small-line-height);
        --typography-article-heading-small-text-transform: var(--typography-article-heading-desktop-small-text-transform);
        --typography-heading-large-font-family: var(--typography-heading-desktop-large-font-family);
        --typography-heading-large-font-size: var(--typography-heading-desktop-large-font-size);
        --typography-heading-large-font-weight: var(--typography-heading-desktop-large-font-weight);
        --typography-heading-large-letter-spacing: var(--typography-heading-desktop-large-letter-spacing);
        --typography-heading-large-line-height: var(--typography-heading-desktop-large-line-height);
        --typography-heading-large-text-transform: var(--typography-heading-desktop-large-text-transform);
        --typography-heading-medium-font-family: var(--typography-heading-desktop-medium-font-family);
        --typography-heading-medium-font-size: var(--typography-heading-desktop-medium-font-size);
        --typography-heading-medium-font-weight: var(--typography-heading-desktop-medium-font-weight);
        --typography-heading-medium-letter-spacing: var(--typography-heading-desktop-medium-letter-spacing);
        --typography-heading-medium-line-height: var(--typography-heading-desktop-medium-line-height);
        --typography-heading-medium-text-transform: var(--typography-heading-desktop-medium-text-transform);
        --typography-heading-small-font-family: var(--typography-heading-desktop-small-font-family);
        --typography-heading-small-font-size: var(--typography-heading-desktop-small-font-size);
        --typography-heading-small-font-weight: var(--typography-heading-desktop-small-font-weight);
        --typography-heading-small-letter-spacing: var(--typography-heading-desktop-small-letter-spacing);
        --typography-heading-small-line-height: var(--typography-heading-desktop-small-line-height);
        --typography-heading-small-text-transform: var(--typography-heading-desktop-small-text-transform);
        --typography-heading-xsmall-bold-font-weight: var(--typography-heading-desktop-xsmall-bold-font-weight);
        --typography-heading-xsmall-font-family: var(--typography-heading-desktop-xsmall-font-family);
        --typography-heading-xsmall-font-size: var(--typography-heading-desktop-xsmall-font-size);
        --typography-heading-xsmall-font-weight: var(--typography-heading-desktop-xsmall-font-weight);
        --typography-heading-xsmall-letter-spacing: var(--typography-heading-desktop-xsmall-letter-spacing);
        --typography-heading-xsmall-line-height: var(--typography-heading-desktop-xsmall-line-height);
        --typography-heading-xsmall-text-transform: var(--typography-heading-desktop-xsmall-text-transform);
    }
}