/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

:root, [data-color-mode="dark"], [data-theme-accent-soft], [data-theme-accent-strong], [data-theme-breaking], [data-theme-premium], [data-theme-sponsored-content], [data-theme-default] {
  --scale-infinite: 9999px;
  --scale-16: 96px;
  --scale-15: 80px;
  --scale-14: 64px;
  --scale-13: 56px;
  --scale-12: 48px;
  --scale-11: 40px;
  --scale-10: 32px;
  --scale-9: 24px;
  --scale-8: 20px;
  --scale-7: 16px;
  --scale-6: 12px;
  --scale-5: 8px;
  --scale-4: 6px;
  --scale-3: 4px;
  --scale-2: 2px;
  --scale-1: 1px;
  --scale-0: 0px;
  --breakpoint-xl-min: 1440px;
  --breakpoint-lg-max: 1439px;
  --breakpoint-lg-min: 1010px;
  --breakpoint-md-max: 1009px;
  --breakpoint-md-min: 768px;
  --breakpoint-sm-max: 767px;
  --breakpoint-sm-min: 480px;
  --breakpoint-xs-max: 479px;
  --breakpoint-xs-min: 0px;
  --font-size-5xl: 32px;
  --font-size-4xl: 28px;
  --font-size-3xl: 24px;
  --font-size-2xl: 22px;
  --font-size-xl: 20px;
  --font-size-lg: 18px;
  --font-size-md: 17px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --line-height-5xl: 1.6;
  --line-height-4xl: 1.5;
  --line-height-3xl: 1.4;
  --line-height-2xl: 1.375;
  --line-height-xl: 1.335;
  --line-height-lg: 1.25;
  --line-height-md: 1.2;
  --line-height-sm: 1.15;
  --line-height-xs: 1;
  --segmented-control-layout-item-spacing: 2px;
  --segmented-control-layout-padding-left: 3px;
  --segmented-control-layout-padding-bottom: 3px;
  --segmented-control-layout-padding-right: 3px;
  --segmented-control-layout-padding-top: 3px;
  --segmented-control-border-radius: 4px;
  --segmented-control-item-border-radius: 1px;
  --segmented-control-item-lg-layout-item-spacing: 4px;
  --segmented-control-item-lg-layout-padding-left: 12px;
  --segmented-control-item-lg-layout-padding-bottom: 8px;
  --segmented-control-item-lg-layout-padding-right: 12px;
  --segmented-control-item-lg-layout-padding-top: 8px;
  --segmented-control-item-lg-typography-font-style: normal;
  --segmented-control-item-lg-typography-text-case: none;
  --segmented-control-item-lg-typography-line-height: 24px;
  --segmented-control-item-sm-layout-item-spacing: 4px;
  --segmented-control-item-sm-layout-padding-left: 8px;
  --segmented-control-item-sm-layout-padding-bottom: 8px;
  --segmented-control-item-sm-layout-padding-right: 8px;
  --segmented-control-item-sm-layout-padding-top: 8px;
  --segmented-control-item-sm-typography-font-style: normal;
  --segmented-control-item-sm-typography-text-case: none;
  --segmented-control-item-sm-typography-line-height: 16px;
  --dialog-border-radius: 0px;
  --paragraph-dropcap-linespan: 2;
  --tag-layout-padding-left: 11px;
  --tag-layout-padding-bottom: 7px;
  --tag-layout-padding-right: 11px;
  --tag-layout-padding-top: 7px;
  --tag-border-radius: 9999px;
  --tag-typography-font-style: normal;
  --icon-button-sm-layout-padding-left: 8px;
  --icon-button-sm-layout-padding-bottom: 8px;
  --icon-button-sm-layout-padding-right: 8px;
  --icon-button-sm-layout-padding-top: 8px;
  --icon-button-lg-layout-padding-left: 16px;
  --icon-button-lg-layout-padding-bottom: 16px;
  --icon-button-lg-layout-padding-right: 16px;
  --icon-button-lg-layout-padding-top: 16px;
  --tab-selected-typography-font-style: normal;
  --tab-selected-typography-line-height: 24px;
  --tab-layout-padding-left: 12px;
  --tab-layout-padding-bottom: 8px;
  --tab-layout-padding-right: 12px;
  --tab-layout-padding-top: 8px;
  --tab-default-typography-font-style: normal;
  --tab-default-typography-line-height: 24px;
  --default-teaser-editorial-animation-lg-height: 6px;
  --default-teaser-editorial-animation-md-height: 6px;
  --default-teaser-editorial-animation-sm-height: 6px;
  --default-teaser-editorial-label-highlight-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-highlight-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-highlight-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-highlight-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-highlight-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-highlight-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-highlight-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-highlight-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-highlight-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-highlight-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-highlight-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-highlight-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-highlight-sm-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-highlight-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-highlight-sm-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 0px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 0px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 0px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 0px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 0px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 0px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 0px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 0px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 0px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 0px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 0px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 0px;
  --default-teaser-editorial-label-lg-typography-font-style: normal;
  --default-teaser-editorial-label-lg-typography-text-case: none;
  --default-teaser-editorial-label-lg-typography-font-size: 14px;
  --default-teaser-editorial-label-lg-typography-line-height: 1.15;
  --default-teaser-editorial-label-lg-typography-font-weight: 500;
  --default-teaser-editorial-label-lg-typography-font-family: 'Apercu Pro', 'Apercu Pro Fallback', serif;
  --default-teaser-editorial-label-md-typography-font-style: normal;
  --default-teaser-editorial-label-md-typography-text-case: none;
  --default-teaser-editorial-label-md-typography-font-size: 14px;
  --default-teaser-editorial-label-md-typography-line-height: 1.15;
  --default-teaser-editorial-label-md-typography-font-weight: 500;
  --default-teaser-editorial-label-md-typography-font-family: 'Apercu Pro', 'Apercu Pro Fallback', serif;
  --default-teaser-editorial-label-sm-typography-font-style: normal;
  --default-teaser-editorial-label-sm-typography-text-case: none;
  --default-teaser-editorial-label-sm-typography-font-size: 14px;
  --default-teaser-editorial-label-sm-typography-line-height: 1.15;
  --default-teaser-editorial-label-sm-typography-font-weight: 500;
  --default-teaser-editorial-label-sm-typography-font-family: 'Apercu Pro', 'Apercu Pro Fallback', serif;
  --default-teaser-premium-long-padding-left: 16px;
  --default-teaser-premium-long-padding-bottom: 16px;
  --date-time-typography-font-style: normal;
  --date-time-typography-font-size: 14px;
  --date-time-typography-line-height: 1.15;
  --date-time-typography-font-weight: 400;
  --date-time-typography-font-family: 'Apercu Pro', 'Apercu Pro Fallback', serif;
  --logo-square-main-aspect-ratio: 1;
  --logo-square-main-inverse-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3cpath fill='white' d='M0 0h48v48H0z'/%3e%3cpath fill='black' d='M9.33 33.3V14.7h3.4v15.94h8.22v2.66zM33.4 15.03c-1.53 0-2.94.78-4.1 2.26a13 13 0 0 0-2.19 4.3 17 17 0 0 0-.78 4.78c0 1.76.21 3.17.55 4.2.6 1.65 1.61 2.43 3.14 2.43q3.86-.02 6.96-6.27h.26l-1.48 5.1a12 12 0 0 1-6.02 1.56c-2.4 0-4.37-.7-5.8-2.09-1.42-1.35-2.15-3.32-2.15-5.72 0-1.95.55-3.87 1.58-5.56A11.5 11.5 0 0 1 36.1 15q1.58.44 2.57 1.2l-.86 4.31h-.26a7.5 7.5 0 0 0-.9-3.74 3.6 3.6 0 0 0-3.25-1.74'/%3e%3c/svg%3e");
  --logo-square-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3cpath fill='%236f47f0' d='M0 0h48v48H0z'/%3e%3cpath fill='white' d='M9.33 33.3V14.7h3.4v15.94h8.22v2.66zM33.4 15.03c-1.53 0-2.94.78-4.1 2.26a13 13 0 0 0-2.19 4.3 17 17 0 0 0-.78 4.78c0 1.76.21 3.17.55 4.2.6 1.65 1.61 2.43 3.14 2.43q3.86-.02 6.96-6.27h.26l-1.48 5.1a12 12 0 0 1-6.02 1.56c-2.4 0-4.37-.7-5.8-2.09-1.42-1.35-2.15-3.32-2.15-5.72 0-1.95.55-3.87 1.58-5.56A11.5 11.5 0 0 1 36.1 15q1.58.44 2.57 1.2l-.86 4.31h-.26a7.5 7.5 0 0 0-.9-3.74 3.6 3.6 0 0 0-3.25-1.74'/%3e%3c/svg%3e");
  --logo-main-aspect-ratio: 1.563;
  --logo-main-inverse-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='75' height='48' fill='none' viewBox='0 0 75 48'%3e%3cpath fill='white' d='M0 47.7V.24h8.68v40.7h21.03v6.78zM61.53 1.07c-3.92 0-7.5 1.99-10.5 5.77-2.32 2.85-4.18 6.64-5.57 10.96-1.26 4.18-2 8.5-2 12.2 0 4.52.54 8.1 1.4 10.76 1.53 4.18 4.12 6.17 8.04 6.17 6.57 0 12.54-5.37 17.79-16h.66l-3.78 13.02a31.3 31.3 0 0 1-15.4 3.98c-6.11 0-11.16-1.8-14.8-5.31-3.66-3.45-5.52-8.5-5.52-14.6 0-4.99 1.4-9.9 4.05-14.21A29.3 29.3 0 0 1 46.79 3.58 30 30 0 0 1 61.19 0c2.4 0 4.92.4 7.24 1A20 20 0 0 1 75 4.05l-2.2 11.02h-.66c-.06-4.05-.92-7.24-2.32-9.56-1.8-2.92-4.58-4.45-8.3-4.45'/%3e%3c/svg%3e");
  --logo-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='75' height='48' fill='none' viewBox='0 0 75 48'%3e%3cpath fill='%231d1d20' d='M0 47.7V.24h8.68v40.7h21.03v6.78zM61.53 1.07c-3.92 0-7.5 1.99-10.5 5.77-2.32 2.85-4.18 6.64-5.57 10.96-1.26 4.18-2 8.5-2 12.2 0 4.52.54 8.1 1.4 10.76 1.53 4.18 4.12 6.17 8.04 6.17 6.57 0 12.54-5.37 17.79-16h.66l-3.78 13.02a31.3 31.3 0 0 1-15.4 3.98c-6.11 0-11.16-1.8-14.8-5.31-3.66-3.45-5.52-8.5-5.52-14.6 0-4.99 1.4-9.9 4.05-14.21A29.3 29.3 0 0 1 46.79 3.58 30 30 0 0 1 61.19 0c2.4 0 4.92.4 7.24 1A20 20 0 0 1 75 4.05l-2.2 11.02h-.66c-.06-4.05-.92-7.24-2.32-9.56-1.8-2.92-4.58-4.45-8.3-4.45'/%3e%3c/svg%3e");
  --premium-main-aspect-ratio: 1;
  --premium-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3cpath fill='%23ff0328' d='M0 3.46A3.46 3.46 0 0 1 3.46 0h41.08A3.46 3.46 0 0 1 48 3.46v41.08A3.46 3.46 0 0 1 44.54 48H3.46A3.46 3.46 0 0 1 0 44.54z'/%3e%3cpath fill='white' d='M19.77 28.23H9.02v-8.46h10.75V9.02h8.46v10.75h10.75v8.46H28.23v10.75h-8.46z'/%3e%3c/svg%3e");
  --font-weight-system-bold-italic: 700;
  --font-weight-system-bold: 700;
  --font-weight-system-medium-italic: 500;
  --font-weight-system-medium: 500;
  --font-weight-system-regular-italic: 400;
  --font-weight-system-regular: 400;
  --font-weight-secondary-bold-italic: 700;
  --font-weight-secondary-bold: 700;
  --font-weight-secondary-medium-italic: 500;
  --font-weight-secondary-medium: 500;
  --font-weight-secondary-regular-italic: 400;
  --font-weight-secondary-regular: 400;
  --font-weight-primary-semi-bold-italic: 600;
  --font-weight-primary-semi-bold: 600;
  --font-weight-primary-medium-italic: 500;
  --font-weight-primary-medium: 500;
  --font-weight-primary-regular-italic: 400;
  --font-weight-primary-regular: 400;
  --font-family-system: system-ui, sans-serif, 'SF Pro Text';
  --font-family-secondary: 'Apercu Pro', 'Apercu Pro Fallback', serif;
  --font-family-primary: 'Reckless', 'Reckless Fallback', sans-serif;
  --header-logo-scroll-height: 28px;
  --header-logo-default-height: 28px;
  --header-strong-lg-typography-font-style: normal;
  --header-strong-sm-typography-font-style: normal;
  --header-default-lg-typography-font-style: normal;
  --header-default-sm-typography-font-style: normal;
  --vertical-teaser-premium-long-padding-left: 16px;
  --vertical-teaser-premium-long-padding-bottom: 16px;
  --vertical-teaser-body-default-lg-layout-padding-left: 0px;
  --vertical-teaser-body-default-lg-layout-padding-bottom: 0px;
  --vertical-teaser-body-default-lg-layout-padding-right: 0px;
  --vertical-teaser-body-default-lg-layout-padding-top: 16px;
  --vertical-teaser-body-default-md-layout-padding-left: 0px;
  --vertical-teaser-body-default-md-layout-padding-bottom: 0px;
  --vertical-teaser-body-default-md-layout-padding-right: 0px;
  --vertical-teaser-body-default-md-layout-padding-top: 16px;
  --vertical-teaser-body-default-sm-layout-padding-left: 0px;
  --vertical-teaser-body-default-sm-layout-padding-bottom: 0px;
  --vertical-teaser-body-default-sm-layout-padding-right: 0px;
  --vertical-teaser-body-default-sm-layout-padding-top: 16px;
  --vertical-teaser-body-inset-lg-layout-padding-left: 16px;
  --vertical-teaser-body-inset-lg-layout-padding-bottom: 16px;
  --vertical-teaser-body-inset-lg-layout-padding-right: 16px;
  --vertical-teaser-body-inset-lg-layout-padding-top: 16px;
  --vertical-teaser-body-inset-md-layout-padding-left: 16px;
  --vertical-teaser-body-inset-md-layout-padding-bottom: 16px;
  --vertical-teaser-body-inset-md-layout-padding-right: 16px;
  --vertical-teaser-body-inset-md-layout-padding-top: 16px;
  --vertical-teaser-body-inset-sm-layout-padding-left: 16px;
  --vertical-teaser-body-inset-sm-layout-padding-bottom: 16px;
  --vertical-teaser-body-inset-sm-layout-padding-right: 16px;
  --vertical-teaser-body-inset-sm-layout-padding-top: 16px;
  --related-teaser-box-shadow: 0px 0px 0px 0px #ffffff00;
  --related-teaser-image-right: true;
  --related-teaser-image-left: false;
  --related-teaser-image-width: 80px;
  --related-teaser-layout-padding-left: 16px;
  --related-teaser-layout-padding-bottom: 0px;
  --related-teaser-layout-padding-right: 16px;
  --related-teaser-layout-padding-top: 0px;
  --related-teaser-prefix-typography-font-style: normal;
  --related-teaser-prefix-typography-text-case: none;
  --related-teaser-title-hover-text-decoration: underline;
  --related-teaser-title-default-text-decoration: none;
  --related-teaser-title-typography-font-style: normal;
  --quote-quotee-function-padding-top: 4px;
  --quote-quotee-function-typography-font-style: normal;
  --quote-quotee-padding-top: 16px;
  --quote-quotee-typography-font-style: normal;
  --quote-blockquote-typography-font-style: italic;
  --quote-blockquote-typography-font-weight: 600;
  --horizontal-teaser-inset-lg-layout-padding-left: 16px;
  --horizontal-teaser-inset-lg-layout-padding-bottom: 16px;
  --horizontal-teaser-inset-lg-layout-padding-right: 16px;
  --horizontal-teaser-inset-lg-layout-padding-top: 16px;
  --horizontal-teaser-inset-md-layout-padding-left: 16px;
  --horizontal-teaser-inset-md-layout-padding-bottom: 16px;
  --horizontal-teaser-inset-md-layout-padding-right: 16px;
  --horizontal-teaser-inset-md-layout-padding-top: 16px;
  --horizontal-teaser-inset-sm-layout-padding-left: 16px;
  --horizontal-teaser-inset-sm-layout-padding-bottom: 16px;
  --horizontal-teaser-inset-sm-layout-padding-right: 16px;
  --horizontal-teaser-inset-sm-layout-padding-top: 16px;
  --horizontal-teaser-default-layout-padding-left: 0px;
  --horizontal-teaser-default-layout-padding-bottom: 0px;
  --horizontal-teaser-default-layout-padding-right: 0px;
  --horizontal-teaser-default-layout-padding-top: 0px;
  --horizontal-teaser-lg-item-spacing: 16px;
  --horizontal-teaser-md-item-spacing: 16px;
  --horizontal-teaser-sm-item-spacing: 16px;
  --horizontal-teaser-image-default-lg-width: 80px;
  --horizontal-teaser-image-default-md-width: 80px;
  --horizontal-teaser-image-default-sm-width: 80px;
  --horizontal-teaser-image-right: false;
  --horizontal-teaser-image-left: true;
  --list-teaser-external-icon-height: 16px;
  --list-teaser-premium-inline-after: true;
  --list-teaser-premium-inline-before: false;
  --list-teaser-premium-main-inline-height: 12px;
  --list-teaser-prefix-typography-font-style: normal;
  --list-teaser-prefix-typography-text-case: uppercase;
  --list-teaser-title-typography-font-style: normal;
  --text-on-image-teaser-editorial-animation-height: 8px;
  --text-on-image-teaser-editorial-label-wrapper-layout-padding-left: 16px;
  --text-on-image-teaser-editorial-label-wrapper-layout-padding-bottom: 0px;
  --text-on-image-teaser-editorial-label-wrapper-layout-padding-right: 16px;
  --text-on-image-teaser-editorial-label-wrapper-layout-padding-top: 16px;
  --text-on-image-teaser-editorial-label-layout-item-spacing: 4px;
  --text-on-image-teaser-editorial-label-layout-padding-left: 8px;
  --text-on-image-teaser-editorial-label-layout-padding-bottom: 8px;
  --text-on-image-teaser-editorial-label-layout-padding-right: 8px;
  --text-on-image-teaser-editorial-label-layout-padding-top: 8px;
  --text-on-image-teaser-editorial-label-typography-font-style: normal;
  --text-on-image-teaser-editorial-label-typography-text-case: none;
  --text-on-image-teaser-sublabel-layout-padding-left: 0px;
  --text-on-image-teaser-sublabel-layout-padding-bottom: 0px;
  --text-on-image-teaser-sublabel-layout-padding-right: 0px;
  --text-on-image-teaser-sublabel-layout-padding-top: 0px;
  --text-on-image-teaser-label-layout-padding-left: 0px;
  --text-on-image-teaser-label-layout-padding-bottom: 0px;
  --text-on-image-teaser-label-layout-padding-right: 0px;
  --text-on-image-teaser-label-layout-padding-top: 0px;
  --text-on-image-teaser-background-fill: linear-gradient(0deg, #000000 0%, #00000080 50%, #00000000 100%);
  --text-on-image-teaser-body-layout-padding-left: 16px;
  --text-on-image-teaser-body-layout-padding-bottom: 16px;
  --text-on-image-teaser-body-layout-padding-right: 16px;
  --text-on-image-teaser-body-layout-padding-top: 0px;
  --teaser-content-lg-item-spacing: 8px;
  --teaser-content-md-item-spacing: 8px;
  --teaser-content-sm-item-spacing: 8px;
  --teaser-taxonomy-lg-padding-bottom: 4px;
  --teaser-taxonomy-md-padding-bottom: 4px;
  --teaser-taxonomy-sm-padding-bottom: 4px;
  --teaser-image-box-shadow: 0px 0px 0px 0px #ffffff00;
  --teaser-external-icon-lg-height: 24px;
  --teaser-external-icon-md-height: 20px;
  --teaser-external-icon-sm-height: 16px;
  --teaser-prefix-lg-typography-font-style: normal;
  --teaser-prefix-lg-typography-text-case: uppercase;
  --teaser-prefix-md-typography-font-style: normal;
  --teaser-prefix-md-typography-text-case: uppercase;
  --teaser-prefix-sm-typography-font-style: normal;
  --teaser-prefix-sm-typography-text-case: uppercase;
  --teaser-introduction-typography-font-style: normal;
  --teaser-title-lg-typography-font-style: normal;
  --teaser-title-md-typography-font-style: normal;
  --teaser-title-sm-typography-font-style: normal;
  --teaser-sublabel-lg-typography-font-style: normal;
  --teaser-sublabel-lg-typography-text-case: none;
  --teaser-sublabel-md-typography-font-style: normal;
  --teaser-sublabel-md-typography-text-case: none;
  --teaser-sublabel-sm-typography-font-style: normal;
  --teaser-sublabel-sm-typography-text-case: none;
  --teaser-label-lg-typography-font-style: normal;
  --teaser-label-lg-typography-text-case: none;
  --teaser-label-md-typography-font-style: normal;
  --teaser-label-md-typography-text-case: none;
  --teaser-label-sm-typography-font-style: normal;
  --teaser-label-sm-typography-text-case: none;
  --teaser-premium-long-lg-top: false;
  --teaser-premium-long-md-top: false;
  --teaser-premium-long-sm-top: false;
  --teaser-premium-long-base-height: 16px;
  --teaser-premium-taxonomy-lg-before: false;
  --teaser-premium-taxonomy-lg-after: false;
  --teaser-premium-taxonomy-md-before: false;
  --teaser-premium-taxonomy-md-after: false;
  --teaser-premium-taxonomy-sm-before: false;
  --teaser-premium-taxonomy-sm-after: false;
  --teaser-premium-inline-lg-height: 20px;
  --teaser-premium-inline-lg-before: true;
  --teaser-premium-inline-md-height: 16px;
  --teaser-premium-inline-md-before: true;
  --teaser-premium-inline-sm-height: 12px;
  --teaser-premium-inline-sm-before: true;
  --teaser-premium-main-base-height: 12px;
  --table-cell-typography-font-style: normal;
  --table-header-typography-font-style: normal;
  --table-header-typography-text-case: uppercase;
  --wide-list-title-typography-font-style: normal;
  --description-lg-strong-typography-font-style: normal;
  --description-lg-default-typography-font-style: normal;
  --description-sm-strong-typography-font-style: normal;
  --description-sm-default-typography-font-style: normal;
  --input-sm-border-radius: 0px;
  --input-lg-border-radius: 0px;
  --input-date-picker-day-typography-font-style: normal;
  --input-date-picker-week-typography-font-style: normal;
  --input-placeholder-typography-font-style: normal;
  --input-label-lg-typography-font-style: normal;
  --input-label-sm-typography-font-style: normal;
  --button-border-width: 1px;
  --button-tertiary-active-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-tertiary-hover-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-tertiary-default-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-secondary-active-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-secondary-hover-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-secondary-default-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-primary-active-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-primary-hover-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-primary-default-box-shadow: 0px 0px 0px 0px #ffffff00;
  --button-lg-layout-item-spacing: 2px;
  --button-lg-layout-padding-left: 20px;
  --button-lg-layout-padding-bottom: 11px;
  --button-lg-layout-padding-right: 20px;
  --button-lg-layout-padding-top: 11px;
  --button-lg-border-radius: 0px;
  --button-lg-typography-font-style: normal;
  --button-lg-typography-text-case: none;
  --button-lg-typography-line-height: 24px;
  --button-sm-layout-item-spacing: 2px;
  --button-sm-layout-padding-left: 12px;
  --button-sm-layout-padding-bottom: 7px;
  --button-sm-layout-padding-right: 12px;
  --button-sm-layout-padding-top: 7px;
  --button-sm-border-radius: 0px;
  --button-sm-typography-font-style: normal;
  --button-sm-typography-text-case: none;
  --button-sm-typography-line-height: 16px;
  --branded-heading-before-line-lg-width: 0px;
  --branded-heading-before-line-sm-width: 0px;
  --branded-heading-bullet-lg-width: 0px;
  --branded-heading-bullet-lg-height: 0px;
  --branded-heading-bullet-sm-width: 0px;
  --branded-heading-bullet-sm-height: 0px;
  --branded-heading-action-typography-font-style: normal;
  --branded-heading-action-typography-text-decoration: none;
  --branded-heading-action-typography-text-case: none;
  --branded-heading-lg-layout-item-spacing: 4px;
  --branded-heading-lg-layout-padding-left: 0px;
  --branded-heading-lg-layout-padding-bottom: 0px;
  --branded-heading-lg-layout-padding-right: 0px;
  --branded-heading-lg-layout-padding-top: 0px;
  --branded-heading-lg-typography-font-style: normal;
  --branded-heading-lg-typography-text-case: none;
  --branded-heading-sm-layout-item-spacing: 4px;
  --branded-heading-sm-layout-padding-left: 0px;
  --branded-heading-sm-layout-padding-bottom: 0px;
  --branded-heading-sm-layout-padding-right: 0px;
  --branded-heading-sm-layout-padding-top: 0px;
  --branded-heading-sm-typography-font-style: normal;
  --branded-heading-sm-typography-text-case: none;
  --body-typography-font-style: normal;
  --accordion-title-typography-font-style: normal;
  --link-text-hover-text-decoration: underline;
  --link-text-default-text-decoration: none;
  --link-text-typography-font-style: normal;
  --link-text-typography-text-decoration: underline;
  --semantic-caption-alt-sm-strong-typography-font-style: normal;
  --semantic-caption-alt-sm-default-typography-font-style: normal;
  --semantic-caption-alt-lg-strong-typography-font-style: normal;
  --semantic-caption-alt-lg-default-typography-font-style: normal;
  --semantic-caption-default-sm-strong-typography-font-style: normal;
  --semantic-caption-default-sm-default-typography-font-style: normal;
  --semantic-caption-default-lg-strong-typography-font-style: normal;
  --semantic-caption-default-lg-default-typography-font-style: normal;
  --semantic-paragraph-alt-sm-strong-typography-font-style: normal;
  --semantic-paragraph-alt-sm-default-typography-font-style: normal;
  --semantic-paragraph-alt-lg-strong-typography-font-style: normal;
  --semantic-paragraph-alt-lg-default-typography-font-style: normal;
  --semantic-paragraph-default-sm-strong-typography-font-style: normal;
  --semantic-paragraph-default-sm-default-typography-font-style: normal;
  --semantic-paragraph-default-lg-strong-typography-font-style: normal;
  --semantic-paragraph-default-lg-default-typography-font-style: normal;
  --semantic-headline-xs-typography-font-style: normal;
  --semantic-headline-sm-typography-font-style: normal;
  --semantic-headline-md-typography-font-style: normal;
  --semantic-headline-lg-typography-font-style: normal;
  --semantic-headline-xl-typography-font-style: normal;
  --semantic-headline-2xl-typography-font-style: normal;
  --semantic-display-typography-font-style: normal;
  --color-weather-cloud: #1A1A1A;
  --color-weather-water: #0068EF;
  --color-weather-wind: #808080;
  --color-weather-snow: #808080;
  --color-weather-lightning: #FDC300;
  --color-weather-objects: #FDC300;
  --color-weather-sun: #FDC300;
  --color-social-spotify-black: #000000;
  --color-social-spotify-green: #1ED760;
  --color-social-linkedin: #0A66C2;
  --color-social-youtube: #FF0000;
  --color-social-whatsapp: #26D367;
  --color-social-twitter: #1D9BF0;
  --color-social-instagram: #B900B3;
  --color-social-skype: #0078D7;
  --color-social-pinterest: #E60023;
  --color-social-github: #231E1B;
  --color-social-facebook: #1877F2;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-neutral-100: #101010;
  --color-neutral-90: #2B2B2B;
  --color-neutral-80: #414141;
  --color-neutral-70: #707070;
  --color-neutral-60: #A4A4A4;
  --color-neutral-50: #BBBBBB;
  --color-neutral-40: #D8D8D8;
  --color-neutral-30: #EFEFEF;
  --color-neutral-20: #F6F6F6;
  --color-neutral-10: #FCFCFC;
  --color-orange-100: #260D00;
  --color-orange-90: #5B1F00;
  --color-orange-80: #903100;
  --color-orange-70: #C54300;
  --color-orange-60: #FA5500;
  --color-orange-50: #FF7800;
  --color-orange-40: #FF9639;
  --color-orange-30: #FFB473;
  --color-orange-20: #FFD3AC;
  --color-orange-10: #FFF1E5;
  --color-red-100: #260010;
  --color-red-90: #610320;
  --color-red-80: #9C0B27;
  --color-red-70: #D71625;
  --color-red-60: #FF3344;
  --color-red-50: #FE5A68;
  --color-red-40: #FE808B;
  --color-red-30: #FDA6AE;
  --color-red-20: #FDCCD1;
  --color-red-10: #FCF2F3;
  --color-green-100: #152600;
  --color-green-90: #2A4B01;
  --color-green-80: #3F7002;
  --color-green-70: #549504;
  --color-green-60: #69BA06;
  --color-green-50: #89C829;
  --color-green-40: #A8D651;
  --color-green-30: #C5E37D;
  --color-green-20: #E1F1AF;
  --color-green-10: #FAFFE5;
  --color-blue-100: #0F171C;
  --color-blue-90: #1B2F3D;
  --color-blue-80: #22445F;
  --color-blue-70: #225680;
  --color-blue-60: #1D65A1;
  --color-blue-50: #1370C2;
  --color-blue-40: #3F8DD1;
  --color-blue-30: #72ABE1;
  --color-blue-20: #ABCFF0;
  --color-blue-10: #EAF5FF;
  --color-secondary-100: #380B12;
  --color-secondary-90: #74101F;
  --color-secondary-80: #AA0F26;
  --color-secondary-70: #D00B28;
  --color-secondary-60: #E90829;
  --color-secondary-50: #FF0328;
  --color-secondary-40: #FF7287;
  --color-secondary-30: #FFB2BD;
  --color-secondary-20: #FFDDE2;
  --color-secondary-10: #FFF6F7;
  --color-primary-100: #171420;
  --color-primary-90: #271F3E;
  --color-primary-80: #362667;
  --color-primary-70: #482AA5;
  --color-primary-60: #5935CD;
  --color-primary-50: #6F47F0;
  --color-primary-40: #8F72EF;
  --color-primary-30: #B7A1FF;
  --color-primary-20: #E2D8FF;
  --color-primary-10: #F6F4FF;
  --color-sponsored-content-primary-100: #121B15;
  --color-sponsored-content-primary-90: #162C1D;
  --color-sponsored-content-primary-80: #153B23;
  --color-sponsored-content-primary-70: #225835;
  --color-sponsored-content-primary-60: #2F7C4C;
  --color-sponsored-content-primary-50: #2BB164;
  --color-sponsored-content-primary-40: #88D19D;
  --color-sponsored-content-primary-30: #AAE0B8;
  --color-sponsored-content-primary-20: #B2F2C4;
  --color-sponsored-content-primary-10: #E6F7EA;
  --font-size-base: var(--font-size-md);
  --box-shadow-text: 0px 4px 4px 0px rgba(0, 0, 0, 25%);
  --box-shadow-xl: 0px 4px 8px 0px rgba(0, 0, 0, 40%);
  --box-shadow-lg: 0px 3px 6px 0px rgba(0, 0, 0, 40%);
  --box-shadow-md: 0px 2px 4px 0px rgba(0, 0, 0, 40%);
  --box-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 40%);
  --box-shadow-inset-sm: inset 0px 2px 4px 0px rgba(0, 0, 0, 40%);
  --box-shadow-inset-md: inset 0px 4px 8px 0px rgba(0, 0, 0, 40%);
  --segmented-control-item-lg-typography-font-size: var(--font-size-md);
  --segmented-control-item-lg-typography-font-weight: 500;
  --segmented-control-item-lg-typography-font-family: var(--font-family-system);
  --segmented-control-item-sm-typography-font-size: var(--font-size-sm);
  --segmented-control-item-sm-typography-font-weight: 500;
  --segmented-control-item-sm-typography-font-family: var(--font-family-system);
  --breaking-fill: var(--color-primary-100);
  --rating-foreground-empty-fill: var(--color-neutral-60);
  --tag-typography-font-size: var(--font-size-sm);
  --tag-typography-line-height: 1.2;
  --tag-typography-font-weight: 400;
  --tag-typography-font-family: var(--font-family-system);
  --skeleton-fill: linear-gradient( -90deg, rgba(216, 216, 216, 48%) 0%, rgba(187, 187, 187, 48%) 50%, rgba(216, 216, 216, 48%) 100%);;
  --tab-selected-typography-font-weight: 400;
  --tab-selected-typography-font-family: var(--font-family-secondary);
  --tab-default-typography-font-weight: 400;
  --tab-default-typography-font-family: var(--font-family-secondary);
  --avatar-border-radius: var(--scale-infinite);
  --premium-long-aspect-ratio: 1;
  --premium-long-asset: var(--premium-main-asset);
  --focus-positive: 0px 0px 0px 3px var(--color-green-80);
  --header-lg-font-size: var(--font-size-md);
  --header-sm-font-size: var(--font-size-sm);
  --header-scroll-asset: var(--logo-main-asset);
  --header-strong-lg-typography-line-height: 1.15;
  --header-strong-sm-typography-line-height: 1.15;
  --header-strong-font-weight: 500;
  --header-default-lg-typography-line-height: 1.15;
  --header-default-sm-typography-line-height: 1.15;
  --header-default-asset: var(--logo-main-asset);
  --header-default-font-weight: 400;
  --header-font-family: var(--font-family-secondary);
  --header-background-accent-active-fill: var(--color-primary-90);
  --header-background-accent-hover-fill: var(--color-primary-80);
  --related-teaser-prefix-typography-font-size: var(--font-size-md);
  --related-teaser-prefix-typography-line-height: 1.4;
  --related-teaser-prefix-typography-font-weight: 400;
  --related-teaser-prefix-typography-font-family: var(--font-family-primary);
  --related-teaser-title-typography-font-size: var(--font-size-md);
  --related-teaser-title-typography-line-height: 1.4;
  --related-teaser-title-typography-font-weight: 500;
  --related-teaser-title-typography-font-family: var(--font-family-primary);
  --quote-quotee-function-typography-font-size: var(--font-size-sm);
  --quote-quotee-function-typography-line-height: 1.5;
  --quote-quotee-function-typography-font-weight: 400;
  --quote-quotee-function-typography-font-family: var(--font-family-primary);
  --quote-quotee-typography-font-size: var(--font-size-md);
  --quote-quotee-typography-line-height: 1.5;
  --quote-quotee-typography-font-weight: 500;
  --quote-quotee-typography-font-family: var(--font-family-primary);
  --quote-blockquote-typography-font-size: var(--font-size-2xl);
  --quote-blockquote-typography-line-height: 1.2;
  --quote-blockquote-typography-font-family: var(--font-family-primary);
  --list-teaser-prefix-typography-font-size: var(--font-size-md);
  --list-teaser-prefix-typography-line-height: 1.4;
  --list-teaser-prefix-typography-font-weight: 400;
  --list-teaser-prefix-typography-font-family: var(--font-family-primary);
  --list-teaser-title-typography-font-size: var(--font-size-md);
  --list-teaser-title-typography-line-height: 1.15;
  --list-teaser-title-typography-font-weight: 500;
  --list-teaser-title-typography-font-family: var(--font-family-primary);
  --stepper-background-default-fill: var(--color-neutral-40);
  --switch-track-fill: var(--color-neutral-40);
  --text-on-image-teaser-editorial-label-typography-font-size: var(--font-size-lg);
  --text-on-image-teaser-editorial-label-typography-line-height: 1.15;
  --text-on-image-teaser-editorial-label-typography-font-weight: 700;
  --text-on-image-teaser-editorial-label-typography-font-family: var(--font-family-system);
  --text-on-image-teaser-date-time-fill: var(--color-neutral-20);
  --text-on-image-teaser-introduction-fill: var(--color-neutral-20);
  --text-on-image-teaser-title-fill: var(--color-neutral-white);
  --text-on-image-teaser-sublabel-fill: var(--color-neutral-white);
  --text-on-image-teaser-label-fill: var(--color-neutral-white);
  --text-on-image-teaser-premium-main-asset: var(--premium-main-asset);
  --teaser-play-button-border: 1px solid var(--color-neutral-white);
  --teaser-prefix-lg-typography-font-size: var(--font-size-5xl);
  --teaser-prefix-lg-typography-line-height: 1.2;
  --teaser-prefix-lg-typography-font-weight: 600;
  --teaser-prefix-lg-typography-font-family: var(--font-family-primary);
  --teaser-prefix-md-typography-font-size: var(--font-size-2xl);
  --teaser-prefix-md-typography-line-height: 1.2;
  --teaser-prefix-md-typography-font-weight: 600;
  --teaser-prefix-md-typography-font-family: var(--font-family-primary);
  --teaser-prefix-sm-typography-font-size: var(--font-size-lg);
  --teaser-prefix-sm-typography-line-height: 1.2;
  --teaser-prefix-sm-typography-font-weight: 600;
  --teaser-prefix-sm-typography-font-family: var(--font-family-primary);
  --teaser-introduction-typography-font-size: var(--font-size-sm);
  --teaser-introduction-typography-line-height: 1.4;
  --teaser-introduction-typography-font-weight: 400;
  --teaser-introduction-typography-font-family: var(--font-family-primary);
  --teaser-title-lg-typography-font-size: var(--font-size-xl);
  --teaser-title-lg-typography-line-height: 1.15;
  --teaser-title-lg-typography-font-weight: 500;
  --teaser-title-lg-typography-font-family: var(--font-family-primary);
  --teaser-title-md-typography-font-size: var(--font-size-lg);
  --teaser-title-md-typography-line-height: 1.15;
  --teaser-title-md-typography-font-weight: 500;
  --teaser-title-md-typography-font-family: var(--font-family-primary);
  --teaser-title-sm-typography-font-size: var(--font-size-md);
  --teaser-title-sm-typography-line-height: 1.15;
  --teaser-title-sm-typography-font-weight: 500;
  --teaser-title-sm-typography-font-family: var(--font-family-primary);
  --teaser-sublabel-lg-typography-font-size: var(--font-size-sm);
  --teaser-sublabel-lg-typography-line-height: 1.15;
  --teaser-sublabel-lg-typography-font-weight: 400;
  --teaser-sublabel-lg-typography-font-family: var(--font-family-secondary);
  --teaser-sublabel-md-typography-font-size: var(--font-size-sm);
  --teaser-sublabel-md-typography-line-height: 1.15;
  --teaser-sublabel-md-typography-font-weight: 400;
  --teaser-sublabel-md-typography-font-family: var(--font-family-secondary);
  --teaser-sublabel-sm-typography-font-size: var(--font-size-sm);
  --teaser-sublabel-sm-typography-line-height: 1.15;
  --teaser-sublabel-sm-typography-font-weight: 400;
  --teaser-sublabel-sm-typography-font-family: var(--font-family-secondary);
  --teaser-label-lg-typography-font-size: var(--font-size-sm);
  --teaser-label-lg-typography-line-height: 1.15;
  --teaser-label-lg-typography-font-weight: 500;
  --teaser-label-lg-typography-font-family: var(--font-family-secondary);
  --teaser-label-md-typography-font-size: var(--font-size-sm);
  --teaser-label-md-typography-line-height: 1.15;
  --teaser-label-md-typography-font-weight: 500;
  --teaser-label-md-typography-font-family: var(--font-family-secondary);
  --teaser-label-sm-typography-font-size: var(--font-size-sm);
  --teaser-label-sm-typography-line-height: 1.15;
  --teaser-label-sm-typography-font-weight: 500;
  --teaser-label-sm-typography-font-family: var(--font-family-secondary);
  --teaser-background-highlight-fill: var(--color-primary-10);
  --teaser-premium-main-default-asset: var(--premium-main-asset);
  --teaser-premium-main-highlight-asset: var(--premium-main-asset);
  --table-cell-typography-font-size: var(--font-size-sm);
  --table-cell-typography-line-height: 1.15;
  --table-cell-typography-font-weight: 400;
  --table-cell-typography-font-family: var(--font-family-primary);
  --table-header-typography-font-size: var(--font-size-xs);
  --table-header-typography-line-height: 1;
  --table-header-typography-font-weight: 600;
  --table-header-typography-font-family: var(--font-family-primary);
  --wide-list-background-even-fill: var(--color-neutral-10);
  --wide-list-background-active-fill: var(--color-neutral-20);
  --wide-list-background-hover-fill: var(--color-neutral-10);
  --wide-list-title-typography-font-size: var(--font-size-lg);
  --wide-list-title-typography-line-height: 1.25;
  --wide-list-title-typography-font-weight: 500;
  --wide-list-title-typography-font-family: var(--font-family-primary);
  --description-lg-strong-typography-font-size: var(--font-size-lg);
  --description-lg-strong-typography-line-height: 1.25;
  --description-lg-strong-typography-font-weight: 500;
  --description-lg-strong-typography-font-family: var(--font-family-secondary);
  --description-lg-default-typography-font-size: var(--font-size-lg);
  --description-lg-default-typography-line-height: 1.25;
  --description-lg-default-typography-font-weight: 400;
  --description-lg-default-typography-font-family: var(--font-family-secondary);
  --description-sm-strong-typography-font-size: var(--font-size-sm);
  --description-sm-strong-typography-line-height: 1.15;
  --description-sm-strong-typography-font-weight: 500;
  --description-sm-strong-typography-font-family: var(--font-family-secondary);
  --description-sm-default-typography-font-size: var(--font-size-sm);
  --description-sm-default-typography-line-height: 1.15;
  --description-sm-default-typography-font-weight: 400;
  --description-sm-default-typography-font-family: var(--font-family-secondary);
  --input-date-picker-day-typography-font-size: var(--font-size-sm);
  --input-date-picker-day-typography-line-height: 1.15;
  --input-date-picker-day-typography-font-weight: 400;
  --input-date-picker-day-typography-font-family: var(--font-family-secondary);
  --input-date-picker-week-typography-font-size: var(--font-size-sm);
  --input-date-picker-week-typography-line-height: 1.15;
  --input-date-picker-week-typography-font-weight: 500;
  --input-date-picker-week-typography-font-family: var(--font-family-secondary);
  --input-placeholder-fill: var(--color-neutral-50);
  --input-placeholder-typography-font-size: var(--font-size-lg);
  --input-placeholder-typography-line-height: 1.5;
  --input-placeholder-typography-font-weight: 400;
  --input-placeholder-typography-font-family: var(--font-family-secondary);
  --input-label-lg-typography-font-size: var(--font-size-5xl);
  --input-label-lg-typography-line-height: 1.6;
  --input-label-lg-typography-font-weight: 500;
  --input-label-lg-typography-font-family: var(--font-family-secondary);
  --input-label-sm-typography-font-size: var(--font-size-lg);
  --input-label-sm-typography-line-height: 1.25;
  --input-label-sm-typography-font-weight: 500;
  --input-label-sm-typography-font-family: var(--font-family-secondary);
  --button-background-primary-active-fill: var(--color-primary-70);
  --button-background-primary-hover-fill: var(--color-primary-60);
  --button-lg-typography-font-size: var(--font-size-md);
  --button-lg-typography-font-weight: 700;
  --button-lg-typography-font-family: var(--font-family-secondary);
  --button-sm-typography-font-size: var(--font-size-sm);
  --button-sm-typography-font-weight: 700;
  --button-sm-typography-font-family: var(--font-family-secondary);
  --branded-heading-action-typography-font-size: var(--font-size-md);
  --branded-heading-action-typography-line-height: 1.335;
  --branded-heading-action-typography-font-weight: 400;
  --branded-heading-action-typography-font-family: var(--font-family-secondary);
  --branded-heading-lg-typography-font-size: var(--font-size-2xl);
  --branded-heading-lg-typography-line-height: 1.15;
  --branded-heading-lg-typography-font-weight: 600;
  --branded-heading-lg-typography-font-family: var(--font-family-primary);
  --branded-heading-sm-typography-font-size: var(--font-size-2xl);
  --branded-heading-sm-typography-line-height: 1.15;
  --branded-heading-sm-typography-font-weight: 600;
  --branded-heading-sm-typography-font-family: var(--font-family-primary);
  --body-typography-line-height: 1.5;
  --body-typography-font-weight: 400;
  --body-typography-font-family: var(--font-family-primary);
  --accordion-title-typography-font-size: var(--font-size-lg);
  --accordion-title-typography-line-height: 1.25;
  --accordion-title-typography-font-weight: 500;
  --accordion-title-typography-font-family: var(--font-family-primary);
  --link-text-typography-font-size: var(--font-size-lg);
  --link-text-typography-line-height: 1.25;
  --link-text-typography-font-weight: 700;
  --link-text-typography-font-family: var(--font-family-secondary);
  --semantic-caption-alt-sm-strong-typography-font-weight: 500;
  --semantic-caption-alt-sm-strong-typography-font-size: var(--font-size-xs);
  --semantic-caption-alt-sm-strong-typography-line-height: 1.375;
  --semantic-caption-alt-sm-strong-typography-font-family: var(--font-family-primary);
  --semantic-caption-alt-sm-default-typography-font-size: var(--font-size-xs);
  --semantic-caption-alt-sm-default-typography-line-height: 1.375;
  --semantic-caption-alt-sm-default-typography-font-weight: 400;
  --semantic-caption-alt-sm-default-typography-font-family: var(--font-family-primary);
  --semantic-caption-alt-lg-strong-typography-font-size: var(--font-size-sm);
  --semantic-caption-alt-lg-strong-typography-line-height: 1.375;
  --semantic-caption-alt-lg-strong-typography-font-weight: 500;
  --semantic-caption-alt-lg-strong-typography-font-family: var(--font-family-primary);
  --semantic-caption-alt-lg-default-typography-font-size: var(--font-size-sm);
  --semantic-caption-alt-lg-default-typography-line-height: 1.375;
  --semantic-caption-alt-lg-default-typography-font-weight: 400;
  --semantic-caption-alt-lg-default-typography-font-family: var(--font-family-primary);
  --semantic-caption-default-sm-strong-typography-font-size: var(--font-size-xs);
  --semantic-caption-default-sm-strong-typography-line-height: 1.375;
  --semantic-caption-default-sm-strong-typography-font-weight: 700;
  --semantic-caption-default-sm-strong-typography-font-family: var(--font-family-secondary);
  --semantic-caption-default-sm-default-typography-font-size: var(--font-size-xs);
  --semantic-caption-default-sm-default-typography-line-height: 1.375;
  --semantic-caption-default-sm-default-typography-font-weight: 400;
  --semantic-caption-default-sm-default-typography-font-family: var(--font-family-secondary);
  --semantic-caption-default-lg-strong-typography-font-size: var(--font-size-sm);
  --semantic-caption-default-lg-strong-typography-line-height: 1.375;
  --semantic-caption-default-lg-strong-typography-font-weight: 700;
  --semantic-caption-default-lg-strong-typography-font-family: var(--font-family-secondary);
  --semantic-caption-default-lg-default-typography-font-size: var(--font-size-sm);
  --semantic-caption-default-lg-default-typography-line-height: 1.375;
  --semantic-caption-default-lg-default-typography-font-weight: 400;
  --semantic-caption-default-lg-default-typography-font-family: var(--font-family-secondary);
  --semantic-paragraph-alt-sm-strong-typography-font-size: var(--font-size-md);
  --semantic-paragraph-alt-sm-strong-typography-line-height: 1.5;
  --semantic-paragraph-alt-sm-strong-typography-font-weight: 500;
  --semantic-paragraph-alt-sm-strong-typography-font-family: var(--font-family-primary);
  --semantic-paragraph-alt-sm-default-typography-font-size: var(--font-size-md);
  --semantic-paragraph-alt-sm-default-typography-line-height: 1.5;
  --semantic-paragraph-alt-sm-default-typography-font-weight: 400;
  --semantic-paragraph-alt-sm-default-typography-font-family: var(--font-family-primary);
  --semantic-paragraph-alt-lg-strong-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-alt-lg-strong-typography-line-height: 1.5;
  --semantic-paragraph-alt-lg-strong-typography-font-weight: 500;
  --semantic-paragraph-alt-lg-strong-typography-font-family: var(--font-family-primary);
  --semantic-paragraph-alt-lg-default-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-alt-lg-default-typography-line-height: 1.5;
  --semantic-paragraph-alt-lg-default-typography-font-weight: 400;
  --semantic-paragraph-alt-lg-default-typography-font-family: var(--font-family-primary);
  --semantic-paragraph-default-sm-strong-typography-font-size: var(--font-size-md);
  --semantic-paragraph-default-sm-strong-typography-line-height: 1.5;
  --semantic-paragraph-default-sm-strong-typography-font-weight: 700;
  --semantic-paragraph-default-sm-strong-typography-font-family: var(--font-family-secondary);
  --semantic-paragraph-default-sm-default-typography-font-size: var(--font-size-md);
  --semantic-paragraph-default-sm-default-typography-line-height: 1.5;
  --semantic-paragraph-default-sm-default-typography-font-weight: 400;
  --semantic-paragraph-default-sm-default-typography-font-family: var(--font-family-secondary);
  --semantic-paragraph-default-lg-strong-typography-font-weight: 700;
  --semantic-paragraph-default-lg-strong-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-default-lg-strong-typography-line-height: 1.5;
  --semantic-paragraph-default-lg-strong-typography-font-family: var(--font-family-secondary);
  --semantic-paragraph-default-lg-default-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-default-lg-default-typography-line-height: 1.5;
  --semantic-paragraph-default-lg-default-typography-font-weight: 400;
  --semantic-paragraph-default-lg-default-typography-font-family: var(--font-family-secondary);
  --semantic-headline-xs-typography-font-size: var(--font-size-md);
  --semantic-headline-xs-typography-line-height: 1.4;
  --semantic-headline-xs-typography-font-weight: 500;
  --semantic-headline-xs-typography-font-family: var(--font-family-primary);
  --semantic-headline-sm-typography-font-size: var(--font-size-lg);
  --semantic-headline-sm-typography-line-height: 1.335;
  --semantic-headline-sm-typography-font-weight: 600;
  --semantic-headline-sm-typography-font-family: var(--font-family-primary);
  --semantic-headline-md-typography-font-size: var(--font-size-xl);
  --semantic-headline-md-typography-line-height: 1.335;
  --semantic-headline-md-typography-font-weight: 600;
  --semantic-headline-md-typography-font-family: var(--font-family-primary);
  --semantic-headline-lg-typography-font-size: var(--font-size-2xl);
  --semantic-headline-lg-typography-line-height: 1.25;
  --semantic-headline-lg-typography-font-weight: 600;
  --semantic-headline-lg-typography-font-family: var(--font-family-primary);
  --semantic-headline-xl-typography-font-size: var(--font-size-3xl);
  --semantic-headline-xl-typography-line-height: 1.15;
  --semantic-headline-xl-typography-font-weight: 600;
  --semantic-headline-xl-typography-font-family: var(--font-family-primary);
  --semantic-headline-2xl-typography-font-size: var(--font-size-4xl);
  --semantic-headline-2xl-typography-line-height: 1.15;
  --semantic-headline-2xl-typography-font-weight: 600;
  --semantic-headline-2xl-typography-font-family: var(--font-family-primary);
  --semantic-display-typography-font-size: var(--font-size-5xl);
  --semantic-display-typography-line-height: 1.15;
  --semantic-display-typography-font-weight: 600;
  --semantic-display-typography-font-family: var(--font-family-primary);
  --semantic-border-disabled-adaptive-default-fill: var(--color-neutral-50);
  --semantic-border-warning-static-default-fill: var(--color-orange-80);
  --semantic-border-success-static-default-fill: var(--color-green-80);
  --semantic-border-base-adaptive-soft-fill: var(--color-neutral-40);
  --semantic-border-base-static-inverted-fill: var(--color-neutral-white);
  --semantic-border-base-static-default-fill: var(--color-neutral-70);
  --semantic-foreground-disabled-adaptive-default-fill: var(--color-neutral-50);
  --semantic-foreground-warning-adaptive-default-fill: var(--color-orange-80);
  --semantic-foreground-success-adaptive-default-fill: var(--color-green-80);
  --semantic-foreground-accent-static-inverted-fill: var(--color-secondary-40);
  --semantic-foreground-brand-static-inverted-fill: var(--color-primary-40);
  --semantic-foreground-base-static-inverted-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-80);
  --semantic-background-disabled-adaptive-selected-fill: var(--color-neutral-40);
  --semantic-background-disabled-adaptive-default-fill: var(--color-neutral-30);
  --semantic-background-warning-static-default-fill: var(--color-orange-80);
  --semantic-background-warning-adaptive-soft-fill: var(--color-orange-10);
  --semantic-background-success-adaptive-soft-fill: var(--color-green-10);
  --semantic-background-error-adaptive-soft-fill: var(--color-red-10);
  --semantic-background-info-adaptive-soft-fill: var(--color-blue-10);
  --semantic-background-accent-adaptive-soft-fill: var(--color-secondary-10);
  --semantic-background-brand-adaptive-soft-fill: var(--color-primary-10);
  --semantic-background-base-static-inverted-fill: var(--color-neutral-100);
  --semantic-background-base-static-muted-fill: var(--color-neutral-90);
  --semantic-background-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-background-base-adaptive-elevated-fill: var(--color-neutral-white);
  --semantic-background-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-background-base-adaptive-soft-fill: var(--color-neutral-20);
  --text-on-background-neutral-black: var(--color-neutral-white);
  --text-on-background-neutral-white: var(--color-neutral-black);
  --text-on-background-neutral-100: var(--color-neutral-white);
  --text-on-background-neutral-90: var(--color-neutral-white);
  --text-on-background-neutral-80: var(--color-neutral-white);
  --text-on-background-neutral-70: var(--color-neutral-white);
  --text-on-background-neutral-60: var(--color-neutral-black);
  --text-on-background-neutral-50: var(--color-neutral-black);
  --text-on-background-neutral-40: var(--color-neutral-black);
  --text-on-background-neutral-30: var(--color-neutral-black);
  --text-on-background-neutral-20: var(--color-neutral-black);
  --text-on-background-neutral-10: var(--color-neutral-black);
  --text-on-background-orange-100: var(--color-neutral-white);
  --text-on-background-orange-90: var(--color-neutral-white);
  --text-on-background-orange-80: var(--color-neutral-white);
  --text-on-background-orange-70: var(--color-neutral-white);
  --text-on-background-orange-60: var(--color-neutral-black);
  --text-on-background-orange-50: var(--color-neutral-black);
  --text-on-background-orange-40: var(--color-neutral-black);
  --text-on-background-orange-30: var(--color-neutral-black);
  --text-on-background-orange-20: var(--color-neutral-black);
  --text-on-background-orange-10: var(--color-neutral-black);
  --text-on-background-red-100: var(--color-neutral-white);
  --text-on-background-red-90: var(--color-neutral-white);
  --text-on-background-red-80: var(--color-neutral-white);
  --text-on-background-red-70: var(--color-neutral-white);
  --text-on-background-red-60: var(--color-neutral-black);
  --text-on-background-red-50: var(--color-neutral-black);
  --text-on-background-red-40: var(--color-neutral-black);
  --text-on-background-red-30: var(--color-neutral-black);
  --text-on-background-red-20: var(--color-neutral-black);
  --text-on-background-red-10: var(--color-neutral-black);
  --text-on-background-green-100: var(--color-neutral-white);
  --text-on-background-green-90: var(--color-neutral-white);
  --text-on-background-green-80: var(--color-neutral-white);
  --text-on-background-green-70: var(--color-neutral-white);
  --text-on-background-green-60: var(--color-neutral-black);
  --text-on-background-green-50: var(--color-neutral-black);
  --text-on-background-green-40: var(--color-neutral-black);
  --text-on-background-green-30: var(--color-neutral-black);
  --text-on-background-green-20: var(--color-neutral-black);
  --text-on-background-green-10: var(--color-neutral-black);
  --text-on-background-blue-100: var(--color-neutral-white);
  --text-on-background-blue-90: var(--color-neutral-white);
  --text-on-background-blue-80: var(--color-neutral-white);
  --text-on-background-blue-70: var(--color-neutral-white);
  --text-on-background-blue-60: var(--color-neutral-white);
  --text-on-background-blue-50: var(--color-neutral-white);
  --text-on-background-blue-40: var(--color-neutral-black);
  --text-on-background-blue-30: var(--color-neutral-black);
  --text-on-background-blue-20: var(--color-neutral-black);
  --text-on-background-blue-10: var(--color-neutral-black);
  --text-on-background-secondary-100: var(--color-neutral-white);
  --text-on-background-secondary-90: var(--color-neutral-white);
  --text-on-background-secondary-80: var(--color-neutral-white);
  --text-on-background-secondary-70: var(--color-neutral-white);
  --text-on-background-secondary-60: var(--color-neutral-black);
  --text-on-background-secondary-50: var(--color-neutral-black);
  --text-on-background-secondary-40: var(--color-neutral-black);
  --text-on-background-secondary-30: var(--color-neutral-black);
  --text-on-background-secondary-20: var(--color-neutral-black);
  --text-on-background-secondary-10: var(--color-neutral-black);
  --text-on-background-primary-100: var(--color-neutral-white);
  --text-on-background-primary-90: var(--color-neutral-black);
  --text-on-background-primary-80: var(--color-neutral-white);
  --text-on-background-primary-70: var(--color-neutral-white);
  --text-on-background-primary-60: var(--color-neutral-white);
  --text-on-background-primary-50: var(--color-neutral-black);
  --text-on-background-primary-40: var(--color-neutral-black);
  --text-on-background-primary-30: var(--color-neutral-black);
  --text-on-background-primary-20: var(--color-neutral-black);
  --text-on-background-primary-10: var(--color-neutral-black);
  --color-transparent-full: rgba(255, 255, 255, 0%);
  --color-neutral-dark: var(--color-neutral-90);
  --color-neutral-base: var(--color-neutral-80);
  --color-neutral-light: var(--color-neutral-70);
  --color-orange-dark: var(--color-orange-90);
  --color-orange-base: var(--color-orange-70);
  --color-orange-light: var(--color-orange-60);
  --color-red-dark: var(--color-red-90);
  --color-red-base: var(--color-red-70);
  --color-red-light: var(--color-red-60);
  --color-green-dark: var(--color-green-90);
  --color-green-base: var(--color-green-70);
  --color-green-light: var(--color-green-60);
  --color-blue-dark: var(--color-blue-70);
  --color-blue-base: var(--color-blue-50);
  --color-blue-light: var(--color-blue-40);
  --color-secondary-dark: var(--color-secondary-90);
  --color-secondary-base: var(--color-secondary-70);
  --color-secondary-light: var(--color-secondary-60);
  --color-primary-dark: var(--color-primary-90);
  --color-primary-base: var(--color-primary-70);
  --color-primary-light: var(--color-primary-60);
  --color-sponsored-content-primary-dark: var(--color-sponsored-content-primary-50);
  --color-sponsored-content-primary-base: var(--color-sponsored-content-primary-40);
  --color-sponsored-content-primary-light: var(--color-sponsored-content-primary-30);
  --box-shadow-none: 0px 0px 0px 0px var(--color-transparent-full);
  --bottom-bar-background-default-fill: var(--semantic-background-base-adaptive-default-fill);
  --bottom-bar-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --segmented-control-border: 1px solid var(--semantic-border-base-adaptive-soft-fill);
  --segmented-control-item-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --segmented-control-item-selected-border: 0px solid var(--color-transparent-full);
  --segmented-control-item-default-border: 0px solid var(--color-transparent-full);
  --segmented-control-item-background-default-default-fill: var(--color-transparent-full);
  --segmented-control-background-fill: var(--semantic-background-base-adaptive-default-fill);
  --rating-foreground-full-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --tag-background-default-fill: var(--color-transparent-full);
  --autocomplete-overlay-loading: rgba(255, 255, 255, 70%);
  --divider-border: 1px solid var(--semantic-border-base-adaptive-soft-fill);
  --tab-divider-border: 0px solid var(--color-transparent-full);
  --tab-selected-typography-font-size: var(--font-size-base);
  --tab-default-border: 2px solid var(--semantic-border-base-adaptive-soft-fill);
  --tab-default-typography-font-size: var(--font-size-base);
  --tab-label-default-fill: var(--semantic-foreground-base-adaptive-soft-fill);
  --tab-background-default-fill: var(--semantic-background-base-adaptive-default-fill);
  --default-teaser-pulse-highlight-border: 2px solid var(--color-transparent-full);
  --default-teaser-pulse-default-border: 2px solid var(--color-transparent-full);
  --default-teaser-editorial-label-foreground-highlight-fill: var(--semantic-foreground-base-static-inverted-fill);
  --default-teaser-editorial-label-background-default-fill: var(--color-transparent-full);
  --focus-negative: 0px 0px 0px 3px var(--color-red-base);
  --top-bar-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --top-bar-background-fill: var(--semantic-background-base-adaptive-default-fill);
  --header-strong-lg-typography-font-size: var(--header-lg-font-size);
  --header-strong-lg-typography-font-weight: 500;
  --header-strong-lg-typography-font-family: var(--header-font-family);
  --header-strong-sm-typography-font-size: var(--header-sm-font-size);
  --header-strong-sm-typography-font-weight: 500;
  --header-strong-sm-typography-font-family: var(--header-font-family);
  --header-default-lg-typography-font-size: var(--header-lg-font-size);
  --header-default-lg-typography-font-weight: 400;
  --header-default-lg-typography-font-family: var(--header-font-family);
  --header-default-sm-typography-font-size: var(--header-sm-font-size);
  --header-default-sm-typography-font-weight: 400;
  --header-default-sm-typography-font-family: var(--header-font-family);
  --header-foreground-accent-default-fill: var(--semantic-foreground-base-static-inverted-fill);
  --related-teaser-title-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --related-teaser-background-fill: var(--color-transparent-full);
  --quote-quotee-function-fill: var(--semantic-foreground-base-adaptive-soft-fill);
  --quote-quotee-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --quote-blockquote-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --horizontal-teaser-highlight-border-left: 0px solid var(--color-transparent-full);
  --horizontal-teaser-default-border-left: 0px solid var(--color-transparent-full);
  --loader-stroke-fill: var(--color-secondary-base);
  --text-on-image-teaser-pulse-border: 2px solid var(--color-transparent-full);
  --text-on-image-teaser-editorial-label-foreground-fill: var(--semantic-foreground-base-static-inverted-fill);
  --text-on-image-teaser-external-icon-fill: var(--semantic-foreground-base-static-inverted-fill);
  --text-on-image-teaser-prefix-fill: var(--semantic-foreground-accent-static-inverted-fill);
  --text-on-image-teaser-sublabel-background-fill: var(--color-transparent-full);
  --text-on-image-teaser-label-background-fill: var(--color-transparent-full);
  --teaser-play-button-background-fill: rgba(72, 42, 165, 50%);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-soft-fill);
  --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-background-default-fill: var(--color-transparent-full);
  --table-header-label-fill: var(--semantic-foreground-base-adaptive-soft-fill);
  --table-header-background-fill: var(--semantic-background-base-adaptive-soft-fill);
  --input-default-border-color: var(--semantic-border-base-static-default-fill);
  --input-selected-border-color: var(--color-transparent-full);
  --input-background-selected-soft-fill: var(--semantic-background-brand-adaptive-soft-fill);
  --button-default-default-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-tertiary-disabled-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-tertiary-active-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-tertiary-hover-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-tertiary-default-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-secondary-disabled-border: var(--button-border-width) solid var(--semantic-border-disabled-adaptive-default-fill);
  --button-primary-disabled-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-primary-active-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-primary-hover-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-primary-default-border: var(--button-border-width) solid var(--color-transparent-full);
  --button-background-tertiary-disabled-fill: var(--color-transparent-full);
  --button-background-tertiary-default-fill: var(--color-transparent-full);
  --button-background-secondary-disabled-fill: var(--color-transparent-full);
  --button-background-secondary-default-fill: var(--color-transparent-full);
  --button-background-primary-disabled-fill: var(--semantic-background-disabled-adaptive-default-fill);
  --button-background-default-active-fill: rgba(16, 16, 16, 24%);
  --button-background-default-hover-fill: rgba(16, 16, 16, 12%);
  --button-background-default-default-fill: var(--color-transparent-full);
  --button-label-default-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-bullet-lg-fill: var(--color-transparent-full);
  --branded-heading-bullet-sm-fill: var(--color-transparent-full);
  --branded-heading-background-lg-fill: var(--color-transparent-full);
  --branded-heading-background-sm-fill: var(--color-transparent-full);
  --branded-heading-label-hover-fill: var(--color-primary-dark);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-lg-border-color: var(--semantic-border-base-adaptive-soft-fill);
  --branded-heading-sm-border-color: var(--semantic-border-base-adaptive-soft-fill);
  --body-typography-font-size: var(--font-size-base);
  --link-text-hover-fill: var(--color-primary-dark);
  --semantic-border-error-static-default-fill: var(--color-red-base);
  --semantic-border-info-static-default-fill: var(--color-blue-base);
  --semantic-border-accent-static-default-fill: var(--color-secondary-base);
  --semantic-border-accent-adaptive-default-fill: var(--color-secondary-base);
  --semantic-border-brand-static-default-fill: var(--color-primary-base);
  --semantic-border-brand-adaptive-default-fill: var(--color-primary-base);
  --semantic-foreground-on-warning-adaptive-soft-fill: var(--color-orange-dark);
  --semantic-foreground-on-success-adaptive-soft-fill: var(--color-green-dark);
  --semantic-foreground-on-error-adaptive-soft-fill: var(--color-red-dark);
  --semantic-foreground-error-adaptive-default-fill: var(--color-red-base);
  --semantic-foreground-on-info-adaptive-soft-fill: var(--color-blue-dark);
  --semantic-foreground-info-adaptive-default-fill: var(--color-blue-base);
  --semantic-foreground-on-accent-adaptive-soft-fill: var(--color-secondary-dark);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-base);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-primary-dark);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-base);
  --semantic-background-contextual-adaptive-default-fill: var(--color-transparent-full);
  --semantic-background-success-static-default-fill: var(--color-green-base);
  --semantic-background-error-static-default-fill: var(--color-red-base);
  --semantic-background-info-static-default-fill: var(--color-blue-base);
  --semantic-background-accent-static-default-fill: var(--color-secondary-base);
  --semantic-background-accent-adaptive-default-fill: var(--color-secondary-base);
  --semantic-background-brand-static-default-fill: var(--color-primary-base);
  --semantic-background-brand-adaptive-default-fill: var(--color-primary-base);
  --text-on-background-neutral-dark: var(--text-on-background-neutral-90);
  --text-on-background-neutral-base: var(--text-on-background-neutral-80);
  --text-on-background-neutral-light: var(--text-on-background-neutral-70);
  --text-on-background-orange-dark: var(--text-on-background-orange-90);
  --text-on-background-orange-base: var(--text-on-background-orange-70);
  --text-on-background-orange-light: var(--text-on-background-orange-60);
  --text-on-background-red-dark: var(--text-on-background-red-90);
  --text-on-background-red-base: var(--text-on-background-red-70);
  --text-on-background-red-light: var(--text-on-background-red-60);
  --text-on-background-green-dark: var(--text-on-background-green-90);
  --text-on-background-green-base: var(--text-on-background-green-70);
  --text-on-background-green-light: var(--text-on-background-green-60);
  --text-on-background-blue-dark: var(--text-on-background-blue-70);
  --text-on-background-blue-base: var(--text-on-background-blue-50);
  --text-on-background-blue-light: var(--text-on-background-blue-40);
  --text-on-background-secondary-dark: var(--text-on-background-secondary-90);
  --text-on-background-secondary-base: var(--text-on-background-secondary-70);
  --text-on-background-secondary-light: var(--text-on-background-secondary-60);
  --text-on-background-primary-dark: var(--text-on-background-primary-70);
  --text-on-background-primary-base: var(--text-on-background-primary-60);
  --text-on-background-primary-light: var(--text-on-background-primary-50);
  --color-focus: var(--color-primary-base);
  --bottom-bar-foreground-active-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --segmented-control-item-foreground-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --segmented-control-item-background-selected-active-fill: rgba(72, 42, 165, 36%);
  --segmented-control-item-background-selected-hover-fill: rgba(72, 42, 165, 24%);
  --segmented-control-item-background-selected-default-fill: rgba(72, 42, 165, 12%);
  --segmented-control-item-background-default-active-fill: rgba(72, 42, 165, 24%);
  --segmented-control-item-background-default-hover-fill: rgba(72, 42, 165, 12%);
  --tag-label-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --tag-background-active-fill: rgba(72, 42, 165, 24%);
  --tag-background-hover-fill: rgba(72, 42, 165, 12%);
  --tag-border: 1px solid var(--semantic-border-brand-adaptive-default-fill);
  --tab-selected-border: 2px solid var(--semantic-border-brand-adaptive-default-fill);
  --tab-label-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --tab-background-active-fill: rgba(72, 42, 165, 24%);
  --tab-background-hover-fill: rgba(72, 42, 165, 12%);
  --default-teaser-pulse-background-highlight-fill: var(--default-teaser-editorial-label-foreground-highlight-fill);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-error-adaptive-default-fill);
  --default-teaser-editorial-label-background-highlight-fill: var(--semantic-background-error-static-default-fill);
  --focus-default: 0px 0px 0px 3px var(--color-focus);
  --top-bar-active-border: 1px solid var(--semantic-border-brand-adaptive-default-fill);
  --top-bar-foreground-active-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --header-foreground-default-active-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --header-background-accent-default-item-active-fill: rgba(255, 255, 255, 32%);
  --header-background-accent-default-item-hover-fill: rgba(255, 255, 255, 16%);
  --header-background-accent-default-fill: var(--semantic-background-brand-adaptive-default-fill);
  --related-teaser-border-left: 4px solid var(--semantic-border-brand-adaptive-default-fill);
  --related-teaser-prefix-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --quote-icon-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --stepper-label-active-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --stepper-background-active-fill: var(--semantic-background-brand-adaptive-default-fill);
  --text-on-image-teaser-pulse-background-fill: var(--text-on-image-teaser-editorial-label-foreground-fill);
  --text-on-image-teaser-editorial-label-background-fill: var(--semantic-background-error-static-default-fill);
  --teaser-comment-foreground-default-fill: var(--teaser-title-default-fill);
  --teaser-podcast-icon-default-fill: var(--teaser-title-default-fill);
  --teaser-play-button-text-fill: var(--text-on-background-primary-base);
  --teaser-external-icon-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-title-highlight-fill: var(--teaser-title-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --input-hover-border-color: var(--semantic-border-brand-adaptive-default-fill);
  --input-background-selected-default-fill: var(--semantic-background-brand-adaptive-default-fill);
  --button-secondary-active-border: var(--button-border-width) solid var(--semantic-border-brand-adaptive-default-fill);
  --button-secondary-hover-border: var(--button-border-width) solid var(--semantic-border-brand-adaptive-default-fill);
  --button-secondary-default-border: var(--button-border-width) solid var(--semantic-border-brand-adaptive-default-fill);
  --button-background-tertiary-active-fill: rgba(72, 42, 165, 24%);
  --button-background-tertiary-hover-fill: rgba(72, 42, 165, 12%);
  --button-background-secondary-active-fill: rgba(72, 42, 165, 24%);
  --button-background-secondary-hover-fill: rgba(72, 42, 165, 12%);
  --button-background-primary-default-fill: var(--semantic-background-brand-adaptive-default-fill);
  --button-label-tertiary-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --button-label-secondary-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --branded-heading-lg-border-left: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-lg-border-bottom: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-lg-border-right: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-sm-border-left: 0px solid var(--branded-heading-sm-border-color);
  --branded-heading-sm-border-bottom: 0px solid var(--branded-heading-sm-border-color);
  --branded-heading-sm-border-right: 0px solid var(--branded-heading-sm-border-color);
  --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color);
  --accordion-title-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --link-text-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --semantic-foreground-on-accent-static-default-fill: var(--text-on-background-secondary-base);
  --semantic-foreground-on-accent-adaptive-default-fill: var(--text-on-background-secondary-base);
  --semantic-foreground-on-brand-static-default-fill: var(--text-on-background-primary-base);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--text-on-background-primary-base);
  --default-teaser-pulse-background-default-fill: var(--default-teaser-editorial-label-foreground-default-fill);
  --header-label-active-border: 2px solid var(--header-foreground-default-active-fill);
  --header-foreground-accent-active-fill: var(--semantic-foreground-on-brand-adaptive-default-fill);
  --stepper-number-active-fill: var(--semantic-foreground-on-brand-adaptive-default-fill);
  --teaser-comment-foreground-highlight-fill: var(--teaser-title-highlight-fill);
  --teaser-podcast-icon-highlight-fill: var(--teaser-title-highlight-fill);
  --teaser-external-icon-highlight-fill: var(--teaser-external-icon-default-fill);
  --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill);
  --teaser-date-time-highlight-fill: var(--teaser-date-time-default-fill);
  --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill);
  --teaser-label-highlight-fill: var(--teaser-label-default-fill);
  --input-active-border-color: var(--input-hover-border-color);
  --input-text-fill: var(--semantic-foreground-on-brand-adaptive-default-fill);
  --button-label-tertiary-active-fill: var(--button-label-tertiary-default-fill);
  --button-label-tertiary-hover-fill: var(--button-label-tertiary-default-fill);
  --button-label-secondary-active-fill: var(--button-label-secondary-default-fill);
  --button-label-secondary-hover-fill: var(--button-label-secondary-default-fill);
  --button-label-primary-default-fill: var(--semantic-foreground-on-brand-adaptive-default-fill);
  --button-label-primary-active-fill: var(--button-label-primary-default-fill);
  --button-label-primary-hover-fill: var(--button-label-primary-default-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-theme-accent-soft] {
  --semantic-border-base-adaptive-soft-fill: var(--color-primary-30);
  --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-brand-adaptive-soft-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-theme-accent-strong] {
  --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --breaking-fill: var(--color-primary-90);
  --teaser-background-highlight-fill: var(--color-primary-80);
  --branded-heading-label-hover-fill: var(--color-primary-20);
  --link-text-hover-fill: var(--color-primary-20);
  --semantic-border-base-adaptive-soft-fill: var(--color-primary-50);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-external-icon-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill);
  --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill);
  --teaser-title-highlight-fill: var(--teaser-title-default-fill);
  --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill);
  --teaser-label-highlight-fill: var(--teaser-label-default-fill);
  --teaser-background-default-fill: var(--semantic-background-brand-static-default-fill);
  --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color);
  --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-brand-static-default-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-theme-breaking] {
  --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --breaking-fill: var(--color-primary-100);
  --teaser-background-default-fill: var(--color-primary-90);
  --teaser-background-highlight-fill: var(--color-primary-90);
  --branded-heading-label-hover-fill: var(--color-primary-20);
  --link-text-hover-fill: var(--color-primary-20);
  --semantic-border-base-adaptive-soft-fill: var(--color-primary-50);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40);
  --semantic-background-contextual-adaptive-default-fill: var(--color-primary-90);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-external-icon-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill);
  --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill);
  --teaser-title-highlight-fill: var(--teaser-title-default-fill);
  --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill);
  --teaser-label-highlight-fill: var(--teaser-label-default-fill);
  --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-theme-premium] {
  --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --button-background-primary-active-fill: var(--color-secondary-80);
  --button-background-primary-hover-fill: var(--color-secondary-70);
  --semantic-border-base-adaptive-soft-fill: var(--color-secondary-30);
  --semantic-background-contextual-adaptive-default-fill: var(--color-secondary-20);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-static-inverted-fill);
  --semantic-foreground-brand-static-inverted-fill: var(--semantic-foreground-accent-static-inverted-fill);
  --semantic-background-brand-adaptive-soft-fill: var(--semantic-background-accent-adaptive-soft-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--semantic-foreground-on-accent-adaptive-soft-fill);
  --semantic-foreground-brand-adaptive-default-fill: var(--semantic-foreground-accent-adaptive-default-fill);
  --semantic-background-brand-static-default-fill: var(--semantic-background-accent-static-default-fill);
  --semantic-background-brand-adaptive-default-fill: var(--semantic-background-accent-adaptive-default-fill);
  --semantic-foreground-on-brand-static-default-fill: var(--semantic-foreground-on-accent-static-default-fill);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-theme-sponsored-content] {
  --related-teaser-prefix-typography-font-style: normal;
  --related-teaser-prefix-typography-text-case: none;
  --related-teaser-title-typography-font-style: normal;
  --quote-quotee-function-typography-font-style: normal;
  --quote-quotee-typography-font-style: normal;
  --quote-blockquote-typography-font-style: italic;
  --quote-blockquote-typography-font-weight: 700;
  --list-teaser-title-typography-font-style: normal;
  --teaser-prefix-lg-typography-font-style: normal;
  --teaser-prefix-lg-typography-text-case: uppercase;
  --teaser-prefix-md-typography-font-style: normal;
  --teaser-prefix-md-typography-text-case: uppercase;
  --teaser-prefix-sm-typography-font-style: normal;
  --teaser-prefix-sm-typography-text-case: uppercase;
  --teaser-introduction-typography-font-style: normal;
  --teaser-title-lg-typography-font-style: normal;
  --teaser-title-md-typography-font-style: normal;
  --teaser-title-sm-typography-font-style: normal;
  --table-header-typography-font-style: normal;
  --table-header-typography-text-case: uppercase;
  --branded-heading-action-typography-font-style: normal;
  --branded-heading-action-typography-text-decoration: none;
  --branded-heading-action-typography-text-case: none;
  --branded-heading-lg-typography-font-style: normal;
  --branded-heading-lg-typography-text-case: none;
  --branded-heading-sm-typography-font-style: normal;
  --branded-heading-sm-typography-text-case: none;
  --semantic-caption-alt-sm-strong-typography-font-style: normal;
  --semantic-caption-alt-sm-default-typography-font-style: normal;
  --semantic-caption-alt-lg-strong-typography-font-style: normal;
  --semantic-caption-alt-lg-default-typography-font-style: normal;
  --semantic-caption-default-sm-strong-typography-font-style: normal;
  --semantic-caption-default-sm-default-typography-font-style: normal;
  --semantic-caption-default-lg-strong-typography-font-style: normal;
  --semantic-caption-default-lg-default-typography-font-style: normal;
  --semantic-paragraph-alt-sm-strong-typography-font-style: normal;
  --semantic-paragraph-alt-sm-default-typography-font-style: normal;
  --semantic-paragraph-alt-lg-strong-typography-font-style: normal;
  --semantic-paragraph-alt-lg-default-typography-font-style: normal;
  --semantic-paragraph-default-sm-strong-typography-font-style: normal;
  --semantic-paragraph-default-sm-default-typography-font-style: normal;
  --semantic-paragraph-default-lg-strong-typography-font-style: normal;
  --semantic-paragraph-default-lg-default-typography-font-style: normal;
  --semantic-headline-xs-typography-font-style: normal;
  --semantic-headline-sm-typography-font-style: normal;
  --semantic-headline-md-typography-font-style: normal;
  --semantic-headline-lg-typography-font-style: normal;
  --semantic-headline-xl-typography-font-style: normal;
  --semantic-headline-2xl-typography-font-style: normal;
  --semantic-display-typography-font-style: normal;
  --related-teaser-prefix-typography-font-size: var(--font-size-md);
  --related-teaser-prefix-typography-line-height: 1.4;
  --related-teaser-prefix-typography-font-weight: 400;
  --related-teaser-prefix-typography-font-family: var(--font-family-system);
  --related-teaser-title-typography-font-size: var(--font-size-md);
  --related-teaser-title-typography-line-height: 1.4;
  --related-teaser-title-typography-font-weight: 700;
  --related-teaser-title-typography-font-family: var(--font-family-system);
  --quote-quotee-function-typography-font-size: var(--font-size-sm);
  --quote-quotee-function-typography-line-height: 1.5;
  --quote-quotee-function-typography-font-weight: 400;
  --quote-quotee-function-typography-font-family: var(--font-family-system);
  --quote-quotee-typography-font-size: var(--font-size-md);
  --quote-quotee-typography-line-height: 1.5;
  --quote-quotee-typography-font-weight: 500;
  --quote-quotee-typography-font-family: var(--font-family-system);
  --quote-blockquote-typography-font-size: var(--font-size-2xl);
  --quote-blockquote-typography-line-height: 1.2;
  --quote-blockquote-typography-font-family: var(--font-family-system);
  --list-teaser-title-typography-font-size: var(--font-size-md);
  --list-teaser-title-typography-line-height: 1.15;
  --list-teaser-title-typography-font-weight: 500;
  --list-teaser-title-typography-font-family: var(--font-family-system);
  --teaser-prefix-lg-typography-font-size: var(--font-size-5xl);
  --teaser-prefix-lg-typography-line-height: 1.2;
  --teaser-prefix-lg-typography-font-weight: 500;
  --teaser-prefix-lg-typography-font-family: var(--font-family-system);
  --teaser-prefix-md-typography-font-size: var(--font-size-2xl);
  --teaser-prefix-md-typography-line-height: 1.2;
  --teaser-prefix-md-typography-font-weight: 500;
  --teaser-prefix-md-typography-font-family: var(--font-family-system);
  --teaser-prefix-sm-typography-font-size: var(--font-size-lg);
  --teaser-prefix-sm-typography-line-height: 1.2;
  --teaser-prefix-sm-typography-font-weight: 500;
  --teaser-prefix-sm-typography-font-family: var(--font-family-system);
  --teaser-introduction-typography-font-size: var(--font-size-sm);
  --teaser-introduction-typography-line-height: 1.4;
  --teaser-introduction-typography-font-weight: 400;
  --teaser-introduction-typography-font-family: var(--font-family-system);
  --teaser-title-lg-typography-font-size: var(--font-size-xl);
  --teaser-title-lg-typography-line-height: 1.15;
  --teaser-title-lg-typography-font-weight: 500;
  --teaser-title-lg-typography-font-family: var(--font-family-system);
  --teaser-title-md-typography-font-size: var(--font-size-lg);
  --teaser-title-md-typography-line-height: 1.15;
  --teaser-title-md-typography-font-weight: 500;
  --teaser-title-md-typography-font-family: var(--font-family-system);
  --teaser-title-sm-typography-font-size: var(--font-size-md);
  --teaser-title-sm-typography-line-height: 1.15;
  --teaser-title-sm-typography-font-weight: 500;
  --teaser-title-sm-typography-font-family: var(--font-family-system);
  --table-header-typography-font-size: var(--font-size-xs);
  --table-header-typography-line-height: 1;
  --table-header-typography-font-weight: 500;
  --table-header-typography-font-family: var(--font-family-system);
  --branded-heading-action-typography-font-size: var(--font-size-md);
  --branded-heading-action-typography-line-height: 1.335;
  --branded-heading-action-typography-font-weight: 400;
  --branded-heading-action-typography-font-family: var(--font-family-system);
  --branded-heading-lg-typography-font-size: var(--font-size-2xl);
  --branded-heading-lg-typography-line-height: 1.15;
  --branded-heading-lg-typography-font-weight: 700;
  --branded-heading-lg-typography-font-family: var(--font-family-system);
  --branded-heading-sm-typography-font-size: var(--font-size-2xl);
  --branded-heading-sm-typography-line-height: 1.15;
  --branded-heading-sm-typography-font-weight: 700;
  --branded-heading-sm-typography-font-family: var(--font-family-system);
  --semantic-caption-alt-sm-strong-typography-font-weight: 700;
  --semantic-caption-alt-sm-strong-typography-font-size: var(--font-size-xs);
  --semantic-caption-alt-sm-strong-typography-line-height: 1.375;
  --semantic-caption-alt-sm-strong-typography-font-family: var(--font-family-system);
  --semantic-caption-alt-sm-default-typography-font-size: var(--font-size-xs);
  --semantic-caption-alt-sm-default-typography-line-height: 1.375;
  --semantic-caption-alt-sm-default-typography-font-weight: 400;
  --semantic-caption-alt-sm-default-typography-font-family: var(--font-family-system);
  --semantic-caption-alt-lg-strong-typography-font-size: var(--font-size-sm);
  --semantic-caption-alt-lg-strong-typography-line-height: 1.375;
  --semantic-caption-alt-lg-strong-typography-font-weight: 700;
  --semantic-caption-alt-lg-strong-typography-font-family: var(--font-family-system);
  --semantic-caption-alt-lg-default-typography-font-size: var(--font-size-sm);
  --semantic-caption-alt-lg-default-typography-line-height: 1.375;
  --semantic-caption-alt-lg-default-typography-font-weight: 400;
  --semantic-caption-alt-lg-default-typography-font-family: var(--font-family-system);
  --semantic-caption-default-sm-strong-typography-font-size: var(--font-size-xs);
  --semantic-caption-default-sm-strong-typography-line-height: 1.375;
  --semantic-caption-default-sm-strong-typography-font-weight: 700;
  --semantic-caption-default-sm-strong-typography-font-family: var(--font-family-system);
  --semantic-caption-default-sm-default-typography-font-size: var(--font-size-xs);
  --semantic-caption-default-sm-default-typography-line-height: 1.375;
  --semantic-caption-default-sm-default-typography-font-weight: 400;
  --semantic-caption-default-sm-default-typography-font-family: var(--font-family-system);
  --semantic-caption-default-lg-strong-typography-font-size: var(--font-size-sm);
  --semantic-caption-default-lg-strong-typography-line-height: 1.375;
  --semantic-caption-default-lg-strong-typography-font-weight: 700;
  --semantic-caption-default-lg-strong-typography-font-family: var(--font-family-system);
  --semantic-caption-default-lg-default-typography-font-size: var(--font-size-sm);
  --semantic-caption-default-lg-default-typography-line-height: 1.375;
  --semantic-caption-default-lg-default-typography-font-weight: 400;
  --semantic-caption-default-lg-default-typography-font-family: var(--font-family-system);
  --semantic-paragraph-alt-sm-strong-typography-font-size: var(--font-size-md);
  --semantic-paragraph-alt-sm-strong-typography-line-height: 1.5;
  --semantic-paragraph-alt-sm-strong-typography-font-weight: 700;
  --semantic-paragraph-alt-sm-strong-typography-font-family: var(--font-family-system);
  --semantic-paragraph-alt-sm-default-typography-font-size: var(--font-size-md);
  --semantic-paragraph-alt-sm-default-typography-line-height: 1.5;
  --semantic-paragraph-alt-sm-default-typography-font-weight: 400;
  --semantic-paragraph-alt-sm-default-typography-font-family: var(--font-family-system);
  --semantic-paragraph-alt-lg-strong-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-alt-lg-strong-typography-line-height: 1.5;
  --semantic-paragraph-alt-lg-strong-typography-font-weight: 700;
  --semantic-paragraph-alt-lg-strong-typography-font-family: var(--font-family-system);
  --semantic-paragraph-alt-lg-default-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-alt-lg-default-typography-line-height: 1.5;
  --semantic-paragraph-alt-lg-default-typography-font-weight: 400;
  --semantic-paragraph-alt-lg-default-typography-font-family: var(--font-family-system);
  --semantic-paragraph-default-sm-strong-typography-font-size: var(--font-size-md);
  --semantic-paragraph-default-sm-strong-typography-line-height: 1.5;
  --semantic-paragraph-default-sm-strong-typography-font-weight: 500;
  --semantic-paragraph-default-sm-strong-typography-font-family: var(--font-family-system);
  --semantic-paragraph-default-sm-default-typography-font-size: var(--font-size-md);
  --semantic-paragraph-default-sm-default-typography-line-height: 1.5;
  --semantic-paragraph-default-sm-default-typography-font-weight: 400;
  --semantic-paragraph-default-sm-default-typography-font-family: var(--font-family-system);
  --semantic-paragraph-default-lg-strong-typography-font-weight: 500;
  --semantic-paragraph-default-lg-strong-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-default-lg-strong-typography-line-height: 1.5;
  --semantic-paragraph-default-lg-strong-typography-font-family: var(--font-family-system);
  --semantic-paragraph-default-lg-default-typography-font-size: var(--font-size-xl);
  --semantic-paragraph-default-lg-default-typography-line-height: 1.5;
  --semantic-paragraph-default-lg-default-typography-font-weight: 400;
  --semantic-paragraph-default-lg-default-typography-font-family: var(--font-family-system);
  --semantic-headline-xs-typography-font-size: var(--font-size-md);
  --semantic-headline-xs-typography-line-height: 1.4;
  --semantic-headline-xs-typography-font-weight: 700;
  --semantic-headline-xs-typography-font-family: var(--font-family-system);
  --semantic-headline-sm-typography-font-size: var(--font-size-lg);
  --semantic-headline-sm-typography-line-height: 1.335;
  --semantic-headline-sm-typography-font-weight: 700;
  --semantic-headline-sm-typography-font-family: var(--font-family-system);
  --semantic-headline-md-typography-font-size: var(--font-size-xl);
  --semantic-headline-md-typography-line-height: 1.335;
  --semantic-headline-md-typography-font-weight: 700;
  --semantic-headline-md-typography-font-family: var(--font-family-system);
  --semantic-headline-lg-typography-font-size: var(--font-size-2xl);
  --semantic-headline-lg-typography-line-height: 1.25;
  --semantic-headline-lg-typography-font-weight: 700;
  --semantic-headline-lg-typography-font-family: var(--font-family-system);
  --semantic-headline-xl-typography-font-size: var(--font-size-3xl);
  --semantic-headline-xl-typography-line-height: 1.15;
  --semantic-headline-xl-typography-font-weight: 700;
  --semantic-headline-xl-typography-font-family: var(--font-family-system);
  --semantic-headline-2xl-typography-font-size: var(--font-size-4xl);
  --semantic-headline-2xl-typography-line-height: 1.15;
  --semantic-headline-2xl-typography-font-weight: 700;
  --semantic-headline-2xl-typography-font-family: var(--font-family-system);
  --semantic-display-typography-font-size: var(--font-size-5xl);
  --semantic-display-typography-line-height: 1.15;
  --semantic-display-typography-font-weight: 700;
  --semantic-display-typography-font-family: var(--font-family-system);
  --semantic-border-brand-static-default-fill: var(--color-sponsored-content-primary-80);
  --semantic-border-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80);
  --semantic-border-base-adaptive-soft-fill: var(--color-neutral-40);
  --semantic-foreground-on-brand-static-default-fill: var(--color-sponsored-content-primary-90);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--color-sponsored-content-primary-90);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-70);
  --semantic-foreground-brand-static-inverted-fill: var(--color-sponsored-content-primary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-sponsored-content-primary-60);
  --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-20);
  --semantic-background-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-10);
  --teaser-play-button-text-fill: var(--semantic-foreground-base-static-inverted-fill);
  --teaser-external-icon-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-external-icon-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-prefix-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-introduction-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-highlight-fill: var(--semantic-foreground-base-adaptive-soft-fill);
  --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-title-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-sublabel-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-label-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-background-highlight-fill: var(--semantic-background-brand-adaptive-soft-fill);
  --semantic-background-brand-static-default-fill: var(--color-sponsored-content-primary-base);
  --semantic-background-brand-adaptive-default-fill: var(--color-sponsored-content-primary-base);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-color-mode="dark"], [data-color-mode="dark"] [data-theme-accent-soft], [data-color-mode="dark"][data-theme-accent-soft], [data-color-mode="dark"] [data-theme-accent-strong], [data-color-mode="dark"][data-theme-accent-strong], [data-color-mode="dark"] [data-theme-breaking], [data-color-mode="dark"][data-theme-breaking], [data-color-mode="dark"] [data-theme-premium], [data-color-mode="dark"][data-theme-premium], [data-color-mode="dark"] [data-theme-sponsored-content], [data-color-mode="dark"][data-theme-sponsored-content], [data-color-mode="dark"] [data-theme-default], [data-color-mode="dark"][data-theme-default] {
  --skeleton-fill: linear-gradient( -90deg, var(--color-neutral-80) 0%, var(--color-neutral-70) 50%, var(--color-neutral-80) 100%);;
  --header-scroll-asset: var(--logo-main-inverse-asset);
  --header-default-asset: var(--logo-main-inverse-asset);
  --stepper-background-default-fill: var(--color-neutral-70);
  --switch-track-fill: var(--color-neutral-70);
  --table-header-label-fill: var(--color-neutral-30);
  --table-header-background-fill: var(--color-neutral-80);
  --wide-list-background-even-fill: var(--color-neutral-90);
  --wide-list-background-active-fill: var(--color-neutral-70);
  --wide-list-background-hover-fill: var(--color-neutral-80);
  --button-background-primary-active-fill: var(--color-primary-50);
  --button-background-primary-hover-fill: var(--color-primary-60);
  --branded-heading-label-hover-fill: var(--color-neutral-40);
  --link-text-hover-fill: var(--color-primary-50);
  --semantic-border-disabled-adaptive-default-fill: var(--color-neutral-70);
  --semantic-border-accent-adaptive-default-fill: var(--color-secondary-50);
  --semantic-border-brand-adaptive-default-fill: var(--color-primary-30);
  --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70);
  --semantic-foreground-disabled-adaptive-default-fill: var(--color-neutral-70);
  --semantic-foreground-on-warning-adaptive-soft-fill: var(--color-orange-20);
  --semantic-foreground-warning-adaptive-default-fill: var(--color-orange-60);
  --semantic-foreground-on-success-adaptive-soft-fill: var(--color-green-20);
  --semantic-foreground-success-adaptive-default-fill: var(--color-green-70);
  --semantic-foreground-on-error-adaptive-soft-fill: var(--color-red-20);
  --semantic-foreground-error-adaptive-default-fill: var(--color-red-50);
  --semantic-foreground-on-info-adaptive-soft-fill: var(--color-blue-20);
  --semantic-foreground-info-adaptive-default-fill: var(--color-blue-60);
  --semantic-foreground-on-accent-adaptive-default-fill: var(--color-secondary-90);
  --semantic-foreground-on-accent-adaptive-soft-fill: var(--color-secondary-30);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-40);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--color-primary-10);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-primary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-30);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40);
  --semantic-background-disabled-adaptive-selected-fill: var(--color-neutral-80);
  --semantic-background-disabled-adaptive-default-fill: var(--color-neutral-90);
  --semantic-background-warning-adaptive-soft-fill: var(--color-orange-100);
  --semantic-background-success-adaptive-soft-fill: var(--color-green-100);
  --semantic-background-error-adaptive-soft-fill: var(--color-red-100);
  --semantic-background-info-adaptive-soft-fill: var(--color-blue-100);
  --semantic-background-accent-adaptive-default-fill: var(--color-secondary-10);
  --semantic-background-accent-adaptive-soft-fill: var(--color-secondary-100);
  --semantic-background-brand-adaptive-soft-fill: var(--color-primary-80);
  --semantic-background-base-static-inverted-fill: var(--color-primary-90);
  --semantic-background-base-adaptive-inverted-fill: var(--color-neutral-white);
  --semantic-background-base-adaptive-elevated-fill: var(--color-primary-80);
  --semantic-background-base-adaptive-default-fill: var(--color-primary-90);
  --semantic-background-base-adaptive-soft-fill: var(--color-primary-100);
  --segmented-control-item-background-default-default-fill: var(--color-transparent-full);
  --teaser-date-time-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-date-time-highlight-fill: var(--semantic-foreground-base-static-inverted-fill);
  --teaser-title-highlight-fill: var(--semantic-foreground-base-static-inverted-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-sublabel-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --teaser-label-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --button-background-tertiary-default-fill: var(--color-transparent-full);
  --button-background-secondary-default-fill: var(--color-transparent-full);
  --button-background-default-active-fill: rgba(255, 255, 255, 24%);
  --button-background-default-hover-fill: rgba(255, 255, 255, 12%);
  --button-background-default-default-fill: var(--color-transparent-full);
  --button-label-tertiary-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --button-label-secondary-default-fill: var(--semantic-foreground-brand-adaptive-default-fill);
  --button-label-primary-default-fill: var(--semantic-foreground-on-brand-adaptive-default-fill);
  --button-label-default-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-lg-border-color: var(--semantic-border-base-static-inverted-fill);
  --branded-heading-sm-border-color: var(--semantic-border-base-static-inverted-fill);
  --semantic-background-brand-adaptive-default-fill: var(--color-primary-base);
  --segmented-control-item-background-selected-active-fill: rgba(72, 42, 165, 36%);
  --segmented-control-item-background-selected-hover-fill: rgba(72, 42, 165, 24%);
  --segmented-control-item-background-selected-default-fill: rgba(72, 42, 165, 12%);
  --segmented-control-item-background-default-active-fill: rgba(72, 42, 165, 24%);
  --segmented-control-item-background-default-hover-fill: rgba(72, 42, 165, 12%);
  --teaser-background-highlight-fill: var(--semantic-background-brand-static-default-fill);
  --button-background-tertiary-active-fill: rgba(72, 42, 165, 36%);
  --button-background-tertiary-hover-fill: rgba(72, 42, 165, 24%);
  --button-background-secondary-active-fill: rgba(72, 42, 165, 36%);
  --button-background-secondary-hover-fill: rgba(72, 42, 165, 24%);
  --button-background-primary-default-fill: var(--semantic-background-brand-adaptive-default-fill);
  --button-label-tertiary-active-fill: var(--button-label-tertiary-default-fill);
  --button-label-tertiary-hover-fill: var(--button-label-tertiary-default-fill);
  --button-label-secondary-active-fill: var(--button-label-secondary-default-fill);
  --button-label-secondary-hover-fill: var(--button-label-secondary-default-fill);
  --button-label-primary-active-fill: var(--button-label-primary-default-fill);
  --button-label-primary-hover-fill: var(--button-label-primary-default-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-color-mode="dark"][data-theme-accent-strong],
        [data-color-mode="dark"] [data-theme-accent-strong] {
  --branded-heading-label-hover-fill: var(--color-primary-20);
  --teaser-external-icon-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-color-mode="dark"][data-theme-breaking],
        [data-color-mode="dark"] [data-theme-breaking] {
  --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --breaking-fill: var(--color-primary-100);
  --teaser-background-default-fill: var(--color-primary-90);
  --teaser-background-highlight-fill: var(--color-primary-90);
  --branded-heading-label-hover-fill: var(--color-primary-20);
  --link-text-hover-fill: var(--color-primary-20);
  --semantic-border-base-adaptive-soft-fill: var(--color-primary-50);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40);
  --semantic-background-contextual-adaptive-default-fill: var(--color-primary-90);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-external-icon-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill);
  --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill);
  --teaser-title-highlight-fill: var(--teaser-title-default-fill);
  --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill);
  --teaser-label-highlight-fill: var(--teaser-label-default-fill);
  --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-color-mode="dark"][data-theme-premium],
        [data-color-mode="dark"] [data-theme-premium] {
  --button-background-primary-active-fill: var(--color-secondary-80);
  --button-background-primary-hover-fill: var(--color-secondary-70);
  --semantic-border-base-adaptive-soft-fill: var(--color-secondary-70);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30);
  --semantic-background-contextual-adaptive-default-fill: var(--color-secondary-90);
  --semantic-foreground-brand-static-inverted-fill: var(--semantic-foreground-accent-static-inverted-fill);
  --semantic-foreground-brand-adaptive-default-fill: var(--semantic-foreground-accent-adaptive-default-fill);
  --semantic-background-brand-adaptive-soft-fill: var(--semantic-background-accent-adaptive-soft-fill);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--semantic-foreground-on-accent-adaptive-soft-fill);
  --semantic-background-brand-static-default-fill: var(--semantic-background-accent-static-default-fill);
  --semantic-background-brand-adaptive-default-fill: var(--semantic-background-accent-adaptive-default-fill);
  --semantic-foreground-on-brand-static-default-fill: var(--semantic-foreground-on-accent-static-default-fill);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */

