/** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"], [data-chameleon-theme="eco"][data-chameleon-subtheme], [data-chameleon-theme="eco"] [data-chameleon-subtheme] { --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; --icon-button-sm-layout-padding-left: 8px; --icon-button-sm-layout-padding-bottom: 8px; --icon-button-sm-layout-padding-right: 8px; --icon-button-sm-layout-padding-top: 8px; --icon-button-lg-layout-padding-left: 16px; --icon-button-lg-layout-padding-bottom: 16px; --icon-button-lg-layout-padding-right: 16px; --icon-button-lg-layout-padding-top: 16px; --tab-selected-typography-font-style: normal; --tab-selected-typography-line-height: 24px; --tab-layout-padding-left: 12px; --tab-layout-padding-bottom: 8px; --tab-layout-padding-right: 12px; --tab-layout-padding-top: 8px; --tab-default-typography-font-style: normal; --tab-default-typography-line-height: 24px; --default-teaser-editorial-animation-lg-height: 6px; --default-teaser-editorial-animation-md-height: 6px; --default-teaser-editorial-animation-sm-height: 6px; --default-teaser-editorial-label-highlight-lg-layout-item-spacing: 4px; --default-teaser-editorial-label-highlight-lg-layout-padding-left: 4px; --default-teaser-editorial-label-highlight-lg-layout-padding-bottom: 4px; --default-teaser-editorial-label-highlight-lg-layout-padding-right: 4px; --default-teaser-editorial-label-highlight-lg-layout-padding-top: 4px; --default-teaser-editorial-label-highlight-md-layout-item-spacing: 4px; --default-teaser-editorial-label-highlight-md-layout-padding-left: 4px; --default-teaser-editorial-label-highlight-md-layout-padding-bottom: 4px; --default-teaser-editorial-label-highlight-md-layout-padding-right: 4px; --default-teaser-editorial-label-highlight-md-layout-padding-top: 4px; --default-teaser-editorial-label-highlight-sm-layout-item-spacing: 4px; --default-teaser-editorial-label-highlight-sm-layout-padding-left: 4px; --default-teaser-editorial-label-highlight-sm-layout-padding-bottom: 4px; --default-teaser-editorial-label-highlight-sm-layout-padding-right: 4px; --default-teaser-editorial-label-highlight-sm-layout-padding-top: 4px; --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px; --default-teaser-editorial-label-default-lg-layout-padding-left: 0px; --default-teaser-editorial-label-default-lg-layout-padding-bottom: 0px; --default-teaser-editorial-label-default-lg-layout-padding-right: 0px; --default-teaser-editorial-label-default-lg-layout-padding-top: 0px; --default-teaser-editorial-label-default-md-layout-item-spacing: 4px; --default-teaser-editorial-label-default-md-layout-padding-left: 0px; --default-teaser-editorial-label-default-md-layout-padding-bottom: 0px; --default-teaser-editorial-label-default-md-layout-padding-right: 0px; --default-teaser-editorial-label-default-md-layout-padding-top: 0px; --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px; --default-teaser-editorial-label-default-sm-layout-padding-left: 0px; --default-teaser-editorial-label-default-sm-layout-padding-bottom: 0px; --default-teaser-editorial-label-default-sm-layout-padding-right: 0px; --default-teaser-editorial-label-default-sm-layout-padding-top: 0px; --default-teaser-editorial-label-lg-typography-font-style: normal; --default-teaser-editorial-label-lg-typography-text-case: none; --default-teaser-editorial-label-lg-typography-font-size: 14px; --default-teaser-editorial-label-lg-typography-line-height: 1.15; --default-teaser-editorial-label-lg-typography-font-weight: 400; --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: 400; --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: 400; --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; --date-time-typography-font-style: normal; --date-time-typography-font-size: 14px; --date-time-typography-line-height: 1.15; --date-time-typography-font-weight: 400; --date-time-typography-font-family: 'Lato', 'Lato Fallback', sans-serif; --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-bold-italic: 700; --font-weight-primary-bold: 700; --font-weight-primary-medium-italic: 500; --font-weight-primary-medium: 500; --font-weight-primary-regular-italic: 400; --font-weight-primary-regular: 400; --font-family-system: system-ui, sans-serif, 'SF Pro Text'; --font-family-secondary: 'Roboto Slab', 'Roboto Slab Fallback', serif; --font-family-primary: 'Lato', 'Lato Fallback', sans-serif; --logo-icon-aspect-ratio: 1.771; --logo-icon-inverse-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='85' height='48' fill='none' viewBox='0 0 85 48'%3e%3cpath fill='white' d='M37.94 12.21H34.2l-3.53-7.77H17.25v17.93h10.87l2.55-6.35h3.74v15.81h-3.74l-2.55-5.93H17.25v18.57h14.13l4.1-7.7h3.74L38.23 48H0v-2.19l5.93-2.75V5.84L0 3.1V.91h37.94zM69.3 0c5.02 0 10.4.84 14.53 2.23v11.32h-4.06l-3.56-9.43-2.1-.06h-1.67c-11.17 0-17.8 7.47-17.8 20.18 0 12.78 5.94 19.56 17.18 19.56 1.46 0 2.37-.07 4.46-.35l3.92-9.35h4.12l-.9 11.31a47 47 0 0 1-6.16 1.47C72.8 47.72 70.35 48 67.21 48c-15.23 0-24.38-8.74-24.38-23.19C42.83 9.71 53.16 0 69.3 0'/%3e%3c/svg%3e"); --logo-icon-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='85' height='48' fill='none' viewBox='0 0 85 48'%3e%3cpath fill='%230091cf' d='M37.94 12.21H34.2l-3.53-7.77H17.25v17.93h10.87l2.55-6.35h3.74v15.81h-3.74l-2.55-5.93H17.25v18.57h14.13l4.1-7.7h3.74L38.23 48H0v-2.19l5.93-2.75V5.84L0 3.1V.91h37.94zM69.3 0c5.02 0 10.4.84 14.53 2.23v11.32h-4.06l-3.56-9.43-2.1-.06h-1.67c-11.17 0-17.8 7.47-17.8 20.18 0 12.78 5.94 19.56 17.18 19.56 1.46 0 2.37-.07 4.46-.35l3.92-9.35h4.12l-.9 11.31a47 47 0 0 1-6.16 1.47C72.8 47.72 70.35 48 67.21 48c-15.23 0-24.38-8.74-24.38-23.19C42.83 9.71 53.16 0 69.3 0'/%3e%3c/svg%3e"); --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='M48 0H0v48h48z'/%3e%3cpath fill='%230091cf' d='M22.29 19.71h-1.31L19.74 17h-4.7v6.28h3.8l.9-2.22h1.31v5.53h-1.3l-.9-2.07h-3.81V31h4.95l1.43-2.7h1.31l-.34 3.94H9v-.77l2.08-.96V17.48L9 16.52v-.77h13.29zm10.98-4.28c1.76 0 3.64.3 5.09.79v3.96h-1.42l-1.25-3.3-.73-.02h-.59c-3.91 0-6.24 2.61-6.24 7.07s2.09 6.84 6.02 6.84c.51 0 .83-.02 1.56-.12l1.38-3.27h1.44l-.32 3.96c-.83.24-1.1.32-2.15.51-1.56.3-2.42.4-3.52.4-5.34 0-8.54-3.06-8.54-8.13 0-5.28 3.62-8.69 9.27-8.69'/%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='%230091cf' d='M48 0H0v48h48z'/%3e%3cpath fill='white' d='M22.29 19.71h-1.31L19.74 17h-4.7v6.28h3.8l.9-2.22h1.31v5.53h-1.3l-.9-2.07h-3.81V31h4.95l1.43-2.7h1.31l-.34 3.94H9v-.77l2.08-.96V17.48L9 16.52v-.77h13.29zm10.98-4.28c1.76 0 3.64.3 5.09.79v3.96h-1.42l-1.25-3.3-.73-.02h-.59c-3.91 0-6.24 2.61-6.24 7.07s2.09 6.84 6.02 6.84c.51 0 .83-.02 1.56-.12l1.38-3.27h1.44l-.32 3.96c-.83.24-1.1.32-2.15.51-1.56.3-2.42.4-3.52.4-5.34 0-8.54-3.06-8.54-8.13 0-5.28 3.62-8.69 9.27-8.69'/%3e%3c/svg%3e"); --logo-main-aspect-ratio: 7.063; --logo-main-inverse-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='339' height='48' fill='none' viewBox='0 0 339 48'%3e%3cpath fill='white' d='M243.51 14.64v18.44l3.7 1.1v1.34l-10.4 1.92v-2.57l-2.35.87c-2.87 1.04-4.14 1.35-5.48 1.35a6 6 0 0 1-4.31-1.74c-1.3-1.35-1.74-2.7-1.74-5.78V18.95l-3.65-1.14v-1.35l10.4-1.82v13.61c0 4.36.7 5.27 4.26 5.27 1.18 0 1.61-.04 2.87-.22V18.95l-3.7-1.14v-1.35z'/%3e%3cpath fill='white' fill-rule='evenodd' d='M206.05 14.99c7.13 0 11.66 4.22 11.66 10.83 0 6.92-4.83 11.48-12.14 11.49-7.1 0-11.66-4.22-11.66-10.75 0-7 4.75-11.57 12.14-11.57m-.3 2.4c-3.18 0-4.92 2.91-4.92 8.3 0 2.7.52 5.18 1.44 6.88.82 1.52 1.86 2.13 3.56 2.13 3.18 0 4.96-2.92 4.96-8.22 0-2.66-.52-5.1-1.44-6.88-.82-1.52-1.96-2.22-3.6-2.22' clip-rule='evenodd'/%3e%3cpath fill='white' d='M182.93 7.2c2.95.07 6.05.58 8.46 1.4v7.04h-2.53l-2.21-5.87q-1.44-.06-2.35-.05c-6.96 0-11.1 4.66-11.1 12.58 0 7.96 3.7 12.18 10.71 12.18.91 0 1.47-.04 2.78-.21l2.44-5.83h2.56l-.56 7.05c-1.47.43-1.95.56-3.83.9-2.78.53-4.3.7-6.26.7-9.49 0-15.19-5.43-15.19-14.44 0-9.4 6.44-15.45 16.49-15.45z'/%3e%3cpath fill='white' fill-rule='evenodd' d='M123.09 15c3.65 0 6.35 1.3 7.7 3.65 1.12 1.95 1.39 3.34 1.47 7.17H118.7c0 5.14 2.74 8.14 7.4 8.14 1.3 0 2.83-.22 5.52-.74l.35 1.87c-4.13 1.39-7 2-9.35 2-6.44 0-10.61-4.18-10.61-10.57 0-6.79 4.56-11.53 11.09-11.53m-.7 2.16c-2.57 0-3.57 1.79-3.66 6.49l6.96-.57c-.17-4.39-1.04-5.92-3.3-5.92' clip-rule='evenodd'/%3e%3cpath fill='white' d='M331.26 10.03v5.18H338v2.6h-6.74v12.32c0 2.82.87 3.83 3.31 3.83 1 0 2-.09 3.35-.35l.48 1.95c-2.87.92-6 1.53-7.87 1.53-4.13 0-5.97-1.65-5.97-5.44V17.82h-3.21v-1.74c2.78-.91 4.08-1.52 4.74-2.18a9 9 0 0 0 1.13-1.65q.66-1.04 1.04-1.83.09-.12.18-.39z'/%3e%3cpath fill='white' fill-rule='evenodd' d='M280.92 15c1.92.03 3.26.34 4.48.95 2 1 2.57 2.09 2.57 4.66v12.3c.04.27.26.44.82.57l2.88.7v1.3l-1 .31-1.87.52-1.96.56a9 9 0 0 1-1.87.21c-1.63 0-2.42-.42-3.12-1.8l-.14-.29-1.66.83c-2.05 1-2.96 1.26-4.61 1.26-3.79 0-6.53-2.34-6.53-5.65 0-2.74 1.83-4.7 5-5.35 1.66-.35 5.19-.78 7.4-.96h.18v-4.7c0-2.3-.7-3.17-2.53-3.17-.47 0-1.03 0-1.7.1l-2 3.95h-4.39v-4.4c4.44-1.38 7.1-1.9 9.66-1.9zm-.13 12.08-1.43.22c-2.87.35-3.92 1.27-3.92 3.31s1.14 3 3.66 3c.78 0 1.34-.04 2.38-.21V27z' clip-rule='evenodd'/%3e%3cpath fill='white' d='M23.37 7.64v6.96h-2.3l-2.18-4.78h-8.27v11.04h6.7l1.57-3.91h2.3v9.74h-2.3l-1.57-3.65h-6.7v11.44h8.7l2.53-4.74h2.3l-.6 6.92H0V35.3l3.65-1.7V10.68L0 8.98V7.65zm13.61 9.35 2.48-.83c3.44-1.18 4.18-1.4 5.53-1.4 1.91 0 3.17.7 4.48 2.49 5.4-2.09 6.7-2.44 8.66-2.44h.17q2.68.07 4.3 1.91c1.23 1.4 1.66 2.78 1.66 5.53v11.36l3.65 1.7v1.35H55.17V35.3l2.35-1.7V23.3c0-3.44-1.18-4.92-3.96-4.92-.96 0-1.57.05-3.48.3.47 1.44.52 1.75.52 3.58V33.6l2.39 1.7v1.35H41.5V35.3l2.39-1.7V23.35c0-3.7-1.09-4.96-4.18-4.96-.82 0-1.26 0-2.74.12v15.1l2.35 1.7v1.35H26.58V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82zm42.6 0 2.48-.83c3.43-1.18 4.18-1.4 5.52-1.4 1.92 0 3.18.7 4.48 2.49 5.4-2.09 6.7-2.44 8.66-2.44q2.8.01 4.48 1.91c1.22 1.4 1.66 2.78 1.66 5.53v11.36l3.65 1.7v1.35H97.76V35.3l2.35-1.7V23.3c0-3.33-1.1-4.82-3.7-4.91h-.26c-.96 0-1.57.04-3.48.3a8 8 0 0 1 .52 3.57V33.6l2.4 1.7v1.35h-11.5V35.3l2.4-1.7V23.35c0-3.7-1.09-4.96-4.18-4.96-.82 0-1.25 0-2.73.12v15.1l2.34 1.7v1.35H69.18V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82zm65.42.09c3.32-1.74 4.7-2.3 5.8-2.3 1 0 2 .34 3.3 1.08v5.65h-4.74l-1.22-3.13c-1.65 0-2.04.05-3.13.44V33.6l4.52 1.7v1.35h-14.92V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82zm113.78-2.44v2.44c3.31-1.74 4.7-2.3 5.79-2.3h.18c.94.04 1.9.39 3.13 1.08v5.65h-4.75l-1.22-3.13c-1.65 0-2.04.05-3.13.44V33.6l4.52 1.7v1.35h-14.92V35.3l3.66-1.7V18.95l-3.66-1.14v-1.35zm44.47 2.35c1.09-.35 1.96-.61 2.52-.83 3.57-1.18 4.48-1.4 5.57-1.4 1.61 0 3.05.66 4.09 1.88 1.3 1.52 1.65 2.74 1.65 5.82v11.15l3.7 1.7v1.35h-13.01V35.3l2.6-1.7v-9.79c0-4.3-.78-5.44-3.78-5.44-1.08 0-1.78.05-3.34.27V33.6l2.78 1.7v1.35h-13.18V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82z'/%3e%3c/svg%3e"); --logo-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='339' height='48' fill='none' viewBox='0 0 339 48'%3e%3cpath fill='%230091cf' d='M243.51 14.64v18.44l3.7 1.1v1.34l-10.4 1.92v-2.57l-2.35.87c-2.87 1.04-4.14 1.35-5.48 1.35a6 6 0 0 1-4.31-1.74c-1.3-1.35-1.74-2.7-1.74-5.78V18.95l-3.65-1.14v-1.35l10.4-1.82v13.61c0 4.36.7 5.27 4.26 5.27 1.18 0 1.61-.04 2.87-.22V18.95l-3.7-1.14v-1.35z'/%3e%3cpath fill='%230091cf' fill-rule='evenodd' d='M206.05 14.99c7.13 0 11.66 4.22 11.66 10.83 0 6.92-4.83 11.48-12.14 11.49-7.1 0-11.66-4.22-11.66-10.75 0-7 4.75-11.57 12.14-11.57m-.3 2.4c-3.18 0-4.92 2.91-4.92 8.3 0 2.7.52 5.18 1.44 6.88.82 1.52 1.86 2.13 3.56 2.13 3.18 0 4.96-2.92 4.96-8.22 0-2.66-.52-5.1-1.44-6.88-.82-1.52-1.96-2.22-3.6-2.22' clip-rule='evenodd'/%3e%3cpath fill='%230091cf' d='M182.93 7.2c2.95.07 6.05.58 8.46 1.4v7.04h-2.53l-2.21-5.87q-1.44-.06-2.35-.05c-6.96 0-11.1 4.66-11.1 12.58 0 7.96 3.7 12.18 10.71 12.18.91 0 1.47-.04 2.78-.21l2.44-5.83h2.56l-.56 7.05c-1.47.43-1.95.56-3.83.9-2.78.53-4.3.7-6.26.7-9.49 0-15.19-5.43-15.19-14.44 0-9.4 6.44-15.45 16.49-15.45z'/%3e%3cpath fill='%230091cf' fill-rule='evenodd' d='M123.09 15c3.65 0 6.35 1.3 7.7 3.65 1.12 1.95 1.39 3.34 1.47 7.17H118.7c0 5.14 2.74 8.14 7.4 8.14 1.3 0 2.83-.22 5.52-.74l.35 1.87c-4.13 1.39-7 2-9.35 2-6.44 0-10.61-4.18-10.61-10.57 0-6.79 4.56-11.53 11.09-11.53m-.7 2.16c-2.57 0-3.57 1.79-3.66 6.49l6.96-.57c-.17-4.39-1.04-5.92-3.3-5.92' clip-rule='evenodd'/%3e%3cpath fill='%230091cf' d='M331.26 10.03v5.18H338v2.6h-6.74v12.32c0 2.82.87 3.83 3.31 3.83 1 0 2-.09 3.35-.35l.48 1.95c-2.87.92-6 1.53-7.87 1.53-4.13 0-5.97-1.65-5.97-5.44V17.82h-3.21v-1.74c2.78-.91 4.08-1.52 4.74-2.18a9 9 0 0 0 1.13-1.65q.66-1.04 1.04-1.83.09-.12.18-.39z'/%3e%3cpath fill='%230091cf' fill-rule='evenodd' d='M280.92 15c1.92.03 3.26.34 4.48.95 2 1 2.57 2.09 2.57 4.66v12.3c.04.27.26.44.82.57l2.88.7v1.3l-1 .31-1.87.52-1.96.56a9 9 0 0 1-1.87.21c-1.63 0-2.42-.42-3.12-1.8l-.14-.29-1.66.83c-2.05 1-2.96 1.26-4.61 1.26-3.79 0-6.53-2.34-6.53-5.65 0-2.74 1.83-4.7 5-5.35 1.66-.35 5.19-.78 7.4-.96h.18v-4.7c0-2.3-.7-3.17-2.53-3.17-.47 0-1.03 0-1.7.1l-2 3.95h-4.39v-4.4c4.44-1.38 7.1-1.9 9.66-1.9zm-.13 12.08-1.43.22c-2.87.35-3.92 1.27-3.92 3.31s1.14 3 3.66 3c.78 0 1.34-.04 2.38-.21V27z' clip-rule='evenodd'/%3e%3cpath fill='%230091cf' d='M23.37 7.64v6.96h-2.3l-2.18-4.78h-8.27v11.04h6.7l1.57-3.91h2.3v9.74h-2.3l-1.57-3.65h-6.7v11.44h8.7l2.53-4.74h2.3l-.6 6.92H0V35.3l3.65-1.7V10.68L0 8.98V7.65zm13.61 9.35 2.48-.83c3.44-1.18 4.18-1.4 5.53-1.4 1.91 0 3.17.7 4.48 2.49 5.4-2.09 6.7-2.44 8.66-2.44h.17q2.68.07 4.3 1.91c1.23 1.4 1.66 2.78 1.66 5.53v11.36l3.65 1.7v1.35H55.17V35.3l2.35-1.7V23.3c0-3.44-1.18-4.92-3.96-4.92-.96 0-1.57.05-3.48.3.47 1.44.52 1.75.52 3.58V33.6l2.39 1.7v1.35H41.5V35.3l2.39-1.7V23.35c0-3.7-1.09-4.96-4.18-4.96-.82 0-1.26 0-2.74.12v15.1l2.35 1.7v1.35H26.58V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82zm42.6 0 2.48-.83c3.43-1.18 4.18-1.4 5.52-1.4 1.92 0 3.18.7 4.48 2.49 5.4-2.09 6.7-2.44 8.66-2.44q2.8.01 4.48 1.91c1.22 1.4 1.66 2.78 1.66 5.53v11.36l3.65 1.7v1.35H97.76V35.3l2.35-1.7V23.3c0-3.33-1.1-4.82-3.7-4.91h-.26c-.96 0-1.57.04-3.48.3a8 8 0 0 1 .52 3.57V33.6l2.4 1.7v1.35h-11.5V35.3l2.4-1.7V23.35c0-3.7-1.09-4.96-4.18-4.96-.82 0-1.25 0-2.73.12v15.1l2.34 1.7v1.35H69.18V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82zm65.42.09c3.32-1.74 4.7-2.3 5.8-2.3 1 0 2 .34 3.3 1.08v5.65h-4.74l-1.22-3.13c-1.65 0-2.04.05-3.13.44V33.6l4.52 1.7v1.35h-14.92V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82zm113.78-2.44v2.44c3.31-1.74 4.7-2.3 5.79-2.3h.18c.94.04 1.9.39 3.13 1.08v5.65h-4.75l-1.22-3.13c-1.65 0-2.04.05-3.13.44V33.6l4.52 1.7v1.35h-14.92V35.3l3.66-1.7V18.95l-3.66-1.14v-1.35zm44.47 2.35c1.09-.35 1.96-.61 2.52-.83 3.57-1.18 4.48-1.4 5.57-1.4 1.61 0 3.05.66 4.09 1.88 1.3 1.52 1.65 2.74 1.65 5.82v11.15l3.7 1.7v1.35h-13.01V35.3l2.6-1.7v-9.79c0-4.3-.78-5.44-3.78-5.44-1.08 0-1.78.05-3.34.27V33.6l2.78 1.7v1.35h-13.18V35.3l3.65-1.7V18.95l-3.65-1.14v-1.35l10.4-1.82z'/%3e%3c/svg%3e"); --premium-main-aspect-ratio: 1; --premium-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 3.46A3.46 3.46 0 0 1 3.46 0h41.08A3.46 3.46 0 0 1 48 3.46v41.08A3.46 3.46 0 0 1 44.54 48H3.46A3.46 3.46 0 0 1 0 44.54z'/%3e%3cpath fill='%230091cf' d='M19.77 28.23H9.02v-8.46h10.75V9.02h8.46v10.75h10.75v8.46H28.23v10.75h-8.46z'/%3e%3c/svg%3e"); --premium-main-asset: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3cpath fill='%230091cf' d='M0 3.46A3.46 3.46 0 0 1 3.46 0h41.08A3.46 3.46 0 0 1 48 3.46v41.08A3.46 3.46 0 0 1 44.54 48H3.46A3.46 3.46 0 0 1 0 44.54z'/%3e%3cpath fill='white' d='M19.77 28.23H9.02v-8.46h10.75V9.02h8.46v10.75h10.75v8.46H28.23v10.75h-8.46z'/%3e%3c/svg%3e"); --tag-layout-padding-left: 7px; --tag-layout-padding-bottom: 5px; --tag-layout-padding-right: 7px; --tag-layout-padding-top: 5px; --tag-typography-font-style: normal; --tag-border-radius: 0px; --header-logo-scroll-height: 24px; --header-logo-default-height: 32px; --header-strong-lg-typography-font-style: normal; --header-strong-sm-typography-font-style: normal; --header-default-lg-typography-font-style: normal; --header-default-sm-typography-font-style: normal; --vertical-teaser-premium-long-padding-left: 16px; --vertical-teaser-premium-long-padding-bottom: 16px; --vertical-teaser-body-default-lg-layout-padding-left: 0px; --vertical-teaser-body-default-lg-layout-padding-bottom: 0px; --vertical-teaser-body-default-lg-layout-padding-right: 0px; --vertical-teaser-body-default-lg-layout-padding-top: 16px; --vertical-teaser-body-default-md-layout-padding-left: 0px; --vertical-teaser-body-default-md-layout-padding-bottom: 0px; --vertical-teaser-body-default-md-layout-padding-right: 0px; --vertical-teaser-body-default-md-layout-padding-top: 16px; --vertical-teaser-body-default-sm-layout-padding-left: 0px; --vertical-teaser-body-default-sm-layout-padding-bottom: 0px; --vertical-teaser-body-default-sm-layout-padding-right: 0px; --vertical-teaser-body-default-sm-layout-padding-top: 16px; --vertical-teaser-body-inset-lg-layout-padding-left: 16px; --vertical-teaser-body-inset-lg-layout-padding-bottom: 16px; --vertical-teaser-body-inset-lg-layout-padding-right: 16px; --vertical-teaser-body-inset-lg-layout-padding-top: 16px; --vertical-teaser-body-inset-md-layout-padding-left: 16px; --vertical-teaser-body-inset-md-layout-padding-bottom: 16px; --vertical-teaser-body-inset-md-layout-padding-right: 16px; --vertical-teaser-body-inset-md-layout-padding-top: 16px; --vertical-teaser-body-inset-sm-layout-padding-left: 16px; --vertical-teaser-body-inset-sm-layout-padding-bottom: 16px; --vertical-teaser-body-inset-sm-layout-padding-right: 16px; --vertical-teaser-body-inset-sm-layout-padding-top: 16px; --related-teaser-box-shadow: 0px 0px 0px 0px #ffffff00; --related-teaser-image-width: 80px; --related-teaser-image-right: true; --related-teaser-image-left: false; --related-teaser-layout-padding-left: 16px; --related-teaser-layout-padding-bottom: 0px; --related-teaser-layout-padding-right: 16px; --related-teaser-layout-padding-top: 0px; --related-teaser-prefix-typography-font-style: normal; --related-teaser-prefix-typography-text-case: none; --related-teaser-title-hover-text-decoration: underline; --related-teaser-title-default-text-decoration: none; --related-teaser-title-typography-font-style: normal; --quote-quotee-function-padding-top: 4px; --quote-quotee-function-typography-font-style: normal; --quote-quotee-padding-top: 16px; --quote-quotee-typography-font-style: normal; --quote-blockquote-typography-font-style: normal; --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: 80px; --horizontal-teaser-image-default-md-width: 80px; --horizontal-teaser-image-default-sm-width: 80px; --horizontal-teaser-image-right: false; --horizontal-teaser-image-left: true; --list-teaser-external-icon-height: 16px; --list-teaser-premium-inline-after: true; --list-teaser-premium-inline-before: false; --list-teaser-premium-main-inline-height: 12px; --list-teaser-prefix-typography-font-style: normal; --list-teaser-prefix-typography-text-case: uppercase; --list-teaser-title-typography-font-style: normal; --text-on-image-teaser-editorial-animation-height: 8px; --text-on-image-teaser-editorial-label-wrapper-layout-padding-left: 16px; --text-on-image-teaser-editorial-label-wrapper-layout-padding-bottom: 0px; --text-on-image-teaser-editorial-label-wrapper-layout-padding-right: 16px; --text-on-image-teaser-editorial-label-wrapper-layout-padding-top: 16px; --text-on-image-teaser-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: none; --teaser-content-lg-item-spacing: 8px; --teaser-content-md-item-spacing: 8px; --teaser-content-sm-item-spacing: 8px; --teaser-taxonomy-lg-padding-bottom: 4px; --teaser-taxonomy-md-padding-bottom: 4px; --teaser-taxonomy-sm-padding-bottom: 4px; --teaser-image-box-shadow: 0px 0px 0px 0px #ffffff00; --teaser-external-icon-lg-height: 24px; --teaser-external-icon-md-height: 20px; --teaser-external-icon-sm-height: 16px; --teaser-prefix-lg-typography-font-style: normal; --teaser-prefix-lg-typography-text-case: uppercase; --teaser-prefix-md-typography-font-style: normal; --teaser-prefix-md-typography-text-case: uppercase; --teaser-prefix-sm-typography-font-style: normal; --teaser-prefix-sm-typography-text-case: uppercase; --teaser-introduction-typography-font-style: normal; --teaser-title-lg-typography-font-style: normal; --teaser-title-md-typography-font-style: normal; --teaser-title-sm-typography-font-style: normal; --teaser-sublabel-lg-typography-font-style: normal; --teaser-sublabel-lg-typography-text-case: none; --teaser-sublabel-md-typography-font-style: normal; --teaser-sublabel-md-typography-text-case: none; --teaser-sublabel-sm-typography-font-style: normal; --teaser-sublabel-sm-typography-text-case: none; --teaser-label-lg-typography-font-style: normal; --teaser-label-lg-typography-text-case: none; --teaser-label-md-typography-font-style: normal; --teaser-label-md-typography-text-case: none; --teaser-label-sm-typography-font-style: normal; --teaser-label-sm-typography-text-case: none; --teaser-premium-long-lg-top: false; --teaser-premium-long-md-top: false; --teaser-premium-long-sm-top: false; --teaser-premium-long-base-height: 16px; --teaser-premium-main-base-height: 12px; --teaser-premium-taxonomy-lg-before: false; --teaser-premium-taxonomy-lg-after: false; --teaser-premium-taxonomy-md-before: false; --teaser-premium-taxonomy-md-after: false; --teaser-premium-taxonomy-sm-before: false; --teaser-premium-taxonomy-sm-after: false; --teaser-premium-inline-lg-height: 20px; --teaser-premium-inline-lg-before: true; --teaser-premium-inline-md-height: 16px; --teaser-premium-inline-md-before: true; --teaser-premium-inline-sm-height: 12px; --teaser-premium-inline-sm-before: true; --table-cell-typography-font-style: normal; --table-header-typography-font-style: normal; --table-header-typography-text-case: uppercase; --wide-list-title-typography-font-style: normal; --description-lg-strong-typography-font-style: normal; --description-lg-default-typography-font-style: normal; --description-sm-strong-typography-font-style: normal; --description-sm-default-typography-font-style: normal; --input-sm-border-radius: 0px; --input-lg-border-radius: 0px; --input-date-picker-day-typography-font-style: normal; --input-date-picker-week-typography-font-style: normal; --input-placeholder-typography-font-style: normal; --input-label-lg-typography-font-style: normal; --input-label-sm-typography-font-style: normal; --button-border-width: 1px; --button-tertiary-active-box-shadow: 0px 0px 0px 0px #ffffff00; --button-tertiary-hover-box-shadow: 0px 0px 0px 0px #ffffff00; --button-tertiary-default-box-shadow: 0px 0px 0px 0px #ffffff00; --button-secondary-active-box-shadow: 0px 0px 0px 0px #ffffff00; --button-secondary-hover-box-shadow: 0px 0px 0px 0px #ffffff00; --button-secondary-default-box-shadow: 0px 0px 0px 0px #ffffff00; --button-primary-active-box-shadow: 0px 0px 0px 0px #ffffff00; --button-primary-hover-box-shadow: 0px 0px 0px 0px #ffffff00; --button-primary-default-box-shadow: 0px 0px 0px 0px #ffffff00; --button-lg-layout-item-spacing: 2px; --button-lg-layout-padding-left: 20px; --button-lg-layout-padding-bottom: 11px; --button-lg-layout-padding-right: 20px; --button-lg-layout-padding-top: 11px; --button-lg-border-radius: 0px; --button-lg-typography-font-style: normal; --button-lg-typography-text-case: none; --button-lg-typography-line-height: 24px; --button-sm-layout-item-spacing: 2px; --button-sm-layout-padding-left: 12px; --button-sm-layout-padding-bottom: 7px; --button-sm-layout-padding-right: 12px; --button-sm-layout-padding-top: 7px; --button-sm-border-radius: 0px; --button-sm-typography-font-style: normal; --button-sm-typography-text-case: none; --button-sm-typography-line-height: 16px; --branded-heading-before-line-lg-width: 0px; --branded-heading-before-line-sm-width: 0px; --branded-heading-bullet-lg-width: 0px; --branded-heading-bullet-lg-height: 0px; --branded-heading-bullet-sm-width: 0px; --branded-heading-bullet-sm-height: 0px; --branded-heading-action-typography-font-style: normal; --branded-heading-action-typography-text-decoration: none; --branded-heading-action-typography-text-case: none; --branded-heading-lg-layout-item-spacing: 4px; --branded-heading-lg-layout-padding-left: 0px; --branded-heading-lg-layout-padding-bottom: 0px; --branded-heading-lg-layout-padding-right: 0px; --branded-heading-lg-layout-padding-top: 0px; --branded-heading-lg-typography-font-style: normal; --branded-heading-lg-typography-text-case: Uppercase; --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: Uppercase; --body-typography-font-style: normal; --accordion-title-typography-font-style: normal; --link-text-hover-text-decoration: underline; --link-text-default-text-decoration: none; --link-text-typography-font-style: normal; --semantic-caption-alt-sm-strong-typography-font-style: normal; --semantic-caption-alt-sm-default-typography-font-style: normal; --semantic-caption-alt-lg-strong-typography-font-style: normal; --semantic-caption-alt-lg-default-typography-font-style: normal; --semantic-caption-default-sm-strong-typography-font-style: normal; --semantic-caption-default-sm-default-typography-font-style: normal; --semantic-caption-default-lg-strong-typography-font-style: normal; --semantic-caption-default-lg-default-typography-font-style: normal; --semantic-paragraph-alt-sm-strong-typography-font-style: normal; --semantic-paragraph-alt-sm-default-typography-font-style: normal; --semantic-paragraph-alt-lg-strong-typography-font-style: normal; --semantic-paragraph-alt-lg-default-typography-font-style: normal; --semantic-paragraph-default-sm-strong-typography-font-style: normal; --semantic-paragraph-default-sm-default-typography-font-style: normal; --semantic-paragraph-default-lg-strong-typography-font-style: normal; --semantic-paragraph-default-lg-default-typography-font-style: normal; --semantic-headline-xs-typography-font-style: normal; --semantic-headline-sm-typography-font-style: normal; --semantic-headline-md-typography-font-style: normal; --semantic-headline-lg-typography-font-style: normal; --semantic-headline-xl-typography-font-style: normal; --semantic-headline-2xl-typography-font-style: normal; --semantic-display-typography-font-style: normal; --color-weather-cloud: #1A1A1A; --color-weather-water: #0068EF; --color-weather-wind: #808080; --color-weather-snow: #808080; --color-weather-lightning: #FDC300; --color-weather-objects: #FDC300; --color-weather-sun: #FDC300; --color-social-spotify-black: #000000; --color-social-spotify-green: #1ED760; --color-social-linkedin: #0A66C2; --color-social-youtube: #FF0000; --color-social-whatsapp: #26D367; --color-social-twitter: #1D9BF0; --color-social-instagram: #B900B3; --color-social-skype: #0078D7; --color-social-pinterest: #E60023; --color-social-github: #231E1B; --color-social-facebook: #1877F2; --color-neutral-white: #ffffff; --color-neutral-black: #000000; --color-neutral-100: #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: #260D00; --color-orange-90: #5B1F00; --color-orange-80: #903100; --color-orange-70: #C54300; --color-orange-60: #FA5500; --color-orange-50: #FF7800; --color-orange-40: #FF9639; --color-orange-30: #FFB473; --color-orange-20: #FFD3AC; --color-orange-10: #FFF1E5; --color-red-100: #260010; --color-red-90: #610320; --color-red-80: #9C0B27; --color-red-70: #D71625; --color-red-60: #FF3344; --color-red-50: #FE5A68; --color-red-40: #FE808B; --color-red-30: #FDA6AE; --color-red-20: #FDCCD1; --color-red-10: #FCF2F3; --color-green-100: #152600; --color-green-90: #2A4B01; --color-green-80: #3F7002; --color-green-70: #549504; --color-green-60: #69BA06; --color-green-50: #89C829; --color-green-40: #A8D651; --color-green-30: #C5E37D; --color-green-20: #E1F1AF; --color-green-10: #FAFFE5; --color-blue-100: #0F171C; --color-blue-90: #1B2F3D; --color-blue-80: #22445F; --color-blue-70: #225680; --color-blue-60: #1D65A1; --color-blue-50: #1370C2; --color-blue-40: #3F8DD1; --color-blue-30: #72ABE1; --color-blue-20: #ABCFF0; --color-blue-10: #EAF5FF; --color-secondary-100: #1F1005; --color-secondary-90: #3F2009; --color-secondary-80: #5E2F0E; --color-secondary-70: #894415; --color-secondary-60: #B95C1C; --color-secondary-50: #E77323; --color-secondary-40: #FE9F5D; --color-secondary-30: #FFC299; --color-secondary-20: #FFE7D6; --color-secondary-10: #FFF8F3; --color-primary-100: #00161F; --color-primary-90: #002B3E; --color-primary-80: #00405B; --color-primary-70: #005D85; --color-primary-60: #007DB3; --color-primary-50: #009CDF; --color-primary-40: #5CC1ED; --color-primary-30: #97D8F4; --color-primary-20: #D0EDF9; --color-primary-10: #EEF8FD; --color-sponsored-content-primary-100: #121B15; --color-sponsored-content-primary-90: #162C1D; --color-sponsored-content-primary-80: #153B23; --color-sponsored-content-primary-70: #225835; --color-sponsored-content-primary-60: #2F7C4C; --color-sponsored-content-primary-50: #2BB164; --color-sponsored-content-primary-40: #88D19D; --color-sponsored-content-primary-30: #AAE0B8; --color-sponsored-content-primary-20: #B2F2C4; --color-sponsored-content-primary-10: #E6F7EA; --font-size-base: var(--font-size-md); --box-shadow-text: 0px 4px 4px 0px rgba(0, 0, 0, 25%); --box-shadow-xl: 0px 4px 8px 0px rgba(0, 0, 0, 40%); --box-shadow-lg: 0px 3px 6px 0px rgba(0, 0, 0, 40%); --box-shadow-md: 0px 2px 4px 0px rgba(0, 0, 0, 40%); --box-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 40%); --box-shadow-inset-sm: inset 0px 2px 4px 0px rgba(0, 0, 0, 40%); --box-shadow-inset-md: inset 0px 4px 8px 0px rgba(0, 0, 0, 40%); --segmented-control-item-lg-typography-font-size: var(--font-size-md); --segmented-control-item-lg-typography-font-weight: 500; --segmented-control-item-lg-typography-font-family: var(--font-family-system); --segmented-control-item-sm-typography-font-size: var(--font-size-sm); --segmented-control-item-sm-typography-font-weight: 500; --segmented-control-item-sm-typography-font-family: var(--font-family-system); --breaking-fill: var(--color-primary-100); --rating-foreground-empty-fill: var(--color-neutral-60); --skeleton-fill: linear-gradient( -90deg, rgba(179, 179, 179, 48%) 0%, rgba(153, 153, 153, 48%) 50%, rgba(179, 179, 179, 48%) 100%);; --tab-selected-typography-font-weight: 400; --tab-selected-typography-font-family: var(--font-family-secondary); --tab-default-typography-font-weight: 400; --tab-default-typography-font-family: var(--font-family-secondary); --switch-track-fill: var(--color-neutral-30); --stepper-background-default-fill: var(--color-neutral-30); --avatar-border-radius: var(--scale-infinite); --focus-positive: 0px 0px 0px 3px var(--color-green-80); --premium-long-aspect-ratio: 1; --premium-long-asset: var(--premium-main-asset); --tag-typography-font-size: var(--font-size-xs); --tag-typography-line-height: 1.375; --tag-typography-font-weight: 500; --tag-typography-font-family: var(--font-family-primary); --header-lg-font-size: var(--font-size-md); --header-sm-font-size: var(--font-size-sm); --header-scroll-asset: var(--logo-icon-asset); --header-strong-lg-typography-line-height: 1.15; --header-strong-sm-typography-line-height: 1.15; --header-strong-font-weight: 700; --header-default-lg-typography-line-height: 1.15; --header-default-sm-typography-line-height: 1.15; --header-default-asset: var(--logo-icon-asset); --header-default-font-weight: 400; --header-font-family: var(--font-family-primary); --header-background-accent-active-fill: var(--color-primary-90); --header-background-accent-hover-fill: var(--color-primary-80); --related-teaser-prefix-typography-font-size: var(--font-size-md); --related-teaser-prefix-typography-line-height: 1.4; --related-teaser-prefix-typography-font-weight: 400; --related-teaser-prefix-typography-font-family: var(--font-family-primary); --related-teaser-title-typography-font-size: var(--font-size-md); --related-teaser-title-typography-line-height: 1.4; --related-teaser-title-typography-font-weight: 500; --related-teaser-title-typography-font-family: var(--font-family-primary); --quote-quotee-function-typography-font-size: var(--font-size-sm); --quote-quotee-function-typography-line-height: 1.5; --quote-quotee-function-typography-font-weight: 400; --quote-quotee-function-typography-font-family: var(--font-family-primary); --quote-quotee-typography-font-size: var(--font-size-md); --quote-quotee-typography-line-height: 1.5; --quote-quotee-typography-font-weight: 500; --quote-quotee-typography-font-family: var(--font-family-primary); --quote-blockquote-typography-font-size: var(--font-size-2xl); --quote-blockquote-typography-line-height: 1.2; --quote-blockquote-typography-font-weight: 500; --quote-blockquote-typography-font-family: var(--font-family-secondary); --list-teaser-prefix-typography-font-size: var(--font-size-md); --list-teaser-prefix-typography-line-height: 1.4; --list-teaser-prefix-typography-font-weight: 400; --list-teaser-prefix-typography-font-family: var(--font-family-primary); --list-teaser-title-typography-font-size: var(--font-size-md); --list-teaser-title-typography-line-height: 1.4; --list-teaser-title-typography-font-weight: 400; --list-teaser-title-typography-font-family: var(--font-family-primary); --text-on-image-teaser-date-time-fill: var(--color-neutral-20); --text-on-image-teaser-introduction-fill: var(--color-neutral-20); --text-on-image-teaser-title-fill: var(--color-neutral-white); --text-on-image-teaser-sublabel-fill: var(--color-neutral-white); --text-on-image-teaser-label-fill: var(--color-neutral-white); --text-on-image-teaser-premium-main-asset: var(--premium-main-asset); --text-on-image-teaser-editorial-label-typography-font-size: var(--font-size-lg); --text-on-image-teaser-editorial-label-typography-line-height: 1.15; --text-on-image-teaser-editorial-label-typography-font-weight: 400; --text-on-image-teaser-editorial-label-typography-font-family: var(--font-family-secondary); --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-primary); --teaser-prefix-md-typography-font-size: var(--font-size-2xl); --teaser-prefix-md-typography-line-height: 1.2; --teaser-prefix-md-typography-font-weight: 700; --teaser-prefix-md-typography-font-family: var(--font-family-primary); --teaser-prefix-sm-typography-font-size: var(--font-size-lg); --teaser-prefix-sm-typography-line-height: 1.2; --teaser-prefix-sm-typography-font-weight: 700; --teaser-prefix-sm-typography-font-family: var(--font-family-primary); --teaser-introduction-typography-font-size: var(--font-size-sm); --teaser-introduction-typography-line-height: 1.4; --teaser-introduction-typography-font-weight: 400; --teaser-introduction-typography-font-family: var(--font-family-primary); --teaser-title-lg-typography-font-size: var(--font-size-3xl); --teaser-title-lg-typography-line-height: 1.15; --teaser-title-lg-typography-font-weight: 700; --teaser-title-lg-typography-font-family: var(--font-family-primary); --teaser-title-md-typography-font-size: var(--font-size-2xl); --teaser-title-md-typography-line-height: 1.15; --teaser-title-md-typography-font-weight: 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.15; --teaser-title-sm-typography-font-weight: 400; --teaser-title-sm-typography-font-family: var(--font-family-primary); --teaser-sublabel-lg-typography-font-size: var(--font-size-sm); --teaser-sublabel-lg-typography-line-height: 1.15; --teaser-sublabel-lg-typography-font-weight: 400; --teaser-sublabel-lg-typography-font-family: var(--font-family-secondary); --teaser-sublabel-md-typography-font-size: var(--font-size-sm); --teaser-sublabel-md-typography-line-height: 1.15; --teaser-sublabel-md-typography-font-weight: 400; --teaser-sublabel-md-typography-font-family: var(--font-family-secondary); --teaser-sublabel-sm-typography-font-size: var(--font-size-sm); --teaser-sublabel-sm-typography-line-height: 1.15; --teaser-sublabel-sm-typography-font-weight: 400; --teaser-sublabel-sm-typography-font-family: var(--font-family-secondary); --teaser-label-lg-typography-font-size: var(--font-size-sm); --teaser-label-lg-typography-line-height: 1.15; --teaser-label-lg-typography-font-weight: 400; --teaser-label-lg-typography-font-family: var(--font-family-secondary); --teaser-label-md-typography-font-size: var(--font-size-sm); --teaser-label-md-typography-line-height: 1.15; --teaser-label-md-typography-font-weight: 400; --teaser-label-md-typography-font-family: var(--font-family-secondary); --teaser-label-sm-typography-font-size: var(--font-size-sm); --teaser-label-sm-typography-line-height: 1.15; --teaser-label-sm-typography-font-weight: 400; --teaser-label-sm-typography-font-family: var(--font-family-secondary); --teaser-background-highlight-fill: var(--color-primary-10); --teaser-premium-main-highlight-asset: var(--premium-main-asset); --teaser-premium-main-default-asset: var(--premium-main-asset); --table-cell-typography-font-size: var(--font-size-sm); --table-cell-typography-line-height: 1.15; --table-cell-typography-font-weight: 400; --table-cell-typography-font-family: var(--font-family-primary); --table-header-typography-font-size: var(--font-size-xs); --table-header-typography-line-height: 1; --table-header-typography-font-weight: 700; --table-header-typography-font-family: var(--font-family-primary); --wide-list-background-even-fill: var(--color-neutral-10); --wide-list-background-active-fill: var(--color-neutral-20); --wide-list-background-hover-fill: var(--color-neutral-10); --wide-list-title-typography-font-size: var(--font-size-lg); --wide-list-title-typography-line-height: 1.25; --wide-list-title-typography-font-weight: 500; --wide-list-title-typography-font-family: var(--font-family-primary); --description-lg-strong-typography-font-size: var(--font-size-lg); --description-lg-strong-typography-line-height: 1.25; --description-lg-strong-typography-font-weight: 500; --description-lg-strong-typography-font-family: var(--font-family-primary); --description-lg-default-typography-font-size: var(--font-size-lg); --description-lg-default-typography-line-height: 1.25; --description-lg-default-typography-font-weight: 400; --description-lg-default-typography-font-family: var(--font-family-primary); --description-sm-strong-typography-font-size: var(--font-size-sm); --description-sm-strong-typography-line-height: 1.15; --description-sm-strong-typography-font-weight: 500; --description-sm-strong-typography-font-family: var(--font-family-primary); --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-primary); --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-primary); --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-primary); --input-placeholder-fill: var(--color-neutral-40); --input-placeholder-typography-font-size: var(--font-size-lg); --input-placeholder-typography-line-height: 1.5; --input-placeholder-typography-font-weight: 400; --input-placeholder-typography-font-family: var(--font-family-primary); --input-label-lg-typography-font-size: var(--font-size-2xl); --input-label-lg-typography-line-height: 1.335; --input-label-lg-typography-font-weight: 500; --input-label-lg-typography-font-family: var(--font-family-primary); --input-label-sm-typography-font-size: var(--font-size-lg); --input-label-sm-typography-line-height: 1.25; --input-label-sm-typography-font-weight: 500; --input-label-sm-typography-font-family: var(--font-family-primary); --button-background-primary-active-fill: var(--color-primary-80); --button-background-primary-hover-fill: var(--color-primary-70); --button-lg-typography-font-size: var(--font-size-md); --button-lg-typography-font-weight: 700; --button-lg-typography-font-family: var(--font-family-primary); --button-sm-typography-font-size: var(--font-size-sm); --button-sm-typography-font-weight: 700; --button-sm-typography-font-family: var(--font-family-primary); --branded-heading-action-typography-font-size: var(--font-size-md); --branded-heading-action-typography-line-height: 1.335; --branded-heading-action-typography-font-weight: 400; --branded-heading-action-typography-font-family: var(--font-family-primary); --branded-heading-lg-typography-font-size: var(--font-size-xl); --branded-heading-lg-typography-line-height: 1.15; --branded-heading-lg-typography-font-weight: 700; --branded-heading-lg-typography-font-family: var(--font-family-secondary); --branded-heading-sm-typography-font-size: var(--font-size-xl); --branded-heading-sm-typography-line-height: 1.15; --branded-heading-sm-typography-font-weight: 700; --branded-heading-sm-typography-font-family: var(--font-family-secondary); --body-typography-line-height: 1.5; --body-typography-font-weight: 400; --body-typography-font-family: var(--font-family-primary); --accordion-title-typography-font-size: var(--font-size-lg); --accordion-title-typography-line-height: 1.25; --accordion-title-typography-font-weight: 500; --accordion-title-typography-font-family: var(--font-family-primary); --link-text-typography-font-size: var(--font-size-md); --link-text-typography-line-height: 1.25; --link-text-typography-font-weight: 500; --link-text-typography-font-family: var(--font-family-primary); --semantic-caption-alt-sm-strong-typography-font-weight: 700; --semantic-caption-alt-sm-strong-typography-font-size: var(--font-size-xs); --semantic-caption-alt-sm-strong-typography-line-height: 1.375; --semantic-caption-alt-sm-strong-typography-font-family: var(--font-family-secondary); --semantic-caption-alt-sm-default-typography-font-size: var(--font-size-xs); --semantic-caption-alt-sm-default-typography-line-height: 1.375; --semantic-caption-alt-sm-default-typography-font-weight: 400; --semantic-caption-alt-sm-default-typography-font-family: var(--font-family-secondary); --semantic-caption-alt-lg-strong-typography-font-size: var(--font-size-sm); --semantic-caption-alt-lg-strong-typography-line-height: 1.375; --semantic-caption-alt-lg-strong-typography-font-weight: 700; --semantic-caption-alt-lg-strong-typography-font-family: var(--font-family-secondary); --semantic-caption-alt-lg-default-typography-font-size: var(--font-size-sm); --semantic-caption-alt-lg-default-typography-line-height: 1.375; --semantic-caption-alt-lg-default-typography-font-weight: 400; --semantic-caption-alt-lg-default-typography-font-family: var(--font-family-secondary); --semantic-caption-default-sm-strong-typography-font-size: var(--font-size-xs); --semantic-caption-default-sm-strong-typography-line-height: 1.375; --semantic-caption-default-sm-strong-typography-font-weight: 500; --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.375; --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.375; --semantic-caption-default-lg-strong-typography-font-weight: 500; --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.375; --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-md); --semantic-paragraph-alt-sm-strong-typography-line-height: 1.5; --semantic-paragraph-alt-sm-strong-typography-font-weight: 700; --semantic-paragraph-alt-sm-strong-typography-font-family: var(--font-family-secondary); --semantic-paragraph-alt-sm-default-typography-font-size: var(--font-size-md); --semantic-paragraph-alt-sm-default-typography-line-height: 1.5; --semantic-paragraph-alt-sm-default-typography-font-weight: 400; --semantic-paragraph-alt-sm-default-typography-font-family: var(--font-family-secondary); --semantic-paragraph-alt-lg-strong-typography-font-size: var(--font-size-xl); --semantic-paragraph-alt-lg-strong-typography-line-height: 1.335; --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-xl); --semantic-paragraph-alt-lg-default-typography-line-height: 1.335; --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-primary); --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-primary); --semantic-paragraph-default-lg-strong-typography-font-weight: 500; --semantic-paragraph-default-lg-strong-typography-font-size: var(--font-size-xl); --semantic-paragraph-default-lg-strong-typography-line-height: 1.335; --semantic-paragraph-default-lg-strong-typography-font-family: var(--font-family-primary); --semantic-paragraph-default-lg-default-typography-font-size: var(--font-size-xl); --semantic-paragraph-default-lg-default-typography-line-height: 1.335; --semantic-paragraph-default-lg-default-typography-font-weight: 400; --semantic-paragraph-default-lg-default-typography-font-family: var(--font-family-primary); --semantic-headline-xs-typography-font-size: var(--font-size-md); --semantic-headline-xs-typography-line-height: 1.4; --semantic-headline-xs-typography-font-weight: 500; --semantic-headline-xs-typography-font-family: var(--font-family-primary); --semantic-headline-sm-typography-font-size: var(--font-size-lg); --semantic-headline-sm-typography-line-height: 1.335; --semantic-headline-sm-typography-font-weight: 500; --semantic-headline-sm-typography-font-family: var(--font-family-primary); --semantic-headline-md-typography-font-size: var(--font-size-xl); --semantic-headline-md-typography-line-height: 1.335; --semantic-headline-md-typography-font-weight: 500; --semantic-headline-md-typography-font-family: var(--font-family-primary); --semantic-headline-lg-typography-font-size: var(--font-size-2xl); --semantic-headline-lg-typography-line-height: 1.25; --semantic-headline-lg-typography-font-weight: 500; --semantic-headline-lg-typography-font-family: var(--font-family-primary); --semantic-headline-xl-typography-font-size: var(--font-size-3xl); --semantic-headline-xl-typography-line-height: 1.15; --semantic-headline-xl-typography-font-weight: 700; --semantic-headline-xl-typography-font-family: var(--font-family-secondary); --semantic-headline-2xl-typography-font-size: var(--font-size-4xl); --semantic-headline-2xl-typography-line-height: 1.15; --semantic-headline-2xl-typography-font-weight: 700; --semantic-headline-2xl-typography-font-family: var(--font-family-secondary); --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-primary); --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-black); --semantic-foreground-on-accent-adaptive-default-fill: var(--color-neutral-black); --semantic-foreground-accent-static-inverted-fill: var(--color-secondary-40); --semantic-foreground-brand-static-inverted-fill: var(--color-primary-40); --semantic-foreground-base-static-inverted-fill: var(--color-neutral-white); --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-white); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-100); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-80); --semantic-background-disabled-adaptive-selected-fill: var(--color-neutral-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-static-default-fill: var(--color-secondary-50); --semantic-background-accent-adaptive-default-fill: var(--color-secondary-50); --semantic-background-accent-adaptive-soft-fill: var(--color-secondary-10); --semantic-background-brand-adaptive-soft-fill: var(--color-primary-10); --semantic-background-base-static-inverted-fill: var(--color-neutral-100); --semantic-background-base-static-muted-fill: var(--color-neutral-90); --semantic-background-base-adaptive-inverted-fill: var(--color-neutral-100); --semantic-background-base-adaptive-elevated-fill: var(--color-neutral-white); --semantic-background-base-adaptive-default-fill: var(--color-neutral-white); --semantic-background-base-adaptive-soft-fill: var(--color-neutral-20); --text-on-background-neutral-black: var(--color-neutral-white); --text-on-background-neutral-white: var(--color-neutral-black); --text-on-background-neutral-100: var(--color-neutral-white); --text-on-background-neutral-90: var(--color-neutral-white); --text-on-background-neutral-80: var(--color-neutral-white); --text-on-background-neutral-70: var(--color-neutral-white); --text-on-background-neutral-60: var(--color-neutral-black); --text-on-background-neutral-50: var(--color-neutral-black); --text-on-background-neutral-40: var(--color-neutral-black); --text-on-background-neutral-30: var(--color-neutral-black); --text-on-background-neutral-20: var(--color-neutral-black); --text-on-background-neutral-10: var(--color-neutral-black); --text-on-background-orange-100: var(--color-neutral-white); --text-on-background-orange-90: var(--color-neutral-white); --text-on-background-orange-80: var(--color-neutral-white); --text-on-background-orange-70: var(--color-neutral-white); --text-on-background-orange-60: var(--color-neutral-black); --text-on-background-orange-50: var(--color-neutral-black); --text-on-background-orange-40: var(--color-neutral-black); --text-on-background-orange-30: var(--color-neutral-black); --text-on-background-orange-20: var(--color-neutral-black); --text-on-background-orange-10: var(--color-neutral-black); --text-on-background-red-100: var(--color-neutral-white); --text-on-background-red-90: var(--color-neutral-white); --text-on-background-red-80: var(--color-neutral-white); --text-on-background-red-70: var(--color-neutral-white); --text-on-background-red-60: var(--color-neutral-black); --text-on-background-red-50: var(--color-neutral-black); --text-on-background-red-40: var(--color-neutral-black); --text-on-background-red-30: var(--color-neutral-black); --text-on-background-red-20: var(--color-neutral-black); --text-on-background-red-10: var(--color-neutral-black); --text-on-background-green-100: var(--color-neutral-white); --text-on-background-green-90: var(--color-neutral-white); --text-on-background-green-80: var(--color-neutral-white); --text-on-background-green-70: var(--color-neutral-white); --text-on-background-green-60: var(--color-neutral-black); --text-on-background-green-50: var(--color-neutral-black); --text-on-background-green-40: var(--color-neutral-black); --text-on-background-green-30: var(--color-neutral-black); --text-on-background-green-20: var(--color-neutral-black); --text-on-background-green-10: var(--color-neutral-black); --text-on-background-blue-100: var(--color-neutral-white); --text-on-background-blue-90: var(--color-neutral-white); --text-on-background-blue-80: var(--color-neutral-white); --text-on-background-blue-70: var(--color-neutral-white); --text-on-background-blue-60: var(--color-neutral-white); --text-on-background-blue-50: var(--color-neutral-white); --text-on-background-blue-40: var(--color-neutral-black); --text-on-background-blue-30: var(--color-neutral-black); --text-on-background-blue-20: var(--color-neutral-black); --text-on-background-blue-10: var(--color-neutral-black); --text-on-background-secondary-100: var(--color-neutral-white); --text-on-background-secondary-90: var(--color-neutral-white); --text-on-background-secondary-80: var(--color-neutral-white); --text-on-background-secondary-70: var(--color-neutral-white); --text-on-background-secondary-60: var(--color-neutral-white); --text-on-background-secondary-50: var(--color-neutral-white); --text-on-background-secondary-40: var(--color-neutral-black); --text-on-background-secondary-30: var(--color-neutral-black); --text-on-background-secondary-20: var(--color-neutral-black); --text-on-background-secondary-10: var(--color-neutral-black); --text-on-background-primary-100: var(--color-neutral-white); --text-on-background-primary-90: var(--color-neutral-black); --text-on-background-primary-80: var(--color-neutral-white); --text-on-background-primary-70: var(--color-neutral-white); --text-on-background-primary-60: var(--color-neutral-white); --text-on-background-primary-50: var(--color-neutral-black); --text-on-background-primary-40: var(--color-neutral-black); --text-on-background-primary-30: var(--color-neutral-black); --text-on-background-primary-20: var(--color-neutral-black); --text-on-background-primary-10: var(--color-neutral-black); --color-transparent-full: rgba(255, 255, 255, 0%); --color-neutral-dark: var(--color-neutral-80); --color-neutral-base: var(--color-neutral-70); --color-neutral-light: var(--color-neutral-60); --color-orange-dark: var(--color-orange-90); --color-orange-base: var(--color-orange-70); --color-orange-light: var(--color-orange-60); --color-red-dark: var(--color-red-90); --color-red-base: var(--color-red-70); --color-red-light: var(--color-red-60); --color-green-dark: var(--color-green-90); --color-green-base: var(--color-green-70); --color-green-light: var(--color-green-60); --color-blue-dark: var(--color-blue-70); --color-blue-base: var(--color-blue-50); --color-blue-light: var(--color-blue-40); --color-secondary-dark: var(--color-secondary-70); --color-secondary-base: var(--color-secondary-60); --color-secondary-light: var(--color-secondary-40); --color-primary-dark: var(--color-primary-70); --color-primary-base: var(--color-primary-60); --color-primary-light: var(--color-primary-40); --color-sponsored-content-primary-dark: var(--color-sponsored-content-primary-50); --color-sponsored-content-primary-base: var(--color-sponsored-content-primary-40); --color-sponsored-content-primary-light: var(--color-sponsored-content-primary-30); --box-shadow-none: 0px 0px 0px 0px var(--color-transparent-full); --bottom-bar-background-default-fill: var(--semantic-background-base-adaptive-default-fill); --bottom-bar-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --segmented-control-border: 1px solid var(--semantic-border-base-adaptive-soft-fill); --segmented-control-item-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --segmented-control-item-selected-border: 0px solid var(--color-transparent-full); --segmented-control-item-default-border: 0px solid var(--color-transparent-full); --segmented-control-item-background-default-default-fill: var(--color-transparent-full); --segmented-control-background-fill: var(--semantic-background-base-adaptive-default-fill); --rating-foreground-full-fill: var(--semantic-foreground-base-adaptive-default-fill); --autocomplete-overlay-loading: rgba(255, 255, 255, 70%); --divider-border: 1px solid var(--semantic-border-base-adaptive-soft-fill); --tab-divider-border: 0px solid var(--color-transparent-full); --tab-selected-typography-font-size: var(--font-size-base); --tab-default-border: 2px solid var(--semantic-border-base-adaptive-soft-fill); --tab-default-typography-font-size: var(--font-size-base); --tab-label-default-fill: var(--semantic-foreground-base-adaptive-soft-fill); --tab-background-default-fill: var(--semantic-background-base-adaptive-default-fill); --default-teaser-pulse-highlight-border: 2px solid var(--color-transparent-full); --default-teaser-pulse-default-border: 2px solid var(--color-transparent-full); --default-teaser-editorial-label-foreground-highlight-fill: var(--semantic-foreground-base-static-inverted-fill); --default-teaser-editorial-label-background-default-fill: var(--color-transparent-full); --focus-negative: 0px 0px 0px 3px var(--color-red-base); --tag-background-default-fill: var(--color-transparent-full); --top-bar-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --top-bar-background-fill: var(--semantic-background-base-adaptive-default-fill); --header-strong-lg-typography-font-size: var(--header-lg-font-size); --header-strong-lg-typography-font-weight: 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-foreground-accent-default-fill: var(--semantic-foreground-base-static-inverted-fill); --related-teaser-title-fill: var(--semantic-foreground-base-adaptive-default-fill); --related-teaser-background-fill: var(--color-transparent-full); --quote-quotee-function-fill: var(--semantic-foreground-base-adaptive-soft-fill); --quote-quotee-fill: var(--semantic-foreground-base-adaptive-default-fill); --quote-blockquote-fill: var(--semantic-foreground-base-adaptive-default-fill); --horizontal-teaser-highlight-border-left: 0px solid var(--color-transparent-full); --horizontal-teaser-default-border-left: 0px solid var(--color-transparent-full); --loader-stroke-fill: var(--color-secondary-base); --text-on-image-teaser-pulse-border: 2px solid var(--color-transparent-full); --text-on-image-teaser-external-icon-fill: var(--semantic-foreground-base-static-inverted-fill); --text-on-image-teaser-prefix-fill: var(--semantic-foreground-accent-static-inverted-fill); --text-on-image-teaser-sublabel-background-fill: var(--color-transparent-full); --text-on-image-teaser-label-background-fill: var(--color-transparent-full); --text-on-image-teaser-editorial-label-foreground-fill: var(--semantic-foreground-base-static-inverted-fill); --teaser-play-button-border: 1px solid var(--color-transparent-full); --teaser-play-button-background-fill: var(--color-primary-base); --teaser-prefix-default-fill: var(--color-primary-base); --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-soft-fill); --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-background-default-fill: var(--color-transparent-full); --table-header-label-fill: var(--semantic-foreground-base-adaptive-soft-fill); --table-header-background-fill: var(--semantic-background-base-adaptive-soft-fill); --input-default-border-color: var(--semantic-border-base-static-default-fill); --input-selected-border-color: var(--color-transparent-full); --input-background-selected-soft-fill: var(--semantic-background-brand-adaptive-soft-fill); --button-default-default-border: var(--button-border-width) solid var(--color-transparent-full); --button-tertiary-disabled-border: var(--button-border-width) solid var(--color-transparent-full); --button-tertiary-active-border: var(--button-border-width) solid var(--color-transparent-full); --button-tertiary-hover-border: var(--button-border-width) solid var(--color-transparent-full); --button-tertiary-default-border: var(--button-border-width) solid var(--color-transparent-full); --button-secondary-disabled-border: var(--button-border-width) solid var(--semantic-border-disabled-adaptive-default-fill); --button-primary-disabled-border: var(--button-border-width) solid var(--color-transparent-full); --button-primary-active-border: var(--button-border-width) solid var(--color-transparent-full); --button-primary-hover-border: var(--button-border-width) solid var(--color-transparent-full); --button-primary-default-border: var(--button-border-width) solid var(--color-transparent-full); --button-label-default-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --button-background-tertiary-disabled-fill: var(--color-transparent-full); --button-background-tertiary-default-fill: var(--color-transparent-full); --button-background-secondary-disabled-fill: var(--color-transparent-full); --button-background-secondary-default-fill: var(--color-transparent-full); --button-background-default-active-fill: rgba(26, 26, 26, 24%); --button-background-default-hover-fill: rgba(26, 26, 26, 12%); --button-background-default-default-fill: var(--color-transparent-full); --button-background-primary-disabled-fill: var(--semantic-background-disabled-adaptive-default-fill); --branded-heading-bullet-lg-fill: var(--color-transparent-full); --branded-heading-bullet-sm-fill: var(--color-transparent-full); --branded-heading-background-lg-fill: var(--color-transparent-full); --branded-heading-background-sm-fill: var(--color-transparent-full); --branded-heading-label-hover-fill: var(--color-primary-dark); --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --body-typography-font-size: var(--font-size-base); --link-text-hover-fill: var(--color-primary-dark); --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-accent-static-default-fill: var(--color-secondary-base); --semantic-border-accent-adaptive-default-fill: var(--color-secondary-base); --semantic-border-brand-static-default-fill: var(--color-primary-base); --semantic-border-brand-adaptive-default-fill: var(--color-primary-base); --semantic-foreground-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-on-accent-adaptive-soft-fill: var(--color-secondary-dark); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-base); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-primary-dark); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-base); --semantic-background-contextual-adaptive-default-fill: var(--color-transparent-full); --semantic-background-success-static-default-fill: var(--color-green-base); --semantic-background-error-static-default-fill: var(--color-red-base); --semantic-background-info-static-default-fill: var(--color-blue-base); --semantic-background-brand-static-default-fill: var(--color-primary-base); --semantic-background-brand-adaptive-default-fill: var(--color-primary-base); --text-on-background-neutral-dark: var(--text-on-background-neutral-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-90); --text-on-background-orange-base: var(--text-on-background-orange-70); --text-on-background-orange-light: var(--text-on-background-orange-60); --text-on-background-red-dark: var(--text-on-background-red-90); --text-on-background-red-base: var(--text-on-background-red-70); --text-on-background-red-light: var(--text-on-background-red-60); --text-on-background-green-dark: var(--text-on-background-green-90); --text-on-background-green-base: var(--text-on-background-green-70); --text-on-background-green-light: var(--text-on-background-green-60); --text-on-background-blue-dark: var(--text-on-background-blue-70); --text-on-background-blue-base: var(--text-on-background-blue-50); --text-on-background-blue-light: var(--text-on-background-blue-40); --text-on-background-secondary-dark: var(--text-on-background-secondary-70); --text-on-background-secondary-base: var(--text-on-background-secondary-50); --text-on-background-secondary-light: var(--text-on-background-secondary-40); --text-on-background-primary-dark: var(--text-on-background-primary-70); --text-on-background-primary-base: var(--text-on-background-primary-60); --text-on-background-primary-light: var(--text-on-background-primary-50); --color-focus: var(--color-primary-base); --bottom-bar-foreground-active-fill: var(--semantic-foreground-brand-adaptive-default-fill); --segmented-control-item-foreground-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill); --segmented-control-item-background-selected-active-fill: rgba(0, 125, 179, 36%); --segmented-control-item-background-selected-hover-fill: rgba(0, 125, 179, 24%); --segmented-control-item-background-selected-default-fill: rgba(0, 125, 179, 12%); --segmented-control-item-background-default-active-fill: rgba(0, 125, 179, 24%); --segmented-control-item-background-default-hover-fill: rgba(0, 125, 179, 12%); --tab-selected-border: 2px solid var(--semantic-border-brand-adaptive-default-fill); --tab-label-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill); --tab-background-active-fill: rgba(0, 125, 179, 24%); --tab-background-hover-fill: rgba(0, 125, 179, 12%); --stepper-background-active-fill: var(--semantic-background-brand-adaptive-default-fill); --stepper-label-active-fill: var(--semantic-foreground-brand-adaptive-default-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); --focus-default: 0px 0px 0px 3px var(--color-focus); --tag-label-fill: var(--semantic-foreground-brand-adaptive-default-fill); --tag-background-active-fill: rgba(0, 125, 179, 24%); --tag-background-hover-fill: rgba(0, 125, 179, 12%); --tag-border: 1px solid var(--semantic-border-brand-adaptive-default-fill); --top-bar-foreground-active-fill: var(--semantic-foreground-brand-adaptive-default-fill); --header-foreground-default-active-fill: var(--semantic-foreground-brand-adaptive-default-fill); --header-background-accent-default-item-active-fill: rgba(255, 255, 255, 32%); --header-background-accent-default-item-hover-fill: rgba(255, 255, 255, 16%); --header-background-accent-default-fill: var(--semantic-background-brand-adaptive-default-fill); --related-teaser-border-left: 4px solid var(--semantic-border-brand-adaptive-default-fill); --related-teaser-prefix-fill: var(--semantic-foreground-brand-adaptive-default-fill); --quote-icon-fill: var(--semantic-foreground-brand-adaptive-default-fill); --text-on-image-teaser-pulse-background-fill: var(--text-on-image-teaser-editorial-label-foreground-fill); --text-on-image-teaser-editorial-label-background-fill: var(--semantic-background-error-static-default-fill); --teaser-comment-foreground-default-fill: var(--teaser-title-default-fill); --teaser-podcast-icon-default-fill: var(--teaser-title-default-fill); --teaser-play-button-text-fill: var(--text-on-background-primary-base); --teaser-external-icon-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill); --teaser-introduction-highlight-fill: var(--teaser-introduction-default-fill); --teaser-date-time-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --input-hover-border-color: var(--semantic-border-brand-adaptive-default-fill); --input-background-selected-default-fill: var(--semantic-background-brand-adaptive-default-fill); --button-secondary-active-border: var(--button-border-width) solid var(--semantic-border-brand-adaptive-default-fill); --button-secondary-hover-border: var(--button-border-width) solid var(--semantic-border-brand-adaptive-default-fill); --button-secondary-default-border: var(--button-border-width) solid var(--semantic-border-brand-adaptive-default-fill); --button-label-tertiary-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --button-label-secondary-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --button-background-tertiary-active-fill: rgba(0, 125, 179, 24%); --button-background-tertiary-hover-fill: rgba(0, 125, 179, 12%); --button-background-secondary-active-fill: rgba(0, 125, 179, 24%); --button-background-secondary-hover-fill: rgba(0, 125, 179, 12%); --button-background-primary-default-fill: var(--semantic-background-brand-adaptive-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); --accordion-title-selected-fill: var(--semantic-foreground-brand-adaptive-default-fill); --link-text-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --semantic-foreground-on-brand-static-default-fill: var(--text-on-background-primary-base); --semantic-foreground-on-brand-adaptive-default-fill: var(--text-on-background-primary-base); --stepper-number-active-fill: var(--semantic-foreground-on-brand-adaptive-default-fill); --default-teaser-pulse-background-default-fill: var(--default-teaser-editorial-label-foreground-default-fill); --top-bar-active-border: 2px solid var(--top-bar-foreground-active-fill); --header-label-active-border: 2px solid var(--header-foreground-default-active-fill); --header-foreground-accent-active-fill: var(--semantic-foreground-on-brand-adaptive-default-fill); --teaser-comment-foreground-highlight-fill: var(--teaser-title-highlight-fill); --teaser-podcast-icon-highlight-fill: var(--teaser-title-highlight-fill); --teaser-external-icon-highlight-fill: var(--teaser-external-icon-default-fill); --teaser-date-time-highlight-fill: var(--teaser-date-time-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --input-active-border-color: var(--input-hover-border-color); --input-text-fill: var(--semantic-foreground-on-brand-adaptive-default-fill); --button-label-tertiary-active-fill: var(--button-label-tertiary-default-fill); --button-label-tertiary-hover-fill: var(--button-label-tertiary-default-fill); --button-label-secondary-active-fill: var(--button-label-secondary-default-fill); --button-label-secondary-hover-fill: var(--button-label-secondary-default-fill); --button-label-primary-default-fill: var(--semantic-foreground-on-brand-adaptive-default-fill); --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); --button-label-primary-active-fill: var(--button-label-primary-default-fill); --button-label-primary-hover-fill: var(--button-label-primary-default-fill); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-subtheme="accent-soft"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="accent-soft"] { --semantic-border-base-adaptive-soft-fill: var(--color-primary-20); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-60); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-brand-adaptive-soft-fill); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-subtheme="accent-strong"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="accent-strong"] { --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px; --default-teaser-editorial-label-default-lg-layout-padding-left: 4px; --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-lg-layout-padding-right: 4px; --default-teaser-editorial-label-default-lg-layout-padding-top: 4px; --default-teaser-editorial-label-default-md-layout-item-spacing: 4px; --default-teaser-editorial-label-default-md-layout-padding-left: 4px; --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-md-layout-padding-right: 4px; --default-teaser-editorial-label-default-md-layout-padding-top: 4px; --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px; --default-teaser-editorial-label-default-sm-layout-padding-left: 4px; --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px; --default-teaser-editorial-label-default-sm-layout-padding-right: 4px; --default-teaser-editorial-label-default-sm-layout-padding-top: 2px; --breaking-fill: var(--color-primary-90); --teaser-external-icon-default-fill: var(--color-primary-20); --teaser-prefix-default-fill: var(--color-primary-20); --teaser-date-time-default-fill: var(--color-primary-20); --teaser-sublabel-default-fill: var(--color-primary-20); --teaser-label-default-fill: var(--color-primary-20); --teaser-background-default-fill: var(--color-primary-80); --teaser-premium-main-default-asset: var(--premium-main-inverse-asset); --branded-heading-label-hover-fill: var(--color-primary-20); --link-text-hover-fill: var(--color-primary-20); --semantic-border-base-adaptive-soft-fill: var(--color-primary-50); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-20); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10); --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40); --semantic-background-contextual-adaptive-default-fill: var(--color-primary-80); --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --text-on-image-teaser-background-fill: linear-gradient(0deg, var(--breaking-fill) 0%, rgba(0, 43, 62, 0.5) 50%, var(--color-transparent-full) 100%); --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill); --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-introduction-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --teaser-background-highlight-fill: var(--teaser-background-default-fill); --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color); --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-subtheme="premium"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="premium"] { --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px; --default-teaser-editorial-label-default-lg-layout-padding-left: 4px; --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-lg-layout-padding-right: 4px; --default-teaser-editorial-label-default-lg-layout-padding-top: 4px; --default-teaser-editorial-label-default-md-layout-item-spacing: 4px; --default-teaser-editorial-label-default-md-layout-padding-left: 4px; --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-md-layout-padding-right: 4px; --default-teaser-editorial-label-default-md-layout-padding-top: 4px; --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px; --default-teaser-editorial-label-default-sm-layout-padding-left: 4px; --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px; --default-teaser-editorial-label-default-sm-layout-padding-right: 4px; --default-teaser-editorial-label-default-sm-layout-padding-top: 2px; --button-background-primary-active-fill: var(--color-secondary-70); --button-background-primary-hover-fill: var(--color-secondary-60); --semantic-border-base-adaptive-soft-fill: var(--color-secondary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-secondary-20); --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-static-inverted-fill); --semantic-foreground-on-brand-static-default-fill: var(--semantic-foreground-on-accent-static-default-fill); --semantic-foreground-on-brand-adaptive-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill); --semantic-foreground-brand-static-inverted-fill: var(--semantic-foreground-accent-static-inverted-fill); --semantic-foreground-brand-adaptive-default-fill: var(--semantic-foreground-accent-adaptive-default-fill); --semantic-background-brand-static-default-fill: var(--semantic-background-accent-static-default-fill); --semantic-background-brand-adaptive-default-fill: var(--semantic-background-accent-adaptive-default-fill); --semantic-background-brand-adaptive-soft-fill: var(--semantic-background-accent-adaptive-soft-fill); --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill); --button-background-primary-default-fill: var(--semantic-background-brand-static-default-fill); --semantic-foreground-on-brand-adaptive-soft-fill: var(--semantic-foreground-on-accent-adaptive-soft-fill); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-subtheme="sponsored-content"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="sponsored-content"] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-40); --semantic-border-brand-static-default-fill: var(--color-sponsored-content-primary-80); --semantic-border-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80); --semantic-foreground-on-brand-static-default-fill: var(--color-sponsored-content-primary-90); --semantic-foreground-on-brand-adaptive-default-fill: var(--color-sponsored-content-primary-90); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-70); --semantic-foreground-brand-static-inverted-fill: var(--color-sponsored-content-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-sponsored-content-primary-60); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-10); --semantic-background-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-10); --teaser-play-button-text-fill: var(--semantic-foreground-base-static-inverted-fill); --teaser-external-icon-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-external-icon-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-prefix-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-prefix-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-introduction-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-date-time-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-date-time-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-title-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-sublabel-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-label-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-background-highlight-fill: var(--semantic-background-contextual-adaptive-default-fill); --semantic-background-brand-static-default-fill: var(--color-sponsored-content-primary-base); --semantic-background-brand-adaptive-default-fill: var(--color-sponsored-content-primary-base); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"], [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"][data-chameleon-subtheme], [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"] [data-chameleon-subtheme] { --skeleton-fill: linear-gradient( -90deg, var(--color-neutral-80) 0%, var(--color-neutral-70) 50%, var(--color-neutral-80) 100%);; --switch-track-fill: var(--color-neutral-70); --stepper-background-default-fill: var(--color-neutral-70); --header-scroll-asset: var(--logo-icon-inverse-asset); --header-default-asset: var(--logo-icon-inverse-asset); --teaser-premium-main-default-asset: var(--premium-main-inverse-asset); --table-header-label-fill: var(--color-neutral-30); --table-header-background-fill: var(--color-neutral-80); --wide-list-background-even-fill: var(--color-neutral-90); --wide-list-background-active-fill: var(--color-neutral-70); --wide-list-background-hover-fill: var(--color-neutral-80); --button-background-primary-active-fill: var(--color-primary-40); --button-background-primary-hover-fill: var(--color-primary-50); --branded-heading-label-hover-fill: var(--color-primary-50); --link-text-hover-fill: var(--color-primary-50); --semantic-border-disabled-adaptive-default-fill: var(--color-neutral-70); --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-border-accent-adaptive-default-fill: var(--color-secondary-50); --semantic-border-brand-adaptive-default-fill: var(--color-primary-30); --semantic-foreground-disabled-adaptive-default-fill: var(--color-neutral-70); --semantic-foreground-on-warning-adaptive-soft-fill: var(--color-orange-20); --semantic-foreground-warning-adaptive-default-fill: var(--color-orange-60); --semantic-foreground-on-success-adaptive-soft-fill: var(--color-green-20); --semantic-foreground-success-adaptive-default-fill: var(--color-green-70); --semantic-foreground-on-error-adaptive-soft-fill: var(--color-red-20); --semantic-foreground-error-adaptive-default-fill: var(--color-red-50); --semantic-foreground-on-info-adaptive-soft-fill: var(--color-blue-20); --semantic-foreground-info-adaptive-default-fill: var(--color-blue-60); --semantic-foreground-on-accent-adaptive-default-fill: var(--color-secondary-90); --semantic-foreground-on-accent-adaptive-soft-fill: var(--color-secondary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-40); --semantic-foreground-on-brand-adaptive-default-fill: var(--color-primary-10); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-30); --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40); --semantic-background-disabled-adaptive-selected-fill: var(--color-neutral-80); --semantic-background-disabled-adaptive-default-fill: var(--color-neutral-90); --semantic-background-warning-adaptive-soft-fill: var(--color-orange-100); --semantic-background-success-adaptive-soft-fill: var(--color-green-100); --semantic-background-error-adaptive-soft-fill: var(--color-red-100); --semantic-background-info-adaptive-soft-fill: var(--color-blue-100); --semantic-background-accent-adaptive-default-fill: var(--color-secondary-10); --semantic-background-accent-adaptive-soft-fill: var(--color-secondary-100); --semantic-background-brand-adaptive-soft-fill: var(--color-primary-80); --semantic-background-base-adaptive-inverted-fill: var(--color-neutral-white); --semantic-background-base-adaptive-elevated-fill: var(--color-primary-80); --semantic-background-base-adaptive-default-fill: var(--color-primary-100); --semantic-background-base-adaptive-soft-fill: var(--color-primary-70); --segmented-control-item-background-default-default-fill: var(--color-transparent-full); --teaser-date-time-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-date-time-highlight-fill: var(--semantic-foreground-base-static-inverted-fill); --teaser-title-highlight-fill: var(--semantic-foreground-base-static-inverted-fill); --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-sublabel-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-label-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --button-background-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); --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --branded-heading-lg-border-color: var(--semantic-border-base-static-inverted-fill); --branded-heading-sm-border-color: var(--semantic-border-base-static-inverted-fill); --semantic-background-brand-adaptive-default-fill: var(--color-primary-base); --segmented-control-item-background-selected-active-fill: rgba(0, 125, 179, 36%); --segmented-control-item-background-selected-hover-fill: rgba(0, 125, 179, 24%); --segmented-control-item-background-selected-default-fill: rgba(0, 125, 179, 12%); --segmented-control-item-background-default-active-fill: rgba(0, 125, 179, 24%); --segmented-control-item-background-default-hover-fill: rgba(0, 125, 179, 12%); --teaser-background-highlight-fill: var(--semantic-background-brand-static-default-fill); --button-background-tertiary-active-fill: rgba(0, 125, 179, 36%); --button-background-tertiary-hover-fill: rgba(0, 125, 179, 24%); --button-background-secondary-active-fill: rgba(0, 125, 179, 36%); --button-background-secondary-hover-fill: rgba(0, 125, 179, 24%); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"][data-chameleon-subtheme="accent-soft"], [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"] [data-chameleon-subtheme="accent-soft"] { --semantic-border-base-adaptive-soft-fill: var(--color-primary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-primary-90); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"][data-chameleon-subtheme="accent-strong"], [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"] [data-chameleon-subtheme="accent-strong"] { --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-20); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"][data-chameleon-subtheme="premium"], [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"] [data-chameleon-subtheme="premium"] { --semantic-border-base-adaptive-soft-fill: var(--color-secondary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-30); --semantic-background-contextual-adaptive-default-fill: var(--color-secondary-90); --semantic-foreground-on-brand-static-default-fill: var(--semantic-foreground-on-accent-static-default-fill); --semantic-foreground-on-brand-adaptive-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill); --semantic-foreground-brand-static-inverted-fill: var(--semantic-foreground-accent-static-inverted-fill); --semantic-foreground-brand-adaptive-default-fill: var(--semantic-foreground-accent-adaptive-default-fill); --semantic-background-brand-static-default-fill: var(--semantic-background-accent-static-default-fill); --semantic-background-brand-adaptive-default-fill: var(--semantic-background-accent-adaptive-default-fill); --semantic-background-brand-adaptive-soft-fill: var(--semantic-background-accent-adaptive-soft-fill); --semantic-foreground-on-brand-adaptive-soft-fill: var(--semantic-foreground-on-accent-adaptive-soft-fill); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"][data-chameleon-subtheme="sponsored-content"], [data-chameleon-theme="eco"][data-chameleon-color-mode="dark"] [data-chameleon-subtheme="sponsored-content"] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-70); --semantic-border-brand-static-default-fill: var(--color-sponsored-content-primary-80); --semantic-border-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80); --semantic-foreground-on-brand-adaptive-default-fill: var(--color-sponsored-content-primary-20); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-20); --semantic-foreground-brand-adaptive-default-fill: var(--color-sponsored-content-primary-20); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-80); --semantic-background-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80); --semantic-background-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-90); } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ @media ((min-width: 480px)) { [data-chameleon-theme="eco"], [data-chameleon-theme="eco"][data-chameleon-subtheme], [data-chameleon-theme="eco"] [data-chameleon-subtheme] { --font-size-5xl: 40px; --font-size-4xl: 32px; --font-size-3xl: 28px; --font-size-2xl: 24px; --font-size-xl: 20px; --font-size-lg: 18px; --font-size-md: 17px; --font-size-sm: 14px; --font-size-xs: 12px; --dialog-border-radius: 0px; --related-teaser-image-width: 120px; --horizontal-teaser-image-default-lg-width: 320px; --horizontal-teaser-image-default-md-width: 160px; --horizontal-teaser-image-default-sm-width: 120px; --teaser-title-lg-typography-font-style: normal; --teaser-title-md-typography-font-style: normal; --teaser-title-sm-typography-font-style: normal; --branded-heading-lg-typography-font-style: normal; --branded-heading-lg-typography-text-case: Uppercase; --branded-heading-sm-typography-font-style: normal; --branded-heading-sm-typography-text-case: Uppercase; --teaser-title-lg-typography-font-size: var(--font-size-3xl); --teaser-title-lg-typography-line-height: 1.15; --teaser-title-lg-typography-font-weight: 500; --teaser-title-lg-typography-font-family: var(--font-family-primary); --teaser-title-md-typography-font-size: var(--font-size-2xl); --teaser-title-md-typography-line-height: 1.15; --teaser-title-md-typography-font-weight: 500; --teaser-title-md-typography-font-family: var(--font-family-primary); --teaser-title-sm-typography-font-size: var(--font-size-lg); --teaser-title-sm-typography-line-height: 1.15; --teaser-title-sm-typography-font-weight: 500; --teaser-title-sm-typography-font-family: var(--font-family-primary); --branded-heading-lg-typography-font-size: var(--font-size-2xl); --branded-heading-lg-typography-line-height: 1.15; --branded-heading-lg-typography-font-weight: 700; --branded-heading-lg-typography-font-family: var(--font-family-secondary); --branded-heading-sm-typography-font-size: var(--font-size-2xl); --branded-heading-sm-typography-line-height: 1.15; --branded-heading-sm-typography-font-weight: 700; --branded-heading-sm-typography-font-family: var(--font-family-secondary); } } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ @media ((min-width: 480px)) { [data-chameleon-theme="eco"][data-chameleon-subtheme="accent-soft"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="accent-soft"] { --semantic-border-base-adaptive-soft-fill: var(--color-primary-20); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-60); --semantic-background-contextual-adaptive-default-fill: var(--semantic-background-brand-adaptive-soft-fill); } } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ @media ((min-width: 480px)) { [data-chameleon-theme="eco"][data-chameleon-subtheme="accent-strong"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="accent-strong"] { --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px; --default-teaser-editorial-label-default-lg-layout-padding-left: 4px; --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-lg-layout-padding-right: 4px; --default-teaser-editorial-label-default-lg-layout-padding-top: 4px; --default-teaser-editorial-label-default-md-layout-item-spacing: 4px; --default-teaser-editorial-label-default-md-layout-padding-left: 4px; --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-md-layout-padding-right: 4px; --default-teaser-editorial-label-default-md-layout-padding-top: 4px; --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px; --default-teaser-editorial-label-default-sm-layout-padding-left: 4px; --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px; --default-teaser-editorial-label-default-sm-layout-padding-right: 4px; --default-teaser-editorial-label-default-sm-layout-padding-top: 2px; --breaking-fill: var(--color-primary-90); --teaser-external-icon-default-fill: var(--color-primary-20); --teaser-prefix-default-fill: var(--color-primary-20); --teaser-date-time-default-fill: var(--color-primary-20); --teaser-sublabel-default-fill: var(--color-primary-20); --teaser-label-default-fill: var(--color-primary-20); --teaser-background-default-fill: var(--color-primary-80); --teaser-premium-main-default-asset: var(--premium-main-inverse-asset); --branded-heading-label-hover-fill: var(--color-primary-20); --link-text-hover-fill: var(--color-primary-20); --semantic-border-base-adaptive-soft-fill: var(--color-primary-50); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-20); --semantic-foreground-brand-adaptive-default-fill: var(--color-primary-10); --semantic-foreground-base-adaptive-inverted-fill: var(--color-neutral-100); --semantic-foreground-base-adaptive-default-fill: var(--color-neutral-white); --semantic-foreground-base-adaptive-soft-fill: var(--color-neutral-40); --semantic-background-contextual-adaptive-default-fill: var(--color-primary-80); --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --text-on-image-teaser-background-fill: linear-gradient(0deg, var(--breaking-fill) 0%, rgba(0, 43, 62, 0.5) 50%, var(--color-transparent-full) 100%); --teaser-prefix-highlight-fill: var(--teaser-prefix-default-fill); --teaser-introduction-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-introduction-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-sublabel-highlight-fill: var(--teaser-sublabel-default-fill); --teaser-label-highlight-fill: var(--teaser-label-default-fill); --teaser-background-highlight-fill: var(--teaser-background-default-fill); --branded-heading-label-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --link-text-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill); --teaser-title-highlight-fill: var(--teaser-title-default-fill); --branded-heading-lg-border-top: 0px solid var(--branded-heading-lg-border-color); --branded-heading-sm-border-top: 0px solid var(--branded-heading-sm-border-color); } } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ @media ((min-width: 480px)) { [data-chameleon-theme="eco"][data-chameleon-subtheme="premium"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="premium"] { --default-teaser-editorial-label-default-lg-layout-item-spacing: 4px; --default-teaser-editorial-label-default-lg-layout-padding-left: 4px; --default-teaser-editorial-label-default-lg-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-lg-layout-padding-right: 4px; --default-teaser-editorial-label-default-lg-layout-padding-top: 4px; --default-teaser-editorial-label-default-md-layout-item-spacing: 4px; --default-teaser-editorial-label-default-md-layout-padding-left: 4px; --default-teaser-editorial-label-default-md-layout-padding-bottom: 4px; --default-teaser-editorial-label-default-md-layout-padding-right: 4px; --default-teaser-editorial-label-default-md-layout-padding-top: 4px; --default-teaser-editorial-label-default-sm-layout-item-spacing: 4px; --default-teaser-editorial-label-default-sm-layout-padding-left: 4px; --default-teaser-editorial-label-default-sm-layout-padding-bottom: 2px; --default-teaser-editorial-label-default-sm-layout-padding-right: 4px; --default-teaser-editorial-label-default-sm-layout-padding-top: 2px; --button-background-primary-active-fill: var(--color-secondary-70); --button-background-primary-hover-fill: var(--color-secondary-60); --semantic-border-base-adaptive-soft-fill: var(--color-secondary-30); --semantic-foreground-accent-adaptive-default-fill: var(--color-secondary-70); --semantic-background-contextual-adaptive-default-fill: var(--color-secondary-20); --default-teaser-editorial-label-foreground-default-fill: var(--semantic-foreground-base-static-inverted-fill); --semantic-foreground-on-brand-static-default-fill: var(--semantic-foreground-on-accent-static-default-fill); --semantic-foreground-on-brand-adaptive-default-fill: var(--semantic-foreground-on-accent-adaptive-default-fill); --semantic-foreground-brand-static-inverted-fill: var(--semantic-foreground-accent-static-inverted-fill); --semantic-foreground-brand-adaptive-default-fill: var(--semantic-foreground-accent-adaptive-default-fill); --semantic-background-brand-static-default-fill: var(--semantic-background-accent-static-default-fill); --semantic-background-brand-adaptive-default-fill: var(--semantic-background-accent-adaptive-default-fill); --semantic-background-brand-adaptive-soft-fill: var(--semantic-background-accent-adaptive-soft-fill); --default-teaser-editorial-label-background-default-fill: var(--semantic-background-error-static-default-fill); --button-background-primary-default-fill: var(--semantic-background-brand-static-default-fill); --semantic-foreground-on-brand-adaptive-soft-fill: var(--semantic-foreground-on-accent-adaptive-soft-fill); } } /** * 🦎 Chameleon v8.3.1 * Do not edit directly */ @media ((min-width: 480px)) { [data-chameleon-theme="eco"][data-chameleon-subtheme="sponsored-content"], [data-chameleon-theme="eco"] [data-chameleon-subtheme="sponsored-content"] { --semantic-border-base-adaptive-soft-fill: var(--color-neutral-40); --semantic-border-brand-static-default-fill: var(--color-sponsored-content-primary-80); --semantic-border-brand-adaptive-default-fill: var(--color-sponsored-content-primary-80); --semantic-foreground-on-brand-static-default-fill: var(--color-sponsored-content-primary-90); --semantic-foreground-on-brand-adaptive-default-fill: var(--color-sponsored-content-primary-90); --semantic-foreground-on-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-70); --semantic-foreground-brand-static-inverted-fill: var(--color-sponsored-content-primary-30); --semantic-foreground-brand-adaptive-default-fill: var(--color-sponsored-content-primary-60); --semantic-background-contextual-adaptive-default-fill: var(--color-neutral-10); --semantic-background-brand-adaptive-soft-fill: var(--color-sponsored-content-primary-10); --teaser-play-button-text-fill: var(--semantic-foreground-base-static-inverted-fill); --teaser-external-icon-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-external-icon-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-prefix-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-prefix-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-introduction-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-date-time-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-date-time-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-title-default-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-title-highlight-fill: var(--semantic-foreground-base-adaptive-default-fill); --teaser-sublabel-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-sublabel-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-label-default-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-label-highlight-fill: var(--semantic-foreground-brand-adaptive-default-fill); --teaser-background-highlight-fill: var(--semantic-background-contextual-adaptive-default-fill); --semantic-background-brand-static-default-fill: var(--color-sponsored-content-primary-base); --semantic-background-brand-adaptive-default-fill: var(--color-sponsored-content-primary-base); } }