/** * 🦎 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; --vertical-teaser-premium-long-padding-left: 16px; --vertical-teaser-premium-long-padding-bottom: 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: 8px; --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: 8px; --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: 8px; --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: 8px; --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: 8px; --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: 8px; --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; --table-cell-typography-font-style: normal; --table-header-typography-font-style: normal; --table-header-typography-text-case: uppercase; --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; --body-typography-font-style: normal; --wide-list-title-typography-font-style: normal; --accordion-title-typography-font-style: normal; --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='%23e30613' fill-rule='evenodd' d='M8.86 9.12c9.57 0 14.06 4.1 12.7 12.7l-1.18 7.52a17 17 0 0 0-.22 1.51h2.16L21.2 38.2H9.68a22 22 0 0 1-.22-3.73C8 36.8 5.5 38.9 1.19 38.9q-.6 0-1.19-.05V21.77q3.1-.72 7.24-.7h3.95l.05-.6c.38-2.38-.05-3.94-2.86-3.94-2.38 0-3.24 1.45-3.62 3.02H0v-8.17c2.3-1.5 5.28-2.26 8.86-2.26M7.51 26.85c-3.46 0-4.75.76-4.75 2.7 0 1.3.97 2.33 2.8 2.33 2.33 0 4.12-1.46 4.44-3.73l.22-1.3z' clip-rule='evenodd'/%3e%3cpath fill='black' d='M37.5 17.1h-2.1l1.56 11.35L42.1 17.1h-2.22l1.14-7.18H48v14.5l-7.15 13.75H29.13l-4-20.69h-2.59l1.19-7.56h14.91z'/%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='black' d='M0 0h48v48H0z'/%3e%3cpath fill='%23e30613' fill-rule='evenodd' d='M8.86 9.12c9.57 0 14.06 4.1 12.7 12.7l-1.18 7.52a17 17 0 0 0-.22 1.51h2.16L21.2 38.2H9.68a22 22 0 0 1-.22-3.73C8 36.8 5.5 38.9 1.19 38.9q-.6 0-1.19-.05V21.77q3.1-.72 7.24-.7h3.95l.05-.6c.38-2.38-.05-3.94-2.86-3.94-2.38 0-3.24 1.45-3.62 3.02H0v-8.17c2.3-1.5 5.28-2.26 8.86-2.26M7.51 26.85c-3.46 0-4.75.76-4.75 2.7 0 1.3.97 2.33 2.8 2.33 2.33 0 4.12-1.46 4.44-3.73l.22-1.3z' clip-rule='evenodd'/%3e%3cpath fill='white' d='M37.5 17.1h-2.1l1.56 11.35L42.1 17.1h-2.22l1.14-7.18H48v14.5l-7.15 13.75H29.13l-4-20.69h-2.59l1.19-7.56h14.91z'/%3e%3c/svg%3e"); --logo-main-aspect-ratio: 5.708; --logo-main-inverse-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='274' height='48' fill='none' viewBox='0 0 274 48'%3e%3cpath fill='white' fill-rule='evenodd' d='M269.72 36.19h-11.5c-.63 2.11-2.18 3.66-5.23 3.66-4.04 0-5.47-2.73-5.53-6.09h22.32l.25-1.55c1.8-11.75-4.67-18.4-15.49-18.4s-19.02 7.64-19.02 19.27c0 10.38 7.7 14.92 17.22 14.92 9.02 0 15.42-4.17 16.98-11.81m-15.36-14.61c3.54 0 4.97 2.3 4.72 5.53h-10.81c1.17-3.98 3.54-5.53 6.09-5.53m-21.52 25.61 1.37-8.45h-2.67l3.8-24.07h-14.8l-1.37 8.7h2.6l-2.42 15.37h-2.6l-1.31 8.45zm-2.55-35c3.74 0 6.53-2.61 6.53-6.16 0-3.48-2.73-6.03-6.46-6.03s-6.47 2.61-6.47 6.1c0 3.54 2.68 6.09 6.4 6.09M202.33 48c7.15 0 13.12-3.54 13.12-11.38 0-6.28-3.67-9.08-11.94-10.63-3.3-.56-4.79-1-4.79-2.61 0-1.56 1.25-2.61 3.86-2.61 2.8 0 4.41 1.36 4.6 3.85h8.4l1.55-9.95h-7.9l-.44 2.93c-.93-1.8-3.17-3.86-9.26-3.86-6.84 0-12.12 3.92-12.12 10.94 0 5.48 2.85 9.08 10.5 10.33 4.48.74 5.66 1.36 5.66 2.98 0 1.74-1.37 2.74-3.73 2.74-3.6 0-5.41-1.8-5.41-4.42h-8.58l-1.68 10.88h8.15l.5-3.36c.74 1.5 3.04 4.17 9.5 4.17m-19.84-.8 1.37-8.46h-2.67l3.79-24.07h-14.8l-1.37 8.7h2.62l-2.43 15.37h-2.61l-1.3 8.45zm-2.55-35.01c3.73 0 6.53-2.61 6.53-6.16 0-3.48-2.73-6.03-6.46-6.03s-6.47 2.61-6.47 6.1c0 3.54 2.67 6.09 6.4 6.09m-28.1 35 12.37-23.81h2.93l1.3-8.7h-16.41l-1.3 8.26h2.54L147.36 36l-1.8-13.06h2.42l1.3-8.27h-17.16l-1.37 8.7h2.99l4.6 23.82z' clip-rule='evenodd'/%3e%3cpath fill='%23e30613' fill-rule='evenodd' d='M111.48 38.98c-3.86 0-4.91-2.92-4.91-5.78 0-5.97 2.17-10.38 6.71-10.38 3.36 0 4.73 2.49 4.73 5.53 0 6.03-2.05 10.63-6.53 10.63m-.19 9.02c11.26 0 19.03-7.77 19.03-19.09 0-10.44-8.15-15.1-16.91-15.1-11.26 0-19.1 8.14-19.03 19.27C94.44 43.4 102.53 48 111.3 48m-25.56 0c2.61 0 4.67-.5 6.1-1.06l1.43-9.14a10 10 0 0 1-3.05.56c-2.05 0-3.1-.87-2.67-3.54l1.86-11.69h6.16l1.24-8.46h-6.1l1.06-6.65H79.52l-1.06 6.65H74.9l-1.3 8.46h3.54l-1.92 12.12C73.73 44.4 77.9 48 85.73 48m-28.91-6.78c-.07 1.8-.13 4.54 0 5.97h13.8l1.3-8.45h-2.6q.07-.82.24-1.75l3.48-22.32H58.06l-1.37 8.7h2.74l-1.56 9.77c-.56 3.85-2.42 5.84-5.47 5.84-2.55 0-3.6-1.8-3.1-5.16l3.1-19.15H37.54l-1.37 8.7h2.61l-1.74 10.89C35.5 43.96 39.9 48 45.81 48c5.16 0 8.64-2.86 11-6.78M19.9 42.9c0 1.3 0 2.99.24 4.3H33.4l1.3-8.46h-2.48q.07-.82.25-1.75l1.36-8.64c1.56-9.88-3.6-14.6-14.6-14.6-8.84 0-14.5 3.97-16.11 12H14.5c.43-1.81 1.43-3.5 4.16-3.5 3.24 0 3.73 1.81 3.3 4.55l-.06.68h-4.54C6.47 27.48 0 30.4 0 38.98 0 44.77 4.66 48 10.38 48c4.98 0 7.84-2.43 9.52-5.1m-4.48-2.98c-2.11 0-3.23-1.18-3.23-2.68 0-2.23 1.49-3.1 5.47-3.1h3.1l-.24 1.49a4.9 4.9 0 0 1-5.1 4.29' clip-rule='evenodd'/%3e%3c/svg%3e"); --logo-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='274' height='48' fill='none' viewBox='0 0 274 48'%3e%3cpath fill='black' fill-rule='evenodd' d='M269.72 36.19h-11.5c-.63 2.11-2.18 3.66-5.23 3.66-4.04 0-5.47-2.73-5.53-6.09h22.32l.25-1.55c1.8-11.75-4.67-18.4-15.49-18.4s-19.02 7.64-19.02 19.27c0 10.38 7.7 14.92 17.22 14.92 9.02 0 15.42-4.17 16.98-11.81m-15.36-14.61c3.54 0 4.97 2.3 4.72 5.53h-10.81c1.17-3.98 3.54-5.53 6.09-5.53m-21.52 25.61 1.37-8.45h-2.67l3.8-24.07h-14.8l-1.37 8.7h2.6l-2.42 15.37h-2.6l-1.31 8.45zm-2.55-35c3.74 0 6.53-2.61 6.53-6.16 0-3.48-2.73-6.03-6.46-6.03s-6.47 2.61-6.47 6.1c0 3.54 2.68 6.09 6.4 6.09M202.33 48c7.15 0 13.12-3.54 13.12-11.38 0-6.28-3.67-9.08-11.94-10.63-3.3-.56-4.79-1-4.79-2.61 0-1.56 1.25-2.61 3.86-2.61 2.8 0 4.41 1.36 4.6 3.85h8.4l1.55-9.95h-7.9l-.44 2.93c-.93-1.8-3.17-3.86-9.26-3.86-6.84 0-12.12 3.92-12.12 10.94 0 5.48 2.85 9.08 10.5 10.33 4.48.74 5.66 1.36 5.66 2.98 0 1.74-1.37 2.74-3.73 2.74-3.6 0-5.41-1.8-5.41-4.42h-8.58l-1.68 10.88h8.15l.5-3.36c.74 1.5 3.04 4.17 9.5 4.17m-19.84-.8 1.37-8.46h-2.67l3.79-24.07h-14.8l-1.37 8.7h2.62l-2.43 15.37h-2.61l-1.3 8.45zm-2.55-35.01c3.73 0 6.53-2.61 6.53-6.16 0-3.48-2.73-6.03-6.46-6.03s-6.47 2.61-6.47 6.1c0 3.54 2.67 6.09 6.4 6.09m-28.1 35 12.37-23.81h2.93l1.3-8.7h-16.41l-1.3 8.26h2.54L147.36 36l-1.8-13.06h2.42l1.3-8.27h-17.16l-1.37 8.7h2.99l4.6 23.82z' clip-rule='evenodd'/%3e%3cpath fill='%23e30613' fill-rule='evenodd' d='M111.48 38.98c-3.86 0-4.91-2.92-4.91-5.78 0-5.97 2.17-10.38 6.71-10.38 3.36 0 4.73 2.49 4.73 5.53 0 6.03-2.05 10.63-6.53 10.63m-.19 9.02c11.26 0 19.03-7.77 19.03-19.09 0-10.44-8.15-15.1-16.91-15.1-11.26 0-19.1 8.14-19.03 19.27C94.44 43.4 102.53 48 111.3 48m-25.56 0c2.61 0 4.67-.5 6.1-1.06l1.43-9.14a10 10 0 0 1-3.05.56c-2.05 0-3.1-.87-2.67-3.54l1.86-11.69h6.16l1.24-8.46h-6.1l1.06-6.65H79.52l-1.06 6.65H74.9l-1.3 8.46h3.54l-1.92 12.12C73.73 44.4 77.9 48 85.73 48m-28.91-6.78c-.07 1.8-.13 4.54 0 5.97h13.8l1.3-8.45h-2.6q.08-.82.24-1.75l3.48-22.32H58.06l-1.37 8.7h2.74l-1.56 9.77c-.56 3.85-2.42 5.84-5.47 5.84-2.55 0-3.6-1.8-3.1-5.16l3.1-19.15H37.54l-1.37 8.7h2.61l-1.74 10.89C35.5 43.96 39.9 48 45.81 48c5.16 0 8.64-2.86 11-6.78M19.9 42.9c0 1.3 0 2.99.24 4.3H33.4l1.3-8.46h-2.48q.07-.82.25-1.75l1.36-8.64c1.56-9.88-3.6-14.6-14.6-14.6-8.84 0-14.5 3.97-16.11 12H14.5c.43-1.81 1.43-3.5 4.16-3.5 3.24 0 3.73 1.81 3.3 4.55l-.06.68h-4.54C6.47 27.48 0 30.4 0 38.98 0 44.77 4.66 48 10.38 48c4.98 0 7.84-2.43 9.52-5.1m-4.48-2.98c-2.11 0-3.23-1.18-3.23-2.68 0-2.23 1.49-3.1 5.47-3.1h3.1l-.24 1.49a4.9 4.9 0 0 1-5.1 4.29' clip-rule='evenodd'/%3e%3c/svg%3e"); --premium-main-aspect-ratio: 2.208; --premium-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='106' height='48' fill='none' viewBox='0 0 106 48'%3e%3cpath fill='%23e30613' d='M0 0h106v48H0z'/%3e%3cpath fill='white' d='M15.25 41.6c-6.03 0-10.67-3.36-10.67-9.2 0-8.7 6.73-11.68 17.46-11.68h4.9l.12-.83c.5-3.17-.2-5.14-3.81-5.14-3.05 0-4.32 1.78-4.83 3.94H7.75c1.65-8.12 7.56-11.93 16-11.93 10.67 0 15.94 4.63 14.36 14.53l-1.46 9.2-.38 2.42h2.85l-1.2 7.93H25.15a22 22 0 0 1-.19-4.5 11 11 0 0 1-9.71 5.26M25.6 28.97l.26-1.71H22.3c-4.57 0-6.42.88-6.42 3.61 0 1.72 1.27 3.11 3.75 3.11 3.11 0 5.53-1.9 5.97-5.01m47.51-13.05L60.23 40.8H47.66l-4.87-24.88h-3.16l1.27-8.14h16.99l-1.27 8.14h-2.71l2.08 14.53 6.7-14.53h-2.78l1.26-8.14h16.3l-1.26 8.14zm23.22 4.3H106v8.35H94.98l-1.93 12.35h-9.2l1.93-12.35H74.46l1.35-8.35h11.32l1.93-12.35h9.2z'/%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-extra-bold: 800; --font-weight-primary-regular: 400; --font-weight-primary-light: 300; --font-family-system: system-ui, sans-serif, 'SF Pro Text'; --font-family-secondary: 'Roboto', 'Roboto Fallback', sans-serif; --font-family-primary: 'Roboto Slab', 'Roboto Slab Fallback', serif; --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: #1A1A1A; --color-neutral-90: #333333; --color-neutral-80: #4D4D4D; --color-neutral-70: #666666; --color-neutral-60: #808080; --color-neutral-50: #999999; --color-neutral-40: #B3B3B3; --color-neutral-30: #CCCCCC; --color-neutral-20: #E6E6E6; --color-neutral-10: #F2F2F2; --color-orange-100: #4D2B00; --color-orange-90: #7B4600; --color-orange-80: #A75E00; --color-orange-70: #CC7300; --color-orange-60: #E98400; --color-orange-50: #FFA024; --color-orange-40: #FFC066; --color-orange-30: #FFDEA8; --color-orange-20: #FFE9C7; --color-orange-10: #FFF4E6; --color-red-100: #4D0B00; --color-red-90: #7A1300; --color-red-80: #A61A00; --color-red-70: #CA2001; --color-red-60: #E72501; --color-red-50: #F54E2F; --color-red-40: #FE836C; --color-red-30: #FFB8AB; --color-red-20: #FFD1C9; --color-red-10: #FFE9E6; --color-green-100: #00330F; --color-green-90: #075E21; --color-green-80: #158637; --color-green-70: #17AC44; --color-green-60: #37CA63; --color-green-50: #62DF88; --color-green-40: #90EEAD; --color-green-30: #C0F8D1; --color-green-20: #D5FBE1; --color-green-10: #EBFFF1; --color-blue-100: #00324D; --color-blue-90: #034D75; --color-blue-80: #07679C; --color-blue-70: #0D7DBB; --color-blue-60: #0C8DD4; --color-blue-50: #36A7E6; --color-blue-40: #6FC4F2; --color-blue-30: #ACDEFA; --color-blue-20: #C8EAFD; --color-blue-10: #E6F6FF; --color-primary-100: #660308; --color-primary-90: #97040D; --color-primary-80: #B0080E; --color-primary-70: #D00019; --color-primary-60: #E30613; --color-primary-50: #E7212E; --color-primary-40: #EE414D; --color-primary-30: #FFACB5; --color-primary-20: #FFD8DA; --color-primary-10: #FFE6E8; --date-time-typography-font-style: normal; --date-time-typography-text-case: none; --date-time-typography-font-size: 14px; --date-time-typography-line-height: 1.15; --date-time-typography-font-weight: 800; --date-time-typography-font-family: 'Roboto Slab', 'Roboto Slab Fallback', serif; --link-text-typography-font-style: normal; --link-text-hover-text-decoration: underline; --link-text-default-text-decoration: underline; --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; --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: normal; --tag-layout-padding-left: 7px; --tag-layout-padding-bottom: 3px; --tag-layout-padding-right: 7px; --tag-layout-padding-top: 3px; --tag-border-radius: 3px; --tag-typography-font-style: normal; --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: 16px; --related-teaser-layout-padding-right: 16px; --related-teaser-layout-padding-top: 16px; --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; --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; --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-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; --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: Uppercase; --horizontal-teaser-lg-item-spacing: 16px; --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-md-item-spacing: 16px; --horizontal-teaser-sm-item-spacing: 16px; --horizontal-teaser-image-default-lg-width: 122px; --horizontal-teaser-image-default-md-width: 122px; --horizontal-teaser-image-default-sm-width: 122px; --horizontal-teaser-image-right: false; --horizontal-teaser-image-left: true; --list-teaser-external-icon-height: 16px; --list-teaser-premium-main-inline-height: 12px; --list-teaser-premium-inline-after: false; --list-teaser-premium-inline-before: true; --list-teaser-prefix-typography-font-style: normal; --list-teaser-prefix-typography-text-case: uppercase; --list-teaser-title-typography-font-style: normal; --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-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-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: 16px; --teaser-premium-inline-sm-before: true; --teaser-premium-long-lg-top: false; --teaser-premium-long-md-top: false; --teaser-premium-long-sm-top: false; --teaser-premium-long-base-height: 22px; --teaser-premium-main-base-height: 12px; --teaser-external-icon-lg-height: 24px; --teaser-external-icon-md-height: 20px; --teaser-external-icon-sm-height: 16px; --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-sm-typography-font-style: normal; --teaser-label-sm-typography-text-case: none; --teaser-label-md-typography-font-style: normal; --teaser-label-md-typography-text-case: none; --teaser-introduction-typography-font-style: normal; --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: 800; --default-teaser-editorial-label-lg-typography-font-family: 'Roboto Slab', 'Roboto Slab 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: 800; --default-teaser-editorial-label-md-typography-font-family: 'Roboto Slab', 'Roboto Slab 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: 800; --default-teaser-editorial-label-sm-typography-font-family: 'Roboto Slab', 'Roboto Slab Fallback', serif; --default-teaser-premium-long-padding-left: 16px; --default-teaser-premium-long-padding-bottom: 16px; --default-teaser-premium-taxonomy-lg-after: false; --default-teaser-premium-taxonomy-lg-before: true; --default-teaser-premium-taxonomy-md-after: false; --default-teaser-premium-taxonomy-md-before: true; --default-teaser-premium-taxonomy-sm-after: false; --default-teaser-premium-taxonomy-sm-before: true; --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-lg-typography-font-style: normal; --semantic-headline-xl-typography-font-style: normal; --semantic-headline-2xl-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-display-typography-font-style: normal; --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; --text-soft-text-decoration: underline; --text-default-text-decoration: none; --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; --input-lg-border-radius: 0px; --input-sm-border-radius: 0px; --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-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-secondary-active-box-shadow: 0px 0px 0px 0px #ffffff00; --button-secondary-active-border: 1px solid #000000; --button-secondary-hover-box-shadow: 0px 0px 0px 0px #ffffff00; --button-secondary-hover-border: 1px solid #000000; --button-secondary-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: 3px; --button-lg-typography-font-style: normal; --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: 3px; --button-sm-typography-font-style: normal; --button-sm-typography-line-height: 16px; --font-size-base: var(--font-size-md); --focus-positive: 0px 0px 0px 3px var(--color-green-50); --focus-negative: 0px 0px 0px 3px var(--color-red-40); --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); --rating-foreground-empty-fill: var(--color-neutral-60); --skeleton-fill: linear-gradient( -90deg, rgba(179, 179, 179, 48%) 0%, rgba(153, 153, 153, 48%) 50%, rgba(179, 179, 179, 48%) 100%);; --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-system); --table-header-typography-font-size: var(--font-size-xs); --table-header-typography-line-height: 1; --table-header-typography-font-weight: 700; --table-header-typography-font-family: var(--font-family-system); --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); --switch-track-fill: var(--color-neutral-30); --stepper-background-default-fill: var(--color-neutral-30); --body-typography-line-height: 1.5; --body-typography-font-weight: 400; --body-typography-font-family: var(--font-family-system); --avatar-border-radius: var(--scale-infinite); --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-md); --wide-list-title-typography-line-height: 1.25; --wide-list-title-typography-font-weight: 500; --wide-list-title-typography-font-family: var(--font-family-system); --accordion-title-typography-font-size: var(--font-size-md); --accordion-title-typography-line-height: 1.25; --accordion-title-typography-font-weight: 500; --accordion-title-typography-font-family: var(--font-family-system); --premium-long-aspect-ratio: 2.208; --premium-long-asset: var(--premium-main-asset); --color-focus: var(--color-primary-30); --color-transparent-full: rgba(255, 255, 255, 0%); --color-neutral-dark: var(--color-neutral-80); --color-neutral-base: var(--color-neutral-70); --color-neutral-light: var(--color-neutral-60); --color-orange-dark: var(--color-orange-60); --color-orange-base: var(--color-orange-50); --color-orange-light: var(--color-orange-40); --color-red-dark: var(--color-red-70); --color-red-base: var(--color-red-60); --color-red-light: var(--color-red-50); --color-green-dark: var(--color-green-90); --color-green-base: var(--color-green-80); --color-green-light: var(--color-green-70); --color-blue-dark: var(--color-blue-80); --color-blue-base: var(--color-blue-70); --color-blue-light: var(--color-blue-60); --color-primary-dark: var(--color-primary-70); --color-primary-base: var(--color-primary-60); --color-primary-light: var(--color-primary-50); --link-text-typography-font-size: var(--font-size-md); --link-text-typography-line-height: 1.25; --link-text-typography-font-weight: 700; --link-text-typography-font-family: var(--font-family-secondary); --link-text-hover-fill: var(--color-blue-90); --header-lg-font-size: var(--font-size-md); --header-sm-font-size: var(--font-size-sm); --header-scroll-asset: var(--logo-main-inverse-asset); --header-font-family: var(--font-family-secondary); --header-strong-lg-typography-line-height: 1.15; --header-strong-sm-typography-line-height: 1.15; --header-strong-font-weight: 700; --header-default-asset: var(--logo-main-inverse-asset); --header-default-lg-typography-line-height: 1.15; --header-default-sm-typography-line-height: 1.15; --header-default-font-weight: 400; --header-background-accent-active-fill: var(--color-neutral-80); --header-background-accent-hover-fill: var(--color-neutral-70); --quote-quotee-function-typography-font-size: var(--font-size-md); --quote-quotee-function-typography-line-height: 1.15; --quote-quotee-function-typography-font-weight: 400; --quote-quotee-function-typography-font-family: var(--font-family-secondary); --quote-quotee-typography-font-size: var(--font-size-md); --quote-quotee-typography-line-height: 1.5; --quote-quotee-typography-font-weight: 700; --quote-quotee-typography-font-family: var(--font-family-secondary); --quote-blockquote-typography-font-size: var(--font-size-2xl); --quote-blockquote-typography-line-height: 1.335; --quote-blockquote-typography-font-weight: 800; --quote-blockquote-typography-font-family: var(--font-family-primary); --tag-typography-font-size: var(--font-size-xs); --tag-typography-line-height: 1.2; --tag-typography-font-weight: 400; --tag-typography-font-family: var(--font-family-secondary); --related-teaser-prefix-typography-font-size: var(--font-size-md); --related-teaser-prefix-typography-line-height: 1.4; --related-teaser-prefix-typography-font-weight: 700; --related-teaser-prefix-typography-font-family: var(--font-family-secondary); --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-secondary); --breaking-fill: var(--color-neutral-black); --description-lg-strong-typography-font-size: var(--font-size-md); --description-lg-strong-typography-line-height: 1.25; --description-lg-strong-typography-font-weight: 700; --description-lg-strong-typography-font-family: var(--font-family-system); --description-lg-default-typography-font-size: var(--font-size-md); --description-lg-default-typography-line-height: 1.25; --description-lg-default-typography-font-weight: 400; --description-lg-default-typography-font-family: var(--font-family-system); --description-sm-strong-typography-font-size: var(--font-size-sm); --description-sm-strong-typography-line-height: 1.15; --description-sm-strong-typography-font-weight: 700; --description-sm-strong-typography-font-family: var(--font-family-system); --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); --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-editorial-label-typography-font-size: var(--font-size-sm); --text-on-image-teaser-editorial-label-typography-line-height: 1.15; --text-on-image-teaser-editorial-label-typography-font-weight: 800; --text-on-image-teaser-editorial-label-typography-font-family: var(--font-family-primary); --list-teaser-prefix-typography-font-size: var(--font-size-sm); --list-teaser-prefix-typography-line-height: 1.15; --list-teaser-prefix-typography-font-weight: 700; --list-teaser-prefix-typography-font-family: var(--font-family-secondary); --list-teaser-title-typography-font-size: var(--font-size-sm); --list-teaser-title-typography-line-height: 1.2; --list-teaser-title-typography-font-weight: 400; --list-teaser-title-typography-font-family: var(--font-family-primary); --teaser-prefix-lg-typography-font-size: var(--font-size-5xl); --teaser-prefix-lg-typography-line-height: 1.2; --teaser-prefix-lg-typography-font-weight: 700; --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: 700; --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: 700; --teaser-prefix-sm-typography-font-family: var(--font-family-system); --teaser-premium-main-default-asset: var(--premium-main-asset); --teaser-date-time-highlight-fill: var(--color-neutral-40); --teaser-title-lg-typography-font-size: var(--font-size-3xl); --teaser-title-lg-typography-line-height: 1.25; --teaser-title-lg-typography-font-weight: 800; --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.25; --teaser-title-md-typography-font-weight: 400; --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.25; --teaser-title-sm-typography-font-weight: 400; --teaser-title-sm-typography-font-family: var(--font-family-primary); --teaser-sublabel-highlight-fill: var(--color-neutral-40); --teaser-sublabel-lg-typography-font-size: var(--font-size-sm); --teaser-sublabel-lg-typography-line-height: 1.15; --teaser-sublabel-lg-typography-font-weight: 800; --teaser-sublabel-lg-typography-font-family: var(--font-family-primary); --teaser-sublabel-md-typography-font-size: var(--font-size-sm); --teaser-sublabel-md-typography-line-height: 1.15; --teaser-sublabel-md-typography-font-weight: 800; --teaser-sublabel-md-typography-font-family: var(--font-family-primary); --teaser-sublabel-sm-typography-font-size: var(--font-size-sm); --teaser-sublabel-sm-typography-line-height: 1.15; --teaser-sublabel-sm-typography-font-weight: 800; --teaser-sublabel-sm-typography-font-family: var(--font-family-primary); --teaser-label-lg-typography-font-size: var(--font-size-sm); --teaser-label-lg-typography-line-height: 1.15; --teaser-label-lg-typography-font-weight: 800; --teaser-label-lg-typography-font-family: var(--font-family-primary); --teaser-label-sm-typography-font-size: var(--font-size-sm); --teaser-label-sm-typography-line-height: 1.15; --teaser-label-sm-typography-font-weight: 800; --teaser-label-sm-typography-font-family: var(--font-family-primary); --teaser-label-md-typography-font-size: var(--font-size-sm); --teaser-label-md-typography-line-height: 1.15; --teaser-label-md-typography-font-weight: 800; --teaser-label-md-typography-font-family: var(--font-family-primary); --teaser-introduction-typography-font-size: var(--font-size-sm); --teaser-introduction-typography-line-height: 1.335; --teaser-introduction-typography-font-weight: 400; --teaser-introduction-typography-font-family: var(--font-family-secondary); --teaser-introduction-highlight-fill: var(--color-neutral-40); --semantic-border-disabled-adaptive-default-fill: var(--color-neutral-40); --semantic-border-warning-static-default-fill: var(--color-orange-80); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-border-base-static-inverted-fill: var(--color-neutral-white); --semantic-border-base-static-default-fill: var(--color-neutral-60); --semantic-foreground-disabled-adaptive-default-fill: var(--color-neutral-40); --semantic-foreground-on-warning-adaptive-soft-fill: var(--color-orange-90); --semantic-foreground-warning-adaptive-default-fill: var(--color-orange-80); --semantic-foreground-on-success-adaptive-soft-fill: var(--color-green-90); --semantic-foreground-on-error-adaptive-soft-fill: var(--color-red-70); --semantic-foreground-on-info-adaptive-soft-fill: var(--color-blue-80); --semantic-foreground-on-accent-static-default-fill: var(--color-neutral-white); --semantic-foreground-on-accent-adaptive-default-fill: var(--color-neutral-white); --semantic-foreground-on-accent-adaptive-soft-fill: var(--color-primary-80); --semantic-foreground-accent-static-inverted-fill: var(--color-primary-40); --semantic-foreground-on-brand-static-default-fill: var(--color-neutral-white); --semantic-foreground-on-brand-adaptive-default-fill: var(--color-neutral-white); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-primary-80); --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-black); --semantic-background-disabled-adaptive-selected-fill: var(--color-neutral-30); --semantic-background-disabled-adaptive-default-fill: var(--color-neutral-20); --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-primary-20); --semantic-background-brand-adaptive-soft-fill: var(--color-primary-20); --semantic-background-base-static-inverted-fill: var(--color-neutral-black); --semantic-background-base-static-muted-fill: var(--color-neutral-80); --semantic-background-base-adaptive-elevated-fill: var(--color-neutral-white); --semantic-background-base-adaptive-soft-fill: var(--color-neutral-10); --semantic-background-base-adaptive-default-fill: var(--color-neutral-white); --semantic-background-base-adaptive-inverted-fill: var(--color-neutral-black); --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.335; --semantic-caption-alt-sm-strong-typography-font-family: var(--font-family-secondary); --semantic-caption-alt-sm-default-typography-font-size: var(--font-size-xs); --semantic-caption-alt-sm-default-typography-line-height: 1.335; --semantic-caption-alt-sm-default-typography-font-weight: 400; --semantic-caption-alt-sm-default-typography-font-family: var(--font-family-secondary); --semantic-caption-alt-lg-strong-typography-font-size: var(--font-size-sm); --semantic-caption-alt-lg-strong-typography-line-height: 1.15; --semantic-caption-alt-lg-strong-typography-font-weight: 700; --semantic-caption-alt-lg-strong-typography-font-family: var(--font-family-secondary); --semantic-caption-alt-lg-default-typography-font-size: var(--font-size-sm); --semantic-caption-alt-lg-default-typography-line-height: 1.15; --semantic-caption-alt-lg-default-typography-font-weight: 400; --semantic-caption-alt-lg-default-typography-font-family: var(--font-family-secondary); --semantic-caption-default-sm-strong-typography-font-size: var(--font-size-xs); --semantic-caption-default-sm-strong-typography-line-height: 1.335; --semantic-caption-default-sm-strong-typography-font-weight: 800; --semantic-caption-default-sm-strong-typography-font-family: var(--font-family-primary); --semantic-caption-default-sm-default-typography-font-size: var(--font-size-xs); --semantic-caption-default-sm-default-typography-line-height: 1.335; --semantic-caption-default-sm-default-typography-font-weight: 400; --semantic-caption-default-sm-default-typography-font-family: var(--font-family-primary); --semantic-caption-default-lg-strong-typography-font-size: var(--font-size-sm); --semantic-caption-default-lg-strong-typography-line-height: 1.15; --semantic-caption-default-lg-strong-typography-font-weight: 800; --semantic-caption-default-lg-strong-typography-font-family: var(--font-family-primary); --semantic-caption-default-lg-default-typography-font-size: var(--font-size-sm); --semantic-caption-default-lg-default-typography-line-height: 1.15; --semantic-caption-default-lg-default-typography-font-weight: 400; --semantic-caption-default-lg-default-typography-font-family: var(--font-family-primary); --semantic-paragraph-alt-sm-strong-typography-font-size: var(--font-size-sm); --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-secondary); --semantic-paragraph-alt-sm-default-typography-font-size: var(--font-size-sm); --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-secondary); --semantic-paragraph-alt-lg-strong-typography-font-size: var(--font-size-md); --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-secondary); --semantic-paragraph-alt-lg-default-typography-font-size: var(--font-size-md); --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-secondary); --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-lg); --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-lg); --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-lg-typography-font-size: var(--font-size-3xl); --semantic-headline-lg-typography-line-height: 1.335; --semantic-headline-lg-typography-font-weight: 800; --semantic-headline-lg-typography-font-family: var(--font-family-primary); --semantic-headline-xl-typography-font-size: var(--font-size-4xl); --semantic-headline-xl-typography-line-height: 1.25; --semantic-headline-xl-typography-font-weight: 800; --semantic-headline-xl-typography-font-family: var(--font-family-primary); --semantic-headline-2xl-typography-font-size: var(--font-size-5xl); --semantic-headline-2xl-typography-line-height: 1.15; --semantic-headline-2xl-typography-font-weight: 800; --semantic-headline-2xl-typography-font-family: var(--font-family-primary); --semantic-headline-xs-typography-font-size: var(--font-size-lg); --semantic-headline-xs-typography-line-height: 1.25; --semantic-headline-xs-typography-font-weight: 800; --semantic-headline-xs-typography-font-family: var(--font-family-primary); --semantic-headline-sm-typography-font-size: var(--font-size-xl); --semantic-headline-sm-typography-line-height: 1.335; --semantic-headline-sm-typography-font-weight: 800; --semantic-headline-sm-typography-font-family: var(--font-family-primary); --semantic-headline-md-typography-font-size: var(--font-size-2xl); --semantic-headline-md-typography-line-height: 1.4; --semantic-headline-md-typography-font-weight: 800; --semantic-headline-md-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: 700; --semantic-display-typography-font-family: var(--font-family-secondary); --branded-heading-action-typography-font-size: var(--font-size-sm); --branded-heading-action-typography-line-height: 1.2; --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.335; --branded-heading-lg-typography-font-weight: 800; --branded-heading-lg-typography-font-family: var(--font-family-primary); --branded-heading-sm-typography-font-size: var(--font-size-xl); --branded-heading-sm-typography-line-height: 1.25; --branded-heading-sm-typography-font-weight: 800; --branded-heading-sm-typography-font-family: var(--font-family-primary); --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-black); --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-white); --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-black); --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-black); --text-on-background-blue-50: var(--color-neutral-black); --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-primary-100: var(--color-neutral-white); --text-on-background-primary-90: var(--color-neutral-white); --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); --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-system); --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: 700; --input-date-picker-week-typography-font-family: var(--font-family-system); --input-placeholder-fill: var(--color-neutral-40); --input-placeholder-typography-font-size: var(--font-size-md); --input-placeholder-typography-line-height: 1.5; --input-placeholder-typography-font-weight: 400; --input-placeholder-typography-font-family: var(--font-family-system); --input-label-lg-typography-font-size: var(--font-size-2xl); --input-label-lg-typography-line-height: 1.6; --input-label-lg-typography-font-weight: 700; --input-label-lg-typography-font-family: var(--font-family-system); --input-label-sm-typography-font-size: var(--font-size-md); --input-label-sm-typography-line-height: 1.25; --input-label-sm-typography-font-weight: 500; --input-label-sm-typography-font-family: var(--font-family-system); --button-secondary-default-border: var(--button-border-width) solid var(--color-neutral-black); --button-background-primary-active-fill: var(--color-neutral-60); --button-background-primary-hover-fill: var(--color-neutral-80); --button-lg-typography-font-size: var(--font-size-md); --button-lg-typography-font-weight: 800; --button-lg-typography-font-family: var(--font-family-primary); --button-sm-typography-font-size: var(--font-size-sm); --button-sm-typography-font-weight: 800; --button-sm-typography-font-family: var(--font-family-primary); --focus-default: 0px 0px 0px 3px var(--color-focus); --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); --autocomplete-overlay-loading: rgba(255, 255, 255, 70%); --divider-border: 1px solid var(--semantic-border-base-adaptive-soft-fill); --table-header-background-fill: var(--semantic-background-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-background-default-fill: var(--semantic-background-base-adaptive-default-fill); --stepper-number-active-fill: var(--semantic-foreground-on-brand-adaptive-default-fill); --body-typography-font-size: var(--font-size-base); --top-bar-background-fill: var(--semantic-background-base-static-inverted-fill); --header-foreground-accent-active-fill: var(--semantic-foreground-on-brand-static-default-fill); --header-foreground-accent-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill); --header-strong-lg-typography-font-size: var(--header-lg-font-size); --header-strong-lg-typography-font-weight: 700; --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: 700; --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-background-accent-default-fill: var(--semantic-background-base-adaptive-inverted-fill); --quote-quotee-fill: var(--semantic-foreground-base-adaptive-default-fill); --quote-blockquote-fill: var(--semantic-foreground-base-adaptive-default-fill); --tag-label-fill: var(--semantic-foreground-base-adaptive-default-fill); --tag-background-active-fill: rgba(255, 255, 255, 24%); --tag-background-hover-fill: rgba(255, 255, 255, 12%); --tag-background-default-fill: var(--color-transparent-full); --tag-border: 1px solid var(--semantic-foreground-base-adaptive-default-fill); --related-teaser-title-fill: var(--semantic-foreground-base-adaptive-default-fill); --related-teaser-background-fill: var(--semantic-background-base-adaptive-soft-fill); --text-on-image-teaser-pulse-border: 2px solid var(--color-transparent-full); --text-on-image-teaser-external-icon-fill: var(--semantic-foreground-base-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); --text-on-image-teaser-editorial-label-foreground-fill: var(--semantic-foreground-base-static-inverted-fill); --text-on-image-teaser-prefix-fill: var(--semantic-foreground-base-static-inverted-fill); --text-on-image-teaser-premium-main-asset: var(--teaser-premium-main-default-asset); --horizontal-teaser-highlight-border-left: 0px solid var(--color-transparent-full); --horizontal-teaser-default-border-left: 0px solid var(--color-transparent-full); --teaser-prefix-highlight-fill: var(--semantic-foreground-on-brand-static-default-fill); --teaser-premium-main-highlight-asset: var(--teaser-premium-main-default-asset); --teaser-external-icon-highlight-fill: var(--semantic-foreground-brand-static-inverted-fill); --teaser-play-button-text-fill: var(--semantic-foreground-on-brand-static-default-fill); --teaser-play-button-border: 1px solid var(--semantic-border-base-static-inverted-fill); --teaser-background-default-fill: var(--color-transparent-full); --teaser-background-highlight-fill: var(--semantic-background-base-static-inverted-fill); --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-title-highlight-fill: var(--semantic-foreground-base-static-inverted-fill); --teaser-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-label-highlight-fill: var(--semantic-foreground-base-static-inverted-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); --semantic-border-success-static-default-fill: var(--color-green-base); --semantic-border-error-static-default-fill: var(--color-red-base); --semantic-border-info-static-default-fill: var(--color-blue-base); --semantic-border-brand-static-default-fill: var(--color-primary-base); --semantic-border-brand-adaptive-default-fill: var(--color-primary-base); --semantic-border-accent-static-default-fill: var(--color-primary-base); --semantic-border-accent-adaptive-default-fill: var(--color-primary-base); --semantic-foreground-success-adaptive-default-fill: var(--color-green-base); --semantic-foreground-error-adaptive-default-fill: var(--color-red-base); --semantic-foreground-info-adaptive-default-fill: var(--color-blue-base); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-base); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-base); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-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-primary-base); --semantic-background-accent-adaptive-default-fill: var(--color-primary-base); --semantic-background-brand-static-default-fill: var(--color-primary-base); --semantic-background-brand-adaptive-default-fill: var(--color-primary-base); --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-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --text-on-background-neutral-dark: var(--text-on-background-neutral-80); --text-on-background-neutral-base: var(--text-on-background-neutral-70); --text-on-background-neutral-light: var(--text-on-background-neutral-60); --text-on-background-orange-dark: var(--text-on-background-orange-60); --text-on-background-orange-base: var(--text-on-background-orange-50); --text-on-background-orange-light: var(--text-on-background-orange-40); --text-on-background-red-dark: var(--text-on-background-red-70); --text-on-background-red-base: var(--text-on-background-red-60); --text-on-background-red-light: var(--text-on-background-red-50); --text-on-background-green-dark: var(--text-on-background-green-90); --text-on-background-green-base: var(--text-on-background-green-80); --text-on-background-green-light: var(--text-on-background-green-70); --text-on-background-blue-dark: var(--text-on-background-blue-80); --text-on-background-blue-base: var(--text-on-background-blue-70); --text-on-background-blue-light: var(--text-on-background-blue-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); --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); --input-text-fill: var(--semantic-foreground-on-brand-adaptive-default-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-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-label-default-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --button-label-primary-default-fill: var(--semantic-foreground-base-adaptive-inverted-fill); --button-label-tertiary-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --button-label-secondary-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --button-secondary-disabled-border: var(--button-border-width) solid var(--semantic-border-disabled-adaptive-default-fill); --button-background-default-active-fill: rgba(0, 0, 0, 24%); --button-background-default-hover-fill: rgba(0, 0, 0, 12%); --button-background-default-default-fill: var(--color-transparent-full); --button-background-tertiary-disabled-fill: var(--color-transparent-full); --button-background-tertiary-active-fill: rgba(0, 0, 0, 24%); --button-background-tertiary-hover-fill: rgba(0, 0, 0, 12%); --button-background-tertiary-default-fill: var(--color-transparent-full); --button-background-secondary-disabled-fill: var(--color-transparent-full); --button-background-secondary-active-fill: rgba(0, 0, 0, 24%); --button-background-secondary-hover-fill: rgba(0, 0, 0, 12%); --button-background-secondary-default-fill: var(--color-transparent-full); --button-background-primary-disabled-fill: var(--semantic-background-disabled-adaptive-default-fill); --button-background-primary-default-fill: var(--semantic-background-base-adaptive-inverted-fill); --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(227, 6, 19, 36%); --segmented-control-item-background-selected-hover-fill: rgba(227, 6, 19, 24%); --segmented-control-item-background-selected-default-fill: rgba(227, 6, 19, 12%); --segmented-control-item-background-default-active-fill: rgba(227, 6, 19, 24%); --segmented-control-item-background-default-hover-fill: rgba(227, 6, 19, 12%); --table-header-label-fill: var(--semantic-foreground-base-adaptive-soft-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-label-default-fill: var(--semantic-foreground-base-adaptive-soft-fill); --tab-background-active-fill: rgba(227, 6, 19, 24%); --tab-background-hover-fill: rgba(227, 6, 19, 12%); --stepper-background-active-fill: var(--semantic-background-brand-adaptive-default-fill); --stepper-label-active-fill: var(--semantic-foreground-brand-adaptive-default-fill); --loader-stroke-fill: var(--semantic-border-brand-adaptive-default-fill); --accordion-title-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill); --top-bar-foreground-active-fill: var(--header-foreground-accent-active-fill); --top-bar-foreground-default-fill: var(--header-foreground-accent-default-fill); --link-text-default-fill: var(--semantic-foreground-info-adaptive-default-fill); --header-label-active-border: 2px solid var(--semantic-border-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%); --quote-icon-fill: var(--semantic-foreground-brand-adaptive-default-fill); --quote-quotee-function-fill: var(--semantic-foreground-base-adaptive-soft-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); --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-highlight-fill: var(--teaser-title-highlight-fill); --teaser-comment-foreground-default-fill: var(--teaser-title-default-fill); --teaser-podcast-icon-highlight-fill: var(--teaser-title-highlight-fill); --teaser-podcast-icon-default-fill: var(--teaser-title-default-fill); --teaser-prefix-default-fill: var(--semantic-foreground-accent-adaptive-default-fill); --teaser-external-icon-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-play-button-background-fill: var(--semantic-background-brand-static-default-fill); --teaser-date-time-default-fill: var(--semantic-foreground-base-adaptive-soft-fill); --teaser-sublabel-default-fill: var(--semantic-foreground-base-adaptive-soft-fill); --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-soft-fill); --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); --branded-heading-lg-border-color: var(--semantic-border-brand-adaptive-default-fill); --branded-heading-sm-border-color: var(--semantic-border-brand-adaptive-default-fill); --branded-heading-label-hover-fill: var(--semantic-foreground-base-adaptive-soft-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-label-primary-active-fill: var(--button-label-primary-default-fill); --button-label-primary-hover-fill: var(--button-label-primary-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); --top-bar-active-border: 2px solid var(--top-bar-foreground-active-fill); --default-teaser-pulse-background-default-fill: var(--default-teaser-editorial-label-foreground-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); --input-active-border-color: var(--input-hover-border-color); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-theme-accent-soft] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-accent-static-inverted-fill: var(--color-primary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-70); --semantic-foreground-brand-static-inverted-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-10); --teaser-background-highlight-fill: var(--semantic-background-base-adaptive-soft-fill); --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill); --teaser-external-icon-highlight-fill: var(--teaser-external-icon-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --teaser-date-time-highlight-fill: var(--teaser-date-time-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-theme-accent-strong] { --divider-border: 1px solid var(--color-neutral-90); --teaser-premium-main-default-asset: var(--premium-main-asset); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-base-static-inverted-fill); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-theme-breaking] { --divider-border: 1px solid var(--color-neutral-90); --teaser-premium-main-default-asset: var(--premium-main-asset); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --breaking-fill: var(--semantic-background-base-static-inverted-fill); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-base-static-inverted-fill); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-theme-premium] { --button-background-primary-active-fill: var(--color-primary-80); --button-background-primary-hover-fill: var(--color-primary-70); --button-label-primary-default-fill: var(--semantic-foreground-on-brand-static-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); --button-secondary-active-border: var(--button-border-width) solid var(--semantic-border-brand-static-default-fill); --button-secondary-hover-border: var(--button-border-width) solid var(--semantic-border-brand-static-default-fill); --button-secondary-default-border: var(--button-border-width) solid var(--semantic-border-brand-static-default-fill); --button-background-tertiary-active-fill: rgba(227, 6, 19, 24%); --button-background-tertiary-hover-fill: rgba(227, 6, 19, 12%); --button-background-secondary-active-fill: rgba(227, 6, 19, 24%); --button-background-secondary-hover-fill: rgba(227, 6, 19, 12%); --button-background-primary-default-fill: var(--semantic-background-brand-static-default-fill); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-theme-sponsored-content] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-accent-static-inverted-fill: var(--color-primary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-70); --semantic-foreground-brand-static-inverted-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-10); --teaser-background-highlight-fill: var(--semantic-background-base-adaptive-soft-fill); --teaser-external-icon-highlight-fill: var(--teaser-external-icon-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --teaser-date-time-highlight-fill: var(--teaser-date-time-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill); } /** * 🦎 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%);; --table-header-label-fill: var(--color-neutral-30); --table-header-background-fill: var(--color-neutral-80); --switch-track-fill: var(--color-neutral-70); --stepper-background-default-fill: var(--color-neutral-70); --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); --color-focus: var(--color-primary-60); --link-text-hover-fill: var(--color-blue-50); --link-text-default-fill: var(--color-blue-40); --semantic-border-disabled-adaptive-default-fill: var(--color-neutral-70); --semantic-border-brand-adaptive-default-fill: var(--color-primary-30); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-80); --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-soft-fill: var(--color-primary-20); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-primary-20); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40); --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-black); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --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-soft-fill: var(--color-primary-100); --semantic-background-brand-adaptive-soft-fill: var(--color-primary-100); --semantic-background-base-adaptive-elevated-fill: var(--color-neutral-90); --semantic-background-base-adaptive-soft-fill: var(--color-neutral-90); --semantic-background-base-adaptive-default-fill: var(--color-neutral-100); --semantic-background-base-adaptive-inverted-fill: var(--color-neutral-white); --button-background-primary-active-fill: var(--color-neutral-50); --button-background-primary-hover-fill: var(--color-neutral-30); --semantic-background-brand-adaptive-default-fill: var(--color-primary-base); --button-secondary-active-border: var(--button-border-width) solid var(--semantic-border-base-static-inverted-fill); --button-secondary-hover-border: var(--button-border-width) solid var(--semantic-border-base-static-inverted-fill); --button-secondary-default-border: var(--button-border-width) solid var(--semantic-border-base-static-inverted-fill); --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-background-tertiary-active-fill: rgba(255, 255, 255, 24%); --button-background-tertiary-hover-fill: rgba(255, 255, 255, 12%); --button-background-tertiary-default-fill: var(--color-transparent-full); --button-background-secondary-active-fill: rgba(255, 255, 255, 24%); --button-background-secondary-hover-fill: rgba(255, 255, 255, 12%); --button-background-secondary-default-fill: var(--color-transparent-full); --button-background-primary-default-fill: var(--semantic-background-base-adaptive-inverted-fill); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-color-mode="dark"][data-theme-accent-soft], [data-color-mode="dark"] [data-theme-accent-soft] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-30); --semantic-background-base-adaptive-soft-fill: var(--color-neutral-90); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-base-adaptive-soft-fill); } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ [data-color-mode="dark"][data-theme-premium], [data-color-mode="dark"] [data-theme-premium] { --button-background-tertiary-active-fill: rgba(227, 6, 19, 24%); --button-background-tertiary-hover-fill: rgba(227, 6, 19, 12%); --button-background-secondary-active-fill: rgba(227, 6, 19, 24%); --button-background-secondary-hover-fill: rgba(227, 6, 19, 12%); } /** * 🦎 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-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-30); --semantic-background-base-adaptive-soft-fill: var(--color-neutral-90); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-base-adaptive-soft-fill); } /** * 🦎 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: 28px; --font-size-4xl: 24px; --font-size-3xl: 22px; --font-size-2xl: 20px; --font-size-xl: 18px; --font-size-lg: 17px; --font-size-md: 16px; --font-size-sm: 14px; --font-size-xs: 12px; --dialog-border-radius: 4px; --teaser-title-lg-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; --font-size-base: var(--font-size-md); --teaser-title-lg-typography-font-size: var(--font-size-5xl); --teaser-title-lg-typography-line-height: 1.25; --teaser-title-lg-typography-font-weight: 800; --teaser-title-lg-typography-font-family: var(--font-family-primary); --teaser-title-sm-typography-font-size: var(--font-size-xl); --teaser-title-sm-typography-line-height: 1.25; --teaser-title-sm-typography-font-weight: 400; --teaser-title-sm-typography-font-family: var(--font-family-primary); --branded-heading-lg-typography-font-size: var(--font-size-3xl); --branded-heading-lg-typography-line-height: 1.335; --branded-heading-lg-typography-font-weight: 800; --branded-heading-lg-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-neutral-30); --semantic-foreground-accent-static-inverted-fill: var(--color-primary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-70); --semantic-foreground-brand-static-inverted-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-10); --teaser-background-highlight-fill: var(--semantic-background-base-adaptive-soft-fill); --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill); --teaser-external-icon-highlight-fill: var(--teaser-external-icon-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --teaser-date-time-highlight-fill: var(--teaser-date-time-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill); } } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ @media (--breakpoint-sm-min) { [data-theme-accent-strong] { --divider-border: 1px solid var(--color-neutral-90); --teaser-premium-main-default-asset: var(--premium-main-asset); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-base-static-inverted-fill); } } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ @media (--breakpoint-sm-min) { [data-theme-breaking] { --divider-border: 1px solid var(--color-neutral-90); --teaser-premium-main-default-asset: var(--premium-main-asset); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-40); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --breaking-fill: var(--semantic-background-base-static-inverted-fill); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-base-static-inverted-fill); } } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ @media (--breakpoint-sm-min) { [data-theme-premium] { --button-background-primary-active-fill: var(--color-primary-80); --button-background-primary-hover-fill: var(--color-primary-70); --button-label-primary-default-fill: var(--semantic-foreground-on-brand-static-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); --button-secondary-active-border: var(--button-border-width) solid var(--semantic-border-brand-static-default-fill); --button-secondary-hover-border: var(--button-border-width) solid var(--semantic-border-brand-static-default-fill); --button-secondary-default-border: var(--button-border-width) solid var(--semantic-border-brand-static-default-fill); --button-background-tertiary-active-fill: rgba(227, 6, 19, 24%); --button-background-tertiary-hover-fill: rgba(227, 6, 19, 12%); --button-background-secondary-active-fill: rgba(227, 6, 19, 24%); --button-background-secondary-hover-fill: rgba(227, 6, 19, 12%); --button-background-primary-default-fill: var(--semantic-background-brand-static-default-fill); } } /** * 🦎 Chameleon v7.32.0 * Do not edit directly */ @media (--breakpoint-sm-min) { [data-theme-sponsored-content] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-30); --semantic-foreground-accent-static-inverted-fill: var(--color-primary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-primary-70); --semantic-foreground-brand-static-inverted-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-10); --teaser-background-highlight-fill: var(--semantic-background-base-adaptive-soft-fill); --teaser-external-icon-highlight-fill: var(--teaser-external-icon-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --teaser-date-time-highlight-fill: var(--teaser-date-time-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill); } }