[data-color-mode="dark"][data-theme-sponsored-content],
        [data-color-mode="dark"] [data-theme-sponsored-content] {
  --semantic-border-brand-static-default-fill: var(--color-sponsored-content-primary-80);
  --semantic-border-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80);
  --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--color-sponsored-content-primary-20);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-20);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-sponsored-content-primary-20);
  --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-80);
  --semantic-background-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80);
  --semantic-background-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-90);
}
/**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */


@media (--breakpoint-sm-min) {
  :root, [data-color-mode="dark"], [data-theme-accent-soft], [data-theme-accent-strong], [data-theme-breaking], [data-theme-premium], [data-theme-sponsored-content], [data-theme-default] {
    --font-size-5xl: 40px;
  --font-size-4xl: 32px;
  --font-size-3xl: 28px;
  --font-size-2xl: 24px;
  --font-size-xl: 20px;
  --font-size-lg: 18px;
  --font-size-md: 17px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --dialog-border-radius: 0px;
  --horizontal-teaser-image-default-lg-width: 320px;
  --horizontal-teaser-image-default-md-width: 220px;
  --horizontal-teaser-image-default-sm-width: 120px;
  --teaser-title-lg-typography-font-style: normal;
  --teaser-title-md-typography-font-style: normal;
  --teaser-title-sm-typography-font-style: normal;
  --branded-heading-lg-typography-font-style: normal;
  --branded-heading-lg-typography-text-case: none;
  --branded-heading-sm-typography-font-style: normal;
  --branded-heading-sm-typography-text-case: None;
  --teaser-title-lg-typography-font-size: var(--font-size-3xl);
  --teaser-title-lg-typography-line-height: 1.15;
  --teaser-title-lg-typography-font-weight: 500;
  --teaser-title-lg-typography-font-family: var(--font-family-primary);
  --teaser-title-md-typography-font-size: var(--font-size-2xl);
  --teaser-title-md-typography-line-height: 1.15;
  --teaser-title-md-typography-font-weight: 500;
  --teaser-title-md-typography-font-family: var(--font-family-primary);
  --teaser-title-sm-typography-font-size: var(--font-size-lg);
  --teaser-title-sm-typography-line-height: 1.15;
  --teaser-title-sm-typography-font-weight: 500;
  --teaser-title-sm-typography-font-family: var(--font-family-primary);
  --branded-heading-lg-typography-font-size: var(--font-size-2xl);
  --branded-heading-lg-typography-line-height: 1.15;
  --branded-heading-lg-typography-font-weight: 600;
  --branded-heading-lg-typography-font-family: var(--font-family-primary);
  --branded-heading-sm-typography-font-size: var(--font-size-2xl);
  --branded-heading-sm-typography-line-height: 1.15;
  --branded-heading-sm-typography-font-weight: 600;
  --branded-heading-sm-typography-font-family: var(--font-family-primary);
  }
}
      /**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */


@media (--breakpoint-sm-min) {
  [data-theme-accent-soft] {
    --semantic-border-base-adaptive-soft-fill: var(--color-primary-30);
  --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-brand-adaptive-soft-fill);
  }
}
      /**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */


@media (--breakpoint-sm-min) {
  [data-theme-accent-strong] {
    --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --breaking-fill: var(--color-primary-90);
  --teaser-background-highlight-fill: var(--color-primary-80);
  --branded-heading-label-hover-fill: var(--color-primary-20);
  --link-text-hover-fill: var(--color-primary-20);
  --semantic-border-base-adaptive-soft-fill: var(--color-primary-50);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-external-icon-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill);
  --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill);
  --teaser-title-highlight-fill: var(--teaser-title-default-fill);
  --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill);
  --teaser-label-highlight-fill: var(--teaser-label-default-fill);
  --teaser-background-default-fill: var(--semantic-background-brand-static-default-fill);
  --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color);
  --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-brand-static-default-fill);
  }
}
      /**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */


@media (--breakpoint-sm-min) {
  [data-theme-breaking] {
    --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --breaking-fill: var(--color-primary-100);
  --teaser-background-default-fill: var(--color-primary-90);
  --teaser-background-highlight-fill: var(--color-primary-90);
  --branded-heading-label-hover-fill: var(--color-primary-20);
  --link-text-hover-fill: var(--color-primary-20);
  --semantic-border-base-adaptive-soft-fill: var(--color-primary-50);
  --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30);
  --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10);
  --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100);
  --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white);
  --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40);
  --semantic-background-contextual-adaptive-default-fill: var(--color-primary-90);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-external-icon-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-prefix-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill);
  --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill);
  --teaser-title-highlight-fill: var(--teaser-title-default-fill);
  --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill);
  --teaser-label-highlight-fill: var(--teaser-label-default-fill);
  --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color);
  --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color);
  }
}
      /**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */


@media (--breakpoint-sm-min) {
  [data-theme-premium] {
    --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-lg-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-md-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-md-layout-padding-top: 4px;
  --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-left: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px;
  --default-teaser-editorial-label-default-sm-layout-padding-right: 4px;
  --default-teaser-editorial-label-default-sm-layout-padding-top: 2px;
  --button-background-primary-active-fill: var(--color-secondary-80);
  --button-background-primary-hover-fill: var(--color-secondary-70);
  --semantic-border-base-adaptive-soft-fill: var(--color-secondary-30);
  --semantic-background-contextual-adaptive-default-fill: var(--color-secondary-20);
  --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-static-inverted-fill);
  --semantic-foreground-brand-static-inverted-fill: var(--semantic-foreground-accent-static-inverted-fill);
  --semantic-background-brand-adaptive-soft-fill: var(--semantic-background-accent-adaptive-soft-fill);
  --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill);
  --semantic-foreground-on-brand-adaptive-soft-fill: var(--semantic-foreground-on-accent-adaptive-soft-fill);
  --semantic-foreground-brand-adaptive-default-fill: var(--semantic-foreground-accent-adaptive-default-fill);
  --semantic-background-brand-static-default-fill: var(--semantic-background-accent-static-default-fill);
  --semantic-background-brand-adaptive-default-fill: var(--semantic-background-accent-adaptive-default-fill);
  --semantic-foreground-on-brand-static-default-fill: var(--semantic-foreground-on-accent-static-default-fill);
  --semantic-foreground-on-brand-adaptive-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill);
  }
}
      /**
 * 🦎 Chameleon v7.32.0
 * Do not edit directly
 */


@media (--breakpoint-sm-min) {
  [data-theme-sponsored-content] {
    --teaser-title-lg-typography-font-style: normal;
  --teaser-title-md-typography-font-style: normal;
  --teaser-title-sm-typography-font-style: normal;
  --branded-heading-lg-typography-font-style: normal;
  --branded-heading-lg-typography-text-case: none;
  --branded-heading-sm-typography-font-style: normal;
  --branded-heading-sm-typography-text-case: none;
  --teaser-title-lg-typography-font-size: var(--font-size-3xl);
  --teaser-title-lg-typography-line-height: 1.15;
  --teaser-title-lg-typography-font-weight: 500;
  --teaser-title-lg-typography-font-family: var(--font-family-system);
  --teaser-title-md-typography-font-size: var(--font-size-2xl);
  --teaser-title-md-typography-line-height: 1.15;
  --teaser-title-md-typography-font-weight: 500;
  --teaser-title-md-typography-font-family: var(--font-family-system);
  --teaser-title-sm-typography-font-size: var(--font-size-lg);
  --teaser-title-sm-typography-line-height: 1.15;
  --teaser-title-sm-typography-font-weight: 500;
  --teaser-title-sm-typography-font-family: var(--font-family-system);
  --branded-heading-lg-typography-font-size: var(--font-size-2xl);
  --branded-heading-lg-typography-line-height: 1.15;
  --branded-heading-lg-typography-font-weight: 500;
  --branded-heading-lg-typography-font-family: var(--font-family-system);
  --branded-heading-sm-typography-font-size: var(--font-size-2xl);
  --branded-heading-sm-typography-line-height: 1.15;
  --branded-heading-sm-typography-font-weight: 500;
  --branded-heading-sm-typography-font-family: var(--font-family-system);
  }
}