:root {
/* Fonts */
--font-super-100-fontFamily: vw-head, sans-serif;
--font-super-100-fontWeight: 200;
--font-super-100-lineHeight: 120%;
--font-super-100-fontSize: clamp(2.75rem, 0.88vw + 2.44rem, 3.5rem);
--font-super-100-reducedFontSize: clamp(1.38rem, 0.44vw + 1.22rem, 1.75rem);
--font-super-100-letterSpacing: calc(0.02rem - 0.02em);
--font-super-100-static-fontSize: 2.75rem;
--font-super-100-static-reducedFontSize: 1.38rem;
--font-super-200-fontFamily: vw-head, sans-serif;
--font-super-200-fontWeight: 200;
--font-super-200-lineHeight: 120%;
--font-super-200-fontSize: clamp(3.5rem, 0.88vw + 3.19rem, 4.25rem);
--font-super-200-reducedFontSize: clamp(1.75rem, 0.44vw + 1.6rem, 2.13rem);
--font-super-200-letterSpacing: calc(0.02rem - 0.02em);
--font-super-200-static-fontSize: 3.5rem;
--font-super-200-static-reducedFontSize: 1.75rem;
--font-headline-100-fontFamily: vw-head, sans-serif;
--font-headline-100-fontWeight: 200;
--font-headline-100-lineHeight: 120%;
--font-headline-100-fontSize: 0.88rem;
--font-headline-100-letterSpacing: 0.5px;
--font-headline-100-textCase: uppercase;
--font-headline-100-reducedFontSize: 0.75rem;
--font-headline-200-fontFamily: vw-head, sans-serif;
--font-headline-200-fontWeight: 200;
--font-headline-200-lineHeight: 120%;
--font-headline-200-fontSize: clamp(1.13rem, 0vw + 1.13rem, 1.13rem);
--font-headline-200-reducedFontSize: clamp(0.75rem, 0vw + 0.56rem, 0.75rem);
--font-headline-200-letterSpacing: calc(0.02rem - 0.02em);
--font-headline-200-static-fontSize: 1.13rem;
--font-headline-200-static-reducedFontSize: 0.75rem;
--font-headline-300-fontFamily: vw-head, sans-serif;
--font-headline-300-fontWeight: 200;
--font-headline-300-lineHeight: 120%;
--font-headline-300-fontSize: clamp(1.38rem, 0.44vw + 1.22rem, 1.75rem);
--font-headline-300-reducedFontSize: clamp(
0.75rem,
0.22vw +
0.61rem,
0.88rem
);
--font-headline-300-letterSpacing: calc(0.02rem - 0.02em);
--font-headline-300-static-fontSize: 1.38rem;
--font-headline-300-static-reducedFontSize: 0.75rem;
--font-headline-400-fontFamily: vw-head, sans-serif;
--font-headline-400-fontWeight: 200;
--font-headline-400-lineHeight: 120%;
--font-headline-400-fontSize: clamp(1.75rem, 0.74vw + 1.49rem, 2.38rem);
--font-headline-400-reducedFontSize: clamp(
0.88rem,
0.37vw +
0.75rem,
1.19rem
);
--font-headline-400-letterSpacing: calc(0.02rem - 0.02em);
--font-headline-400-static-fontSize: 1.75rem;
--font-headline-400-static-reducedFontSize: 0.88rem;
--font-headline-500-fontFamily: vw-head, sans-serif;
--font-headline-500-fontWeight: 200;
--font-headline-500-lineHeight: 120%;
--font-headline-500-fontSize: clamp(2.5rem, 0.88vw + 2.19rem, 3.25rem);
--font-headline-500-reducedFontSize: clamp(1.25rem, 0.44vw + 1.1rem, 1.63rem);
--font-headline-500-letterSpacing: calc(0.02rem - 0.02em);
--font-headline-500-static-fontSize: 2.5rem;
--font-headline-500-static-reducedFontSize: 1.25rem;
--font-headline-600-fontFamily: vw-head, sans-serif;
--font-headline-600-fontWeight: 200;
--font-headline-600-lineHeight: 120%;
--font-headline-600-fontSize: clamp(2.5rem, 0.88vw + 2.19rem, 3.25rem);
--font-headline-600-reducedFontSize: clamp(1.25rem, 0.44vw + 1.1rem, 1.63rem);
--font-headline-600-letterSpacing: calc(0.02rem - 0.02em);
--font-headline-600-static-fontSize: 2.5rem;
--font-headline-600-static-reducedFontSize: 1.25rem;
--font-bigcopy-100-fontFamily: vw-text, sans-serif;
--font-bigcopy-100-fontWeight: normal;
--font-bigcopy-100-lineHeight: 150%;
--font-bigcopy-100-fontSize: 1.25rem;
--font-bigcopy-100-reducedFontSize: 0.75rem;
--font-bigcopy-100-letterSpacing: calc(0.02rem - 0.02em);
--font-bigcopy-200-fontFamily: vw-text, sans-serif;
--font-bigcopy-200-fontWeight: normal;
--font-bigcopy-200-lineHeight: 150%;
--font-bigcopy-200-fontSize: 1.5rem;
--font-bigcopy-200-reducedFontSize: 0.75rem;
--font-bigcopy-200-letterSpacing: calc(0.02rem - 0.02em);
--font-copy-100-fontFamily: vw-text, sans-serif;
--font-copy-100-fontWeight: normal;
--font-copy-100-lineHeight: 150%;
--font-copy-100-fontSize: 0.88rem;
--font-copy-100-reducedFontSize: 0.75rem;
--font-copy-100-letterSpacing: calc(0.02rem - 0.02em);
--font-copy-200-fontFamily: vw-text, sans-serif;
--font-copy-200-fontWeight: normal;
--font-copy-200-lineHeight: 150%;
--font-copy-200-fontSize: 1rem;
--font-copy-200-reducedFontSize: 0.75rem;
--font-copy-200-letterSpacing: calc(0.02rem - 0.02em);
--font-label-100-fontFamily: vw-text, sans-serif;
--font-label-100-fontWeight: normal;
--font-label-100-lineHeight: 120%;
--font-label-100-fontSize: 0.75rem;
--font-label-100-reducedFontSize: 0.75rem;
--font-label-100-letterSpacing: calc(0.02rem - 0.02em);
--font-label-150-fontFamily: vw-text, sans-serif;
--font-label-150-fontWeight: normal;
--font-label-150-lineHeight: 120%;
--font-label-150-fontSize: 0.88rem;
--font-label-150-reducedFontSize: 0.75rem;
--font-label-150-letterSpacing: calc(0.02rem - 0.02em);
--font-label-200-fontFamily: vw-text, sans-serif;
--font-label-200-fontWeight: normal;
--font-label-200-lineHeight: 120%;
--font-label-200-fontSize: 1rem;
--font-label-200-reducedFontSize: 0.75rem;
--font-label-200-letterSpacing: calc(0.02rem - 0.02em);
--font-fluidcopy-200-fontFamily: vw-text, sans-serif;
--font-fluidcopy-200-fontWeight: normal;
--font-fluidcopy-200-lineHeight: 150%;
--font-fluidcopy-200-fontSize: clamp(1.13rem, 0.29vw + 1.02rem, 1.38rem);
--font-fluidcopy-200-reducedFontSize: clamp(
0.75rem,
0.15vw +
0.51rem,
0.75rem
);
--font-fluidcopy-200-letterSpacing: calc(0.02rem - 0.02em);
--font-fluidcopy-200-static-fontSize: 1.13rem;
--font-fluidcopy-200-static-reducedFontSize: 0.75rem;
--font-disclaimercopy-100-fontFamily: vw-text, sans-serif;
--font-disclaimercopy-100-fontWeight: normal;
--font-disclaimercopy-100-fontSize: 0.75rem;
--font-disclaimercopy-100-lineHeight: 150%;
--font-disclaimercopy-100-reducedFontSize: 0.75rem;
--font-disclaimercopy-100-letterSpacing: calc(0.02rem - 0.02em);
/* Animation */
--animation-duration-collapsible: 600ms;
--animation-duration-color: 300ms;
--animation-duration-layer: 300ms;
--animation-duration-scrollIndicator: 2000ms;
--animation-duration-nba: 300ms;
--animation-duration-tabIndicator: 300ms;
--animation-duration-statusIndicator: 400ms;
--animation-timingFunction-in: ease;
--animation-timingFunction-out: ease;
--animation-timingFunction-linear: linear;
--animation-timingFunction-cubicOut: cubic-bezier(0.215, 0.61, 0.355, 1);
--animation-timingFunction-navigation: ease-in;
/* Grid sizes */
--size-grid001: min(4.16vw, 106.66px);
--size-grid002: min(8.33vw, 213.33px);
--size-grid003: min(12.5vw, 320px);
--size-grid004: min(16.66vw, 426.66px);
--size-grid005: min(20.83vw, 533.33px);
--size-grid006: min(25vw, 640px);
--size-grid007: min(29.16vw, 746.66px);
--size-grid008: min(33.33vw, 853.33px);
--size-grid009: min(37.5vw, 960px);
--size-grid010: min(41.66vw, 1066.66px);
--size-grid011: min(45.83vw, 1173.33px);
--size-grid012: min(50vw, 1280px);
--size-grid013: min(54.16vw, 1386.66px);
--size-grid014: min(58.33vw, 1493.33px);
--size-grid015: min(62.5vw, 1600px);
--size-grid016: min(66.66vw, 1706.66px);
--size-grid017: min(70.83vw, 1813.33px);
--size-grid018: min(75vw, 1920px);
--size-grid019: min(79.16vw, 2026.66px);
--size-grid020: min(83.33vw, 2133.33px);
--size-grid021: min(87.5vw, 2240px);
--size-grid022: min(91.66vw, 2346.66px);
--size-grid023: min(95.83vw, 2453.33px);
--size-grid024: min(100vw, 2560px);
/* Breakpoints */
--breakpoint-default: 0;
--breakpoint-b560: 560px;
--breakpoint-b960: 960px;
--breakpoint-b1280: 1280px;
--breakpoint-b1600: 1600px;
--breakpoint-b1920: 1920px;
--breakpoint-b2560: 2560px;
/* Dynamic Sizes */
--size-dynamic0020: 4px;
--size-dynamic0040: 12px;
--size-dynamic0050: 12px;
--size-dynamic0100: 20px;
--size-dynamic0120: 24px;
--size-dynamic0130: 24px;
--size-dynamic0140: 28px;
--size-dynamic0150: 28px;
--size-dynamic0200: 32px;
--size-dynamic0250: 44px;
--size-dynamic0270: 56px;
--size-dynamic0300: 72px;
--size-dynamic0350: 100px;
--size-dynamic0450: 156px;
@media (min-width: 560px) {
--size-dynamic0020: 4px;
--size-dynamic0040: 20px;
--size-dynamic0050: 20px;
--size-dynamic0100: 24px;
--size-dynamic0120: 20px;
--size-dynamic0130: 40px;
--size-dynamic0140: 32px;
--size-dynamic0150: 52px;
--size-dynamic0200: 56px;
--size-dynamic0250: 68px;
--size-dynamic0270: 80px;
--size-dynamic0300: 96px;
--size-dynamic0350: 132px;
--size-dynamic0450: 172px;
}
@media (min-width: 1600px) {
--size-dynamic0020: 8px;
--size-dynamic0040: 32px;
--size-dynamic0050: 24px;
--size-dynamic0100: 28px;
--size-dynamic0120: 20px;
--size-dynamic0130: 52px;
--size-dynamic0140: 48px;
--size-dynamic0150: 64px;
--size-dynamic0200: 72px;
--size-dynamic0250: 84px;
--size-dynamic0270: 100px;
--size-dynamic0300: 120px;
--size-dynamic0350: 196px;
--size-dynamic0450: 184px;
}
@media (min-width: 2560px) {
--size-dynamic0040: 48px;
}
}
.theme-main {
/* Legacy main colors */
--color-shadow-variant1:
0 4px 5px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.2);
--color-shadow-variant2:
0 3px 15px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
--color-shadow-variant3:
0 6px 30px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2);
--color-shadow-variant4:
0px 8px 32px rgba(0, 0, 0, 0.1), 0px 16px 48px rgba(0, 0, 0, 0.05);
/* Legacy size values */
--size-line100: 1px;
--size-line200: 2px;
--size-line400: 4px;
/* Legacy main sizes */
--size-line-default: 1px;
--size-line-active: 2px;
--size-border-light: 1px;
--size-border-heavy: 2px;
--size-border-bulky: 3px;
/* D6 main colors */
--color-accent-nbab-default: #4cc7f4;
--color-accent-nbab-hover: #0040c5;
--color-accent-nbab-active: #0040c5;
--color-accent-offer-default: #ffd100;
--color-accent-offer-hover: #0040c5;
--color-accent-offer-active: #0040c5;
--color-button-primary-default: #001e50;
--color-button-primary-disabled: #c2cacf;
--color-button-primary-hover: #0040c5;
--color-button-primary-active: #0040c5;
--color-button-secondary-default: #001e50;
--color-button-secondary-hover: #0040c5;
--color-button-secondary-disabled: #96a3a8;
--color-button-secondary-active: #0040c5;
--color-button-tertiary-default: #001e50;
--color-button-tertiary-hover: #0040c5;
--color-button-tertiary-disabled: #96a3a8;
--color-button-tertiary-active: #0040c5;
--color-focus-main: #00b0f0;
--color-focus-accent: #00437a;
--color-content-primary: #000e26;
--color-content-secondary: #6a767d;
--color-content-tertiary: #3c484d;
--color-content-inverted: #ffffff;
--color-content-active: #001e50;
--color-content-onsurface: #ffffff;
--color-content-disabled: #96a3a8;
--color-content-invertedOnSurface: #001e50;
--color-content-hover: #0040c5;
--color-content-nbabDefault: #000e26;
--color-content-buttonHover: #ffffff;
--color-content-buttonActive: #ffffff;
--color-background-primary: #ffffff;
--color-background-secondary: #c2cacf;
--color-background-tertiary: #f3f4f5;
--color-background-disabled: #dfe4e8;
--color-background-offer: #fffae5;
--color-background-alert: #5b08a4;
--color-background-notificationBar: #5b08a4;
--color-background-notificationMessage: #5b08a4;
--color-background-tooltip: #3c484d;
--color-background-infobox: #5b08a4;
--color-background-backplate: radial-gradient(
50% 100% at 50% 0%,
#f3f4f5 0%,
#dfe4e8 100%
);
--color-background-highlight: #c2cacf;
--color-background-card-primary: #ffffff;
--color-filter-off-default: #dfe4e8;
--color-filter-off-hover: #c2cacf;
--color-filter-off-disabled: #f3f4f5;
--color-filter-on-default: #0040c5;
--color-filter-on-hover: #002b79;
--color-filter-on-disabled: #96a3a8;
--color-filter-background-default: rgba(0, 0, 0, 0);
--color-filter-background-hover: rgba(0, 0, 0, 0);
--color-filter-background-active: rgba(0, 0, 0, 0);
--color-border-default: #c2cacf;
--color-border-hover: #0040c5;
--color-border-active: #0040c5;
--color-border-divider: #dfe4e8;
--color-border-disabled: #dfe4e8;
--color-border-legalframe: #0082d6;
--color-border-card: #c2cacf;
--color-link-default: #0040c5;
--color-link-hover: #00359f;
--color-link-visited: #5b08a4;
--color-link-disabled: #96a3a8;
--color-overlay-default: #00000099;
--color-overlay-enhanced: #000000cc;
--color-overlay-sticky: #fffffffa;
--color-scrolling-left: rgba(0, 0, 0, 0);
--color-scrolling-right: rgba(0, 0, 0, 0);
--color-signal-info: #dfe4e8;
--color-signal-neutral: #5b08a4;
--color-signal-success: #0f852f;
--color-signal-error: #e4002c;
--color-signal-offer: #ffd100;
--color-signal-promo: #00e6e6;
--color-signal-bookmark: #d106a5;
--color-signal-progress: #0040c5;
--color-signal-contrast: #000e26;
--color-signal-alert: #5b08a4;
--color-tab-default: #001e50;
--color-tab-hover: #0040c5;
--color-tab-active: #001e50;
--color-tab-disabled: #96a3a8;
--color-tab-stepnav-default: #ffffff;
--color-tab-stepnav-selected: #dfe4e8;
--color-tab-stepnav-disabled: #f3f4f5;
--color-tab-stepnav-hover: rgba(0, 0, 0, 0);
--color-controllers-off-default: #001e50;
--color-controllers-off-hover: #0040c5;
--color-controllers-off-disabled: #96a3a8;
--color-controllers-on-default: #0040c5;
--color-controllers-on-hover: #002b79;
--color-controllers-on-disabled: #96a3a8;
--color-badge-default: #c2cacf;
--color-badge-hover: #0040c5;
--color-badge-active: #0040c5;
--color-hoverIndicator: #f3f4f5;
--color-switcher-on-default: #dfe4e8;
--color-switcher-on-hover: #0040c5;
--color-switcher-on-disabled: #96a3a8;
--color-switcher-off-default: #c2cacf;
--color-switcher-off-hover: #0040c5;
--color-switcher-off-disabled: #dfe4e8;
--color-gradient-top: linear-gradient(180deg, #001e50 0%, #00437a 100%);
--color-gradient-left: linear-gradient(90deg, #00437a 0%, #001e50 100%);
--color-gradient-right: linear-gradient(270deg, #00437a 0%, #001e50 100%);
--color-gradient-bottom: linear-gradient(0deg, #00437a 0%, #001e50 100%);
--color-gradient-radial: radial-gradient(circle, #00437a 0%, #001e50 100%);
--color-gradient-ai-ltr: linear-gradient(to right, #4cc7f4, #5b08a4);
--color-gradient-ai-rtl: linear-gradient(to left, #4cc7f4, #5b08a4);
--color-gradient-ai-interaction: linear-gradient(to right, #0040c5, #5b08a4);
--color-displayTag-info-background: #dfe4e8;
--color-displayTag-info-content: #000e26;
--color-displayTag-offer-background: #ffd100;
--color-displayTag-offer-content: #000e26;
--color-displayTag-alert-background: #5b08a4;
--color-displayTag-alert-content: #ffffff;
--color-displayTag-bookmark-background: #d106a5;
--color-displayTag-bookmark-content: #ffffff;
--color-displayTag-new-background: #00e6e6;
--color-displayTag-new-content: #000e26;
--color-displayTag-error-background: #e4002c;
--color-displayTag-error-content: #ffffff;
--color-displayTag-success-background: #0f852f;
--color-displayTag-success-content: #ffffff;
--color-displayTag-recommended-background: #00e6e6;
--color-displayTag-recommended-content: #000e26;
--color-shadow-small: 0 2px 4px 0 rgba(0, 0, 0, 0);
--color-shadow-smallHover: 0 4px 10px 0 rgba(0, 0, 0, 0);
--color-shadow-default: 0 12px 24px 0 rgba(0, 0, 0, 0.5);
--color-shadow-high: 0 16px 56px 0 rgba(0, 0, 0, 0.1);
--color-shadow-max: 0 30px 90px 0 rgba(0, 0, 0, 0.35);
--color-wishlist-icon-off-default: #001e50;
--color-wishlist-icon-off-hover: #ffffff;
--color-wishlist-icon-off-disabled: #3c484d;
--color-wishlist-icon-on-default: #ff335c;
--color-wishlist-icon-on-hover: #ffffff;
--color-wishlist-background-default: #f3f4f5;
--color-wishlist-background-hover: #ff335c;
--color-wishlist-background-disabled: #c2cacf;
--color-table-primary: #ffffff;
--color-table-secondary: #c2cacf;
/* D6 main sizes */
--size-static0: 0;
--size-static100: 4px;
--size-static150: 8px;
--size-static200: 12px;
--size-static250: 16px;
--size-static300: 20px;
--size-static350: 24px;
--size-static370: 28px;
--size-static400: 32px;
--size-static450: 40px;
--size-static500: 44px;
--size-static510: 48px;
--size-static515: 52px;
--size-static520: 56px;
--size-static530: 64px;
--size-static535: 68px;
--size-static550: 72px;
--size-static565: 80px;
--size-static575: 84px;
--size-static600: 92px;
--size-static625: 96px;
--size-static650: 100px;
--size-static750: 120px;
--size-static800: 132px;
--size-static900: 156px;
--size-static1000: 172px;
--size-static1100: 184px;
--size-static1200: 196px;
--size-borderRadius-none: 0;
--size-borderRadius-xSmall: 4px;
--size-borderRadius-small: 8px;
--size-borderRadius-medium: 16px;
--size-borderRadius-large: 24px;
--size-borderRadius-imageS: 0;
--size-borderRadius-image: 0;
--size-borderRadius-imageL: 0;
--size-borderRadius-layer: 0;
--size-borderRadius-teaser: 0;
--size-borderRadius-displayTag: 0;
--size-borderRadius-technicalTag: 0;
--size-borderRadius-recommendedTag: 0;
--size-borderRadius-filterTag: 8px;
--size-borderRadius-input: 8px;
--size-borderRadius-select: 8px;
--size-borderRadius-accordion: 0;
--size-borderRadius-card: 12px;
--size-borderRadius-mediaGallery: 0;
--size-borderRadius-button: 100px;
--size-borderRadius-badge: 100px;
--size-borderRadius-stepnav: 8px;
--size-borderRadius-contentSwitcher: 4px;
--size-borderRadius-toastNotification: 8px;
--size-borderRadius-notificationMessage: 4px;
--size-borderRadius-notificationBar: 0;
--size-borderRadius-modal: 0;
--size-borderRadius-disclaimer: 0;
--size-borderRadius-actionTeaser: 12px;
--size-borderRadius-infobox: 12px;
--size-borderRadius-tooltip: 4px;
--size-borderRadius-moodGallery: 20px;
--size-borderRadius-contentSlider: 12px;
--size-borderRadius-videoS: 0;
--size-borderRadius-video: 0;
--size-borderRadius-cardL: 20px;
--size-borderRadius-cardS: 12px;
--size-border-default: 1px;
--size-border-active: 2px;
--size-border-focus: 3px;
--size-border-selected: 2px;
--size-border-legal: 3px;
--size-xxs: 4px;
--size-xs: 8px;
--size-s: 12px;
--size-m: 16px;
--size-l: clamp(24px, 1.18vw + 17.41px, 40px);
--size-xl: clamp(32px, 1.18vw + 25.41px, 48px);
--size-xxl: clamp(40px, 1.18vw + 33.41px, 56px);
--size-xxxl: clamp(56px, 0.88vw + 51.06px, 68px);
}
.theme-inverted {
/* Legacy inverted colors */
--color-shadow-variant1:
0 4px 5px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.2);
--color-shadow-variant2:
0 3px 15px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
--color-shadow-variant3:
0 6px 30px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2);
--color-shadow-variant4:
0px 8px 32px rgba(0, 0, 0, 0.1), 0px 16px 48px rgba(0, 0, 0, 0.05);
/* Legacy size values */
--size-line100: 1px;
--size-line200: 2px;
--size-line400: 4px;
/* Legacy inverted sizes same as legacy main sizes */
--size-line-default: 1px;
--size-line-active: 2px;
--size-border-light: 1px;
--size-border-heavy: 2px;
--size-border-bulky: 3px;
/* D6 inverted colors */
--color-accent-nbab-default: #4cc7f4;
--color-accent-nbab-hover: #00b0f0;
--color-accent-nbab-active: #00b0f0;
--color-accent-offer-default: #ffd100;
--color-accent-offer-hover: #00b0f0;
--color-accent-offer-active: #00b0f0;
--color-button-primary-default: #ffffff;
--color-button-primary-disabled: #3c484d;
--color-button-primary-hover: #00b0f0;
--color-button-primary-active: #00b0f0;
--color-button-secondary-default: #ffffff;
--color-button-secondary-hover: #00b0f0;
--color-button-secondary-disabled: #96a3a8;
--color-button-secondary-active: #00b0f0;
--color-button-tertiary-default: #ffffff;
--color-button-tertiary-hover: #00b0f0;
--color-button-tertiary-disabled: #96a3a8;
--color-button-tertiary-active: #00b0f0;
--color-focus-main: #4cc7f4;
--color-focus-accent: #ffffff;
--color-content-primary: #ffffff;
--color-content-secondary: #dfe4e8;
--color-content-tertiary: #c2cacf;
--color-content-inverted: #001e50;
--color-content-active: #ffffff;
--color-content-onsurface: #ffffff;
--color-content-disabled: #96a3a8;
--color-content-invertedOnSurface: #001e50;
--color-content-hover: #00b0f0;
--color-content-nbabDefault: #001e50;
--color-content-buttonHover: #001e50;
--color-content-buttonActive: #001e50;
--color-background-primary: #001e50;
--color-background-secondary: #001e50;
--color-background-tertiary: #002b79;
--color-background-disabled: #3c484d;
--color-background-offer: #fffae5;
--color-background-alert: #5b08a4;
--color-background-notificationBar: #5b08a4;
--color-background-notificationMessage: #5b08a4;
--color-background-tooltip: #c2cacf;
--color-background-infobox: #5b08a4;
--color-background-backplate: radial-gradient(
50% 100% at 50% 0%,
#f3f4f5 0%,
#dfe4e8 100%
);
--color-background-highlight: #001e50;
--color-background-card-primary: #001e50;
--color-filter-off-default: #6a767d;
--color-filter-off-hover: #96a3a8;
--color-filter-off-disabled: #3c484d;
--color-filter-on-default: #4cc7f4;
--color-filter-on-hover: #00b0f0;
--color-filter-on-disabled: #6a767d;
--color-filter-background-default: rgba(0, 0, 0, 0);
--color-filter-background-hover: rgba(0, 0, 0, 0);
--color-filter-background-active: rgba(0, 0, 0, 0);
--color-border-default: #ffffff;
--color-border-hover: #00b0f0;
--color-border-active: #00b0f0;
--color-border-divider: #ffffff;
--color-border-disabled: #c2cacf;
--color-border-legalframe: #4cc7f4;
--color-border-card: #c2cacf;
--color-link-default: #4cc7f4;
--color-link-hover: #4cc7f4;
--color-link-visited: #d106a5;
--color-link-disabled: #96a3a8;
--color-overlay-default: #00000099;
--color-overlay-enhanced: #000000cc;
--color-overlay-sticky: #001e50fa;
--color-scrolling-left: rgba(0, 0, 0, 0);
--color-scrolling-right: rgba(0, 0, 0, 0);
--color-signal-info: #3c484d;
--color-signal-neutral: #5b08a4;
--color-signal-success: #0f852f;
--color-signal-error: #e4002c;
--color-signal-offer: #ffd100;
--color-signal-promo: #00e6e6;
--color-signal-bookmark: #d106a5;
--color-signal-progress: #00b0f0;
--color-signal-contrast: #ffffff;
--color-signal-alert: #5b08a4;
--color-tab-default: #ffffff;
--color-tab-hover: #4cc7f4;
--color-tab-active: #ffffff;
--color-tab-disabled: #96a3a8;
--color-tab-stepnav-default: #001e50;
--color-tab-stepnav-selected: #00359f;
--color-tab-stepnav-disabled: #002b79;
--color-tab-stepnav-hover: rgba(0, 0, 0, 0);
--color-controllers-off-default: #ffffff;
--color-controllers-off-hover: #00b0f0;
--color-controllers-off-disabled: #96a3a8;
--color-controllers-on-default: #4cc7f4;
--color-controllers-on-hover: #00b0f0;
--color-controllers-on-disabled: #6a767d;
--color-badge-default: #001e50;
--color-badge-hover: #00437a;
--color-badge-active: #00437a;
--color-hoverIndicator: #00437a;
--color-switcher-on-default: #ffffff;
--color-switcher-on-hover: #00b0f0;
--color-switcher-on-disabled: #6a767d;
--color-switcher-off-default: #dfe4e8;
--color-switcher-off-hover: #00b0f0;
--color-switcher-off-disabled: #96a3a8;
--color-gradient-top: linear-gradient(180deg, #001e50 0%, #00437a 100%);
--color-gradient-left: linear-gradient(90deg, #00437a 0%, #001e50 100%);
--color-gradient-right: linear-gradient(270deg, #00437a 0%, #001e50 100%);
--color-gradient-bottom: linear-gradient(0deg, #00437a 0%, #001e50 100%);
--color-gradient-radial: radial-gradient(circle, #00437a 0%, #001e50 100%);
--color-gradient-ai-ltr: linear-gradient(to right, #4cc7f4, #5b08a4);
--color-gradient-ai-rtl: linear-gradient(to left, #4cc7f4, #5b08a4);
--color-gradient-ai-interaction: linear-gradient(to right, #0040c5, #5b08a4);
--color-displayTag-info-background: #dfe4e8;
--color-displayTag-info-content: #000e26;
--color-displayTag-offer-background: #ffd100;
--color-displayTag-offer-content: #000e26;
--color-displayTag-alert-background: #5b08a4;
--color-displayTag-alert-content: #ffffff;
--color-displayTag-bookmark-background: #d106a5;
--color-displayTag-bookmark-content: #ffffff;
--color-displayTag-new-background: #00e6e6;
--color-displayTag-new-content: #000e26;
--color-displayTag-error-background: #e4002c;
--color-displayTag-error-content: #ffffff;
--color-displayTag-success-background: #0f852f;
--color-displayTag-success-content: #ffffff;
--color-displayTag-recommended-background: #00e6e6;
--color-displayTag-recommended-content: #000e26;
--color-shadow-small: 0 2px 4px 0 rgba(0, 0, 0, 0);
--color-shadow-smallHover: 0 4px 10px 0 rgba(0, 0, 0, 0);
--color-shadow-default: 0 12px 24px 0 rgba(0, 0, 0, 0.5);
--color-shadow-high: 0 16px 56px 0 rgba(0, 0, 0, 0.1);
--color-shadow-max: 0 30px 90px 0 rgba(0, 0, 0, 0.35);
--color-wishlist-icon-off-default: #001e50;
--color-wishlist-icon-off-hover: #ffffff;
--color-wishlist-icon-off-disabled: #c2cacf;
--color-wishlist-icon-on-default: #ff335c;
--color-wishlist-icon-on-hover: #ffffff;
--color-wishlist-background-default: #f3f4f5;
--color-wishlist-background-hover: #ff335c;
--color-wishlist-background-disabled: #3c484d;
--color-table-primary: #001e50;
--color-table-secondary: #001e50;
/* D6 inverted sizes same as main sizes */
--size-static0: 0;
--size-static100: 4px;
--size-static150: 8px;
--size-static200: 12px;
--size-static250: 16px;
--size-static300: 20px;
--size-static350: 24px;
--size-static370: 28px;
--size-static400: 32px;
--size-static450: 40px;
--size-static500: 44px;
--size-static510: 48px;
--size-static515: 52px;
--size-static520: 56px;
--size-static530: 64px;
--size-static535: 68px;
--size-static550: 72px;
--size-static565: 80px;
--size-static575: 84px;
--size-static600: 92px;
--size-static625: 96px;
--size-static650: 100px;
--size-static750: 120px;
--size-static800: 132px;
--size-static900: 156px;
--size-static1000: 172px;
--size-static1100: 184px;
--size-static1200: 196px;
--size-borderRadius-none: 0;
--size-borderRadius-xSmall: 4px;
--size-borderRadius-small: 8px;
--size-borderRadius-medium: 16px;
--size-borderRadius-large: 24px;
--size-borderRadius-imageS: 0;
--size-borderRadius-image: 0;
--size-borderRadius-imageL: 0;
--size-borderRadius-layer: 0;
--size-borderRadius-teaser: 0;
--size-borderRadius-displayTag: 0;
--size-borderRadius-technicalTag: 0;
--size-borderRadius-recommendedTag: 0;
--size-borderRadius-filterTag: 8px;
--size-borderRadius-input: 8px;
--size-borderRadius-select: 8px;
--size-borderRadius-accordion: 0;
--size-borderRadius-card: 12px;
--size-borderRadius-mediaGallery: 0;
--size-borderRadius-button: 100px;
--size-borderRadius-badge: 100px;
--size-borderRadius-stepnav: 8px;
--size-borderRadius-contentSwitcher: 4px;
--size-borderRadius-toastNotification: 8px;
--size-borderRadius-notificationMessage: 4px;
--size-borderRadius-notificationBar: 0;
--size-borderRadius-modal: 0;
--size-borderRadius-disclaimer: 0;
--size-borderRadius-actionTeaser: 12px;
--size-borderRadius-infobox: 12px;
--size-borderRadius-tooltip: 4px;
--size-borderRadius-moodGallery: 20px;
--size-borderRadius-contentSlider: 12px;
--size-borderRadius-videoS: 0;
--size-borderRadius-video: 0;
--size-borderRadius-cardL: 20px;
--size-borderRadius-cardS: 12px;
--size-border-default: 1px;
--size-border-active: 2px;
--size-border-focus: 3px;
--size-border-selected: 2px;
--size-border-legal: 3px;
--size-xxs: 4px;
--size-xs: 8px;
--size-s: 12px;
--size-m: 16px;
--size-l: clamp(24px, 1.18vw + 17.41px, 40px);
--size-xl: clamp(32px, 1.18vw + 25.41px, 48px);
--size-xxl: clamp(40px, 1.18vw + 33.41px, 56px);
--size-xxxl: clamp(56px, 0.88vw + 51.06px, 68px);
}
.theme-main-d6-5 {
/* no legacy colors and sizes */
/* D6.5 main colors */
--color-overlay-default: #11192e99;
--color-overlay-enhanced: #11192ecc;
--color-overlay-sticky: #fffffffa;
--color-hoverIndicator: #e7e8ea;
--color-accent-nbab-default: #293043;
--color-accent-nbab-hover: #ccbdab;
--color-accent-nbab-active: #ccbdab;
--color-accent-offer-default: #ffd100;
--color-accent-offer-hover: #ccbdab;
--color-accent-offer-active: #ccbdab;
--color-button-primary-default: #293043;
--color-button-primary-hover: #ccbdab;
--color-button-primary-active: #ccbdab;
--color-button-primary-disabled: #d0d1d5;
--color-button-secondary-default: #293043;
--color-button-secondary-hover: #ccbdab;
--color-button-secondary-active: #ccbdab;
--color-button-secondary-disabled: #7e838f;
--color-button-tertiary-default: #293043;
--color-button-tertiary-hover: #733e01;
--color-button-tertiary-active: #733e01;
--color-button-tertiary-disabled: #7e838f;
--color-focus-main: #c86c03;
--color-focus-accent: #482701;
--color-content-primary: #1b2236;
--color-content-secondary: #484e5f;
--color-content-tertiary: #606574;
--color-content-inverted: #ffffff;
--color-content-active: #1b2236;
--color-content-disabled: #606574;
--color-content-onsurface: #ffffff;
--color-content-invertedOnSurface: #1b2236;
--color-content-hover: #733e01;
--color-content-nbabDefault: #ffffff;
--color-content-buttonHover: #1b2236;
--color-content-buttonActive: #1b2236;
--color-background-primary: #f6f5f2;
--color-background-secondary: #f0eee9;
--color-background-tertiary: #ffffff;
--color-background-disabled: #e7e8ea;
--color-background-offer: #fff2b8;
--color-background-alert: #5b08a4;
--color-background-notificationBar: #5b08a4;
--color-background-notificationMessage: #5b08a4;
--color-background-tooltip: #31384a;
--color-background-infobox: #7a37b5;
--color-background-backplate: radial-gradient(
50% 100% at 50% 0%,
#e7e8ea 0%,
#d0d1d5 100%
);
--color-background-highlight: #ebe5dc;
--color-background-card-primary: #ffffff;
--color-filter-off-default: #a1a4ac;
--color-filter-off-hover: #997f67;
--color-filter-off-disabled: #e7e8ea;
--color-filter-on-default: #997f67;
--color-filter-on-hover: #997f67;
--color-filter-on-disabled: #a1a4ac;
--color-filter-background-default: rgba(0, 0, 0, 0);
--color-filter-background-hover: #ebe5dc;
--color-filter-background-active: #ebe5dc;
--color-border-default: #a1a4ac;
--color-border-hover: #997f67;
--color-border-active: #997f67;
--color-border-disabled: #d0d1d5;
--color-border-divider: #d0d1d5;
--color-border-legalframe: #f08203;
--color-border-card: rgba(0, 0, 0, 0);
--color-link-default: #22293d;
--color-link-hover: #733e01;
--color-link-visited: #7a37b5;
--color-link-disabled: #a1a4ac;
--color-scrolling-left: rgba(0, 0, 0, 0);
--color-scrolling-right: rgba(0, 0, 0, 0);
--color-signal-info: #e7e8ea;
--color-signal-neutral: #5b08a4;
--color-signal-success: #027d35;
--color-signal-error: #b90527;
--color-signal-offer: #ffd100;
--color-signal-promo: #f08203;
--color-signal-bookmark: #f08ea0;
--color-signal-progress: #f08203;
--color-signal-contrast: #484e5f;
--color-signal-alert: #5b08a4;
--color-tab-stepnav-selected: #ebe5dc;
--color-tab-stepnav-default: rgba(0, 0, 0, 0);
--color-tab-stepnav-hover: #f6f5f2;
--color-tab-stepnav-disabled: rgba(0, 0, 0, 0);
--color-tab-default: #293043;
--color-tab-hover: #733e01;
--color-tab-active: #293043;
--color-tab-disabled: #7e838f;
--color-controllers-off-default: #293043;
--color-controllers-off-hover: #997f67;
--color-controllers-off-disabled: #a1a4ac;
--color-controllers-on-default: #293043;
--color-controllers-on-hover: #997f67;
--color-controllers-on-disabled: #a1a4ac;
--color-switcher-on-default: #d9cdbd;
--color-switcher-on-hover: #ccbdab;
--color-switcher-on-disabled: #e7e8ea;
--color-switcher-off-default: #d9cdbd;
--color-switcher-off-hover: #997f67;
--color-switcher-off-disabled: #e7e8ea;
--color-badge-default: #d0d1d5;
--color-badge-hover: #997f67;
--color-badge-active: #997f67;
--color-gradient-top: linear-gradient(180deg, #22293d 0%, #11192e 100%);
--color-gradient-left: linear-gradient(90deg, #22293d 0%, #11192e 100%);
--color-gradient-right: linear-gradient(270deg, #22293d 0%, #11192e 100%);
--color-gradient-bottom: linear-gradient(0deg, #22293d 0%, #11192e 100%);
--color-gradient-radial: radial-gradient(circle, #22293d 0%, #11192e 100%);
--color-gradient-ai-ltr: linear-gradient(to right, #5d86da, #7a37b5);
--color-gradient-ai-rtl: linear-gradient(to left, #5d86da, #7a37b5);
--color-gradient-ai-interaction: linear-gradient(to right, #5d86da, #3c056c);
--color-displayTag-info-background: #e7e8ea;
--color-displayTag-info-content: #1b2236;
--color-displayTag-offer-background: #ffd100;
--color-displayTag-offer-content: #1b2236;
--color-displayTag-recommended-background: #f08203;
--color-displayTag-recommended-content: #1b2236;
--color-displayTag-alert-background: #3c056c;
--color-displayTag-alert-content: #ffffff;
--color-displayTag-bookmark-background: #b82585;
--color-displayTag-bookmark-content: #ffffff;
--color-displayTag-new-background: #7a37b5;
--color-displayTag-new-content: #ffffff;
--color-displayTag-error-background: #e4002c;
--color-displayTag-error-content: #ffffff;
--color-displayTag-success-background: #027d35;
--color-displayTag-success-content: #ffffff;
--color-shadow-small: 0 2px 4px 0 rgba(49, 25, 2, 0.06);
--color-shadow-smallHover: 0 4px 10px 0 rgba(49, 25, 2, 0.16);
--color-shadow-default: 0 12px 24px 0 rgba(49, 25, 2, 0.08);
--color-shadow-high: 0 16px 56px 0 rgba(49, 25, 2, 0.08);
--color-shadow-max: 0 30px 90px 0 rgba(49, 25, 2, 0.12);
--color-wishlist-icon-off-default: #293043;
--color-wishlist-icon-off-hover: #ffffff;
--color-wishlist-icon-off-disabled: #383f51;
--color-wishlist-icon-on-default: #e43556;
--color-wishlist-icon-on-hover: #ffffff;
--color-wishlist-background-default: #e7e8ea;
--color-wishlist-background-hover: #e43556;
--color-wishlist-background-disabled: #a1a4ac;
--color-table-primary: #f6f5f2;
--color-table-secondary: #f0eee9;
/* D6.5 main sizes */
--size-static0: 0;
--size-static100: 4px;
--size-static150: 8px;
--size-static200: 12px;
--size-static250: 16px;
--size-static300: 20px;
--size-static350: 24px;
--size-static370: 28px;
--size-static400: 32px;
--size-static450: 40px;
--size-static500: 44px;
--size-static510: 48px;
--size-static515: 52px;
--size-static520: 56px;
--size-static530: 64px;
--size-static535: 68px;
--size-static550: 72px;
--size-static565: 80px;
--size-static575: 84px;
--size-static600: 92px;
--size-static625: 96px;
--size-static650: 100px;
--size-static750: 120px;
--size-static800: 132px;
--size-static900: 156px;
--size-static1000: 172px;
--size-static1100: 184px;
--size-static1200: 196px;
--size-borderRadius-none: 0;
--size-borderRadius-xSmall: 4px;
--size-borderRadius-small: 8px;
--size-borderRadius-medium: 12px;
--size-borderRadius-large: 20px;
--size-borderRadius-imageXS: 8px;
--size-borderRadius-imageS: 12px;
--size-borderRadius-image: 0;
--size-borderRadius-imageL: 20px;
--size-borderRadius-layer: 20px;
--size-borderRadius-teaser: 12px;
--size-borderRadius-displayTag: 100px;
--size-borderRadius-technicalTag: 4px;
--size-borderRadius-recommendedTag: 4px;
--size-borderRadius-filterTag: 8px;
--size-borderRadius-input: 8px;
--size-borderRadius-select: 8px;
--size-borderRadius-accordion: 0;
--size-borderRadius-card: 12px;
--size-borderRadius-cardS: 12px;
--size-borderRadius-cardL: 20px;
--size-borderRadius-mediaGallery: 20px;
--size-borderRadius-button: 100px;
--size-borderRadius-badge: 100px;
--size-borderRadius-stepnav: 8px;
--size-borderRadius-contentSwitcher: 4px;
--size-borderRadius-toastNotification: 8px;
--size-borderRadius-notificationMessage: 4px;
--size-borderRadius-notificationBar: 8px;
--size-borderRadius-modal: 0;
--size-borderRadius-disclaimer: 0;
--size-borderRadius-actionTeaser: 12px;
--size-borderRadius-infobox: 12px;
--size-borderRadius-tooltip: 4px;
--size-borderRadius-moodGallery: 20px;
--size-borderRadius-contentSlider: 12px;
--size-borderRadius-videoS: 12px;
--size-borderRadius-video: 20px;
--size-border-default: 1px;
--size-border-active: 2px;
--size-border-focus: 3px;
--size-border-selected: 2px;
--size-border-legal: 3px;
--size-xxs: 4px;
--size-xs: 8px;
--size-s: 12px;
--size-m: 16px;
--size-l: clamp(24px, 1.18vw + 17.41px, 40px);
--size-xl: clamp(32px, 1.18vw + 25.41px, 48px);
--size-xxl: clamp(40px, 1.18vw + 33.41px, 56px);
--size-xxxl: clamp(56px, 0.88vw + 51.06px, 68px);
}
.theme-inverted-d6-5 {
/* no legacy colors and sizes */
/* D6.5 inverted colors */
--color-overlay-default: #11192e99;
--color-overlay-enhanced: #11192ecc;
--color-overlay-sticky: #fffffffa;
--color-hoverIndicator: #e7e8ea;
--color-accent-nbab-default: #293043;
--color-accent-nbab-hover: #ccbdab;
--color-accent-nbab-active: #ccbdab;
--color-accent-offer-default: #ffd100;
--color-accent-offer-hover: #ccbdab;
--color-accent-offer-active: #ccbdab;
--color-button-primary-default: #ffffff;
--color-button-primary-hover: #ccbdab;
--color-button-primary-active: #ccbdab;
--color-button-primary-disabled: #31384a;
--color-button-secondary-default: #ffffff;
--color-button-secondary-hover: #ccbdab;
--color-button-secondary-active: #ccbdab;
--color-button-secondary-disabled: #7e838f;
--color-button-tertiary-default: #ffffff;
--color-button-tertiary-hover: #ccbdab;
--color-button-tertiary-active: #ccbdab;
--color-button-tertiary-disabled: #7e838f;
--color-focus-main: #f08203;
--color-focus-accent: #ffffff;
--color-content-primary: #ffffff;
--color-content-secondary: #d0d1d5;
--color-content-tertiary: #a1a4ac;
--color-content-inverted: #1b2236;
--color-content-active: #ffffff;
--color-content-disabled: #606574;
--color-content-onsurface: #ffffff;
--color-content-invertedOnSurface: #1b2236;
--color-content-hover: #ccbdab;
--color-content-nbabDefault: #ffffff;
--color-content-buttonHover: #1b2236;
--color-content-buttonActive: #1b2236;
--color-background-primary: #1b2236;
--color-background-secondary: #22293d;
--color-background-tertiary: #31384a;
--color-background-disabled: #22293d;
--color-background-offer: #fff2b8;
--color-background-alert: #5b08a4;
--color-background-notificationBar: #5b08a4;
--color-background-notificationMessage: #5b08a4;
--color-background-tooltip: #d0d1d5;
--color-background-infobox: #7a37b5;
--color-background-backplate: radial-gradient(
50% 100% at 50% 0%,
#e7e8ea 0%,
#d0d1d5 100%
);
--color-background-highlight: #484e5f;
--color-background-card-primary: #31384a;
--color-filter-off-default: #a1a4ac;
--color-filter-off-hover: #ccbdab;
--color-filter-off-disabled: #606574;
--color-filter-on-default: #ccbdab;
--color-filter-on-hover: #ccbdab;
--color-filter-on-disabled: #606574;
--color-filter-background-default: rgba(0, 0, 0, 0);
--color-filter-background-hover: #293043;
--color-filter-background-active: #383f51;
--color-border-default: #e7e8ea;
--color-border-hover: #997f67;
--color-border-active: #997f67;
--color-border-disabled: #d0d1d5;
--color-border-divider: #d0d1d5;
--color-border-legalframe: #f08203;
--color-border-card: rgba(0, 0, 0, 0);
--color-link-default: #ffffff;
--color-link-hover: #ccbdab;
--color-link-visited: #7a37b5;
--color-link-disabled: #606574;
--color-scrolling-left: rgba(0, 0, 0, 0);
--color-scrolling-right: rgba(0, 0, 0, 0);
--color-signal-info: #e7e8ea;
--color-signal-neutral: #5b08a4;
--color-signal-success: #027d35;
--color-signal-error: #b90527;
--color-signal-offer: #ffd100;
--color-signal-promo: #f08203;
--color-signal-bookmark: #f08ea0;
--color-signal-progress: #f39a33;
--color-signal-contrast: #484e5f;
--color-signal-alert: #5b08a4;
--color-tab-stepnav-selected: #383f51;
--color-tab-stepnav-default: rgba(0, 0, 0, 0);
--color-tab-stepnav-hover: #293043;
--color-tab-stepnav-disabled: rgba(0, 0, 0, 0);
--color-tab-default: #ffffff;
--color-tab-hover: #ccbdab;
--color-tab-active: #ffffff;
--color-tab-disabled: #7e838f;
--color-controllers-off-default: #ffffff;
--color-controllers-off-hover: #ccbdab;
--color-controllers-off-disabled: #606574;
--color-controllers-on-default: #ccbdab;
--color-controllers-on-hover: #ccbdab;
--color-controllers-on-disabled: #606574;
--color-switcher-on-default: #d9cdbd;
--color-switcher-on-hover: #ccbdab;
--color-switcher-on-disabled: #e7e8ea;
--color-switcher-off-default: rgba(0, 0, 0, 0);
--color-switcher-off-hover: #ccbdab;
--color-switcher-off-disabled: rgba(0, 0, 0, 0);
--color-badge-default: #11192e;
--color-badge-hover: #ccbdab;
--color-badge-active: #ccbdab;
--color-gradient-top: linear-gradient(180deg, #22293d 0%, #11192e 100%);
--color-gradient-left: linear-gradient(90deg, #22293d 0%, #11192e 100%);
--color-gradient-right: linear-gradient(270deg, #22293d 0%, #11192e 100%);
--color-gradient-bottom: linear-gradient(0deg, #22293d 0%, #11192e 100%);
--color-gradient-radial: radial-gradient(circle, #22293d 0%, #11192e 100%);
--color-gradient-ai-ltr: linear-gradient(to right, #5d86da, #7a37b5);
--color-gradient-ai-rtl: linear-gradient(to left, #5d86da, #7a37b5);
--color-gradient-ai-interaction: linear-gradient(to right, #5d86da, #3c056c);
--color-displayTag-info-background: #e7e8ea;
--color-displayTag-info-content: #1b2236;
--color-displayTag-offer-background: #ffd100;
--color-displayTag-offer-content: #1b2236;
--color-displayTag-recommended-background: #f08203;
--color-displayTag-recommended-content: #1b2236;
--color-displayTag-alert-background: #5b08a4;
--color-displayTag-alert-content: #ffffff;
--color-displayTag-bookmark-background: #b82585;
--color-displayTag-bookmark-content: #ffffff;
--color-displayTag-new-background: #3c056c;
--color-displayTag-new-content: #ffffff;
--color-displayTag-error-background: #e4002c;
--color-displayTag-error-content: #ffffff;
--color-displayTag-success-background: #027d35;
--color-displayTag-success-content: #ffffff;
--color-shadow-small: 0 2px 4px 0 rgba(9, 13, 24, 0.06);
--color-shadow-smallHover: 0 4px 10px 0 rgba(9, 13, 24, 0.16);
--color-shadow-default: 0 12px 24px 0 rgba(9, 13, 24, 0.08);
--color-shadow-high: 0 16px 56px 0 rgba(9, 13, 24, 0.08);
--color-shadow-max: 0 30px 90px 0 rgba(9, 13, 24, 0.12);
--color-wishlist-icon-off-default: #293043;
--color-wishlist-icon-off-hover: #ffffff;
--color-wishlist-icon-off-disabled: #383f51;
--color-wishlist-icon-on-default: #e43556;
--color-wishlist-icon-on-hover: #ffffff;
--color-wishlist-background-default: #ffffff;
--color-wishlist-background-hover: #e43556;
--color-wishlist-background-disabled: #a1a4ac;
--color-table-primary: #1b2236;
--color-table-secondary: #22293d;
/* D6.5 inverted sizes same as main sizes */
--size-static0: 0;
--size-static100: 4px;
--size-static150: 8px;
--size-static200: 12px;
--size-static250: 16px;
--size-static300: 20px;
--size-static350: 24px;
--size-static370: 28px;
--size-static400: 32px;
--size-static450: 40px;
--size-static500: 44px;
--size-static510: 48px;
--size-static515: 52px;
--size-static520: 56px;
--size-static530: 64px;
--size-static535: 68px;
--size-static550: 72px;
--size-static565: 80px;
--size-static575: 84px;
--size-static600: 92px;
--size-static625: 96px;
--size-static650: 100px;
--size-static750: 120px;
--size-static800: 132px;
--size-static900: 156px;
--size-static1000: 172px;
--size-static1100: 184px;
--size-static1200: 196px;
--size-borderRadius-none: 0;
--size-borderRadius-xSmall: 4px;
--size-borderRadius-small: 8px;
--size-borderRadius-medium: 12px;
--size-borderRadius-large: 20px;
--size-borderRadius-imageXS: 8px;
--size-borderRadius-imageS: 12px;
--size-borderRadius-image: 0;
--size-borderRadius-imageL: 20px;
--size-borderRadius-layer: 20px;
--size-borderRadius-teaser: 12px;
--size-borderRadius-displayTag: 100px;
--size-borderRadius-technicalTag: 4px;
--size-borderRadius-recommendedTag: 4px;
--size-borderRadius-filterTag: 8px;
--size-borderRadius-input: 8px;
--size-borderRadius-select: 8px;
--size-borderRadius-accordion: 0;
--size-borderRadius-card: 12px;
--size-borderRadius-cardS: 12px;
--size-borderRadius-cardL: 20px;
--size-borderRadius-mediaGallery: 20px;
--size-borderRadius-button: 100px;
--size-borderRadius-badge: 100px;
--size-borderRadius-stepnav: 8px;
--size-borderRadius-contentSwitcher: 4px;
--size-borderRadius-toastNotification: 8px;
--size-borderRadius-notificationMessage: 4px;
--size-borderRadius-notificationBar: 8px;
--size-borderRadius-modal: 0;
--size-borderRadius-disclaimer: 0;
--size-borderRadius-actionTeaser: 12px;
--size-borderRadius-infobox: 12px;
--size-borderRadius-tooltip: 4px;
--size-borderRadius-moodGallery: 20px;
--size-borderRadius-contentSlider: 12px;
--size-borderRadius-videoS: 12px;
--size-borderRadius-video: 20px;
--size-border-default: 1px;
--size-border-active: 2px;
--size-border-focus: 3px;
--size-border-selected: 2px;
--size-border-legal: 3px;
--size-xxs: 4px;
--size-xs: 8px;
--size-s: 12px;
--size-m: 16px;
--size-l: clamp(24px, 1.18vw + 17.41px, 40px);
--size-xl: clamp(32px, 1.18vw + 25.41px, 48px);
--size-xxl: clamp(40px, 1.18vw + 33.41px, 56px);
--size-xxxl: clamp(56px, 0.88vw + 51.06px, 68px);
}
html,
body,
#root {
min-height: 100%;
}
body {
margin: 0;
}
.ARWj9SDtiXHyJW2yqnPZ {
flex-shrink: 0;
max-width: 100%;
}
.ARWj9SDtiXHyJW2yqnPZ:empty {
/* if a child renders nothing, the wrapper should also not be rendered */
display: none;
}
@keyframes qS25I5fM4daEc9Ik2eU1 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(2turn);
}
}
@keyframes EnkneZWEC3JbS6n6GOWw {
0% {
stroke-dashoffset: var(--circumference);
}
50% {
stroke-dashoffset: calc(var(--circumference) / 4);
}
100% {
stroke-dashoffset: var(--circumference);
}
}
.JHExy2Ft9HYesnPwLyqJ {
--circumference: 43.982297150257104px; /* 2 * PI * r ; r = 7px in a 24px circle */
}
.TjdhxG9Zln3fOxZ0e4Pg {
width: var(--size-static350);
height: var(--size-static350);
/* 100 / 24 (px) * 2% = stroke width relative to size */
stroke-width: 8.33333%;
}
.AvTeU4c7SiZylDfGEmEl {
width: var(--size-static510);
height: var(--size-static510);
/* 100 / 48 (px) * 2% = stroke width relative to size */
stroke-width: 4.16667%;
}
.z_E9yYTBuhvqT6N48gIH {
width: var(--size-static625);
height: var(--size-static625);
/* 100 / 96 (px) * 2% = stroke width relative to size */
stroke-width: 2.08333%;
}
.m0YeHZTqJlVV6y8Jj1nn {
stroke: var(--color-signal-info);
}
.JGgi_w8mTWVzTFjm_FTj {
stroke: var(--color-signal-progress);
stroke-dasharray: var(--circumference) var(--circumference);
transform-origin: center;
animation:
2s cubic-bezier(0.41, 0.2, 0.16, 0.59) qS25I5fM4daEc9Ik2eU1 infinite,
2s cubic-bezier(0.63, 0, 0.58, 1) EnkneZWEC3JbS6n6GOWw infinite;
}
.srGvPPGb6GmnXvJQuDdE {
/* normalize */
box-sizing: border-box;
/* set default color for everything within this theme provider */
color: var(--color-content-primary)
}
.DCYEFiDsaWpvXC49HKaQ {
position: relative;
width: var(--size-grid020);
background: var(--color-background-alert);
border-radius: var(--size-borderRadius-layer);
height: auto;
max-height: calc(100vh - 2 * var(--size-dynamic0040));
overflow: auto;
-webkit-overflow-scrolling: touch;
box-shadow: var(--color-shadow-high);
opacity: 1;
transform: translateY(0);
transition: opacity var(--animation-duration-layer) var(--animation-timingFunction-in),
transform var(--animation-duration-layer) var(--animation-timingFunction-in);
}
@media (min-width: 560px) {
.DCYEFiDsaWpvXC49HKaQ { width: var(--size-grid018); }
}
@media (min-width: 960px) {
.DCYEFiDsaWpvXC49HKaQ { width: var(--size-grid014); }
}
@media (min-width: 1280px) {
.DCYEFiDsaWpvXC49HKaQ { width: var(--size-grid012); }
}
@media (min-width: 1600px) {
.DCYEFiDsaWpvXC49HKaQ { width: var(--size-grid010); }
}
@media (min-width: 1920px) {
.DCYEFiDsaWpvXC49HKaQ { width: var(--size-grid008); }
}
@media (min-width: 2560px) {
.DCYEFiDsaWpvXC49HKaQ { width: var(--size-grid006); }
}
/* CSSTransition lifecycle classes */
._6WFpvRCGMSROzzQva6i.DCYEFiDsaWpvXC49HKaQ {
opacity: 1;
transform: translateY(0);
}
.qBpFuvWh1VSEExH8j4rY.DCYEFiDsaWpvXC49HKaQ,
.jITNiDWANF_VNA65VAYK.DCYEFiDsaWpvXC49HKaQ,
._itl01CMECUJDORr1KhQ.DCYEFiDsaWpvXC49HKaQ {
opacity: 0;
transform: translateY(var(--size-static500));
}
.pRQR8KIMFyglU0T9d89R.DCYEFiDsaWpvXC49HKaQ,
.uWfkVsbZ9xjDJoWCZNnk.DCYEFiDsaWpvXC49HKaQ {
opacity: 1;
transform: translateY(0);
}
.g93KQWktlvIL8WEh8qaT {
/* normalize */
box-sizing: border-box;
position: relative;
margin: 0;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
transition: all 0.1s ease-in-out;
border-radius: var(--size-borderRadius-button, 4px);
display: inline-flex;
text-align: center;
align-items: center;
justify-content: center;
cursor: pointer;
}
.MafgN3B53kQM38KMJ2Nl {
border: var(--size-border-default, 1px) solid;
min-height: var(--size-static500);
min-width: var(--size-static500);
padding: 0 var(--size-static400);
}
.HvtrSVFv35vuS429KOsu.MafgN3B53kQM38KMJ2Nl {
min-height: var(--size-static400);
min-width: var(--size-static400);
padding: var(--size-static100) var(--size-static250);
}
.oqNsXcFo8kAdRG8T6ilv { content: ''; }
.pTUn5yFzO0QAfgRgyx1L {
width: var(--size-static500);
height: var(--size-static500);
}
.pTUn5yFzO0QAfgRgyx1L.MafgN3B53kQM38KMJ2Nl {
padding: 0;
border-radius: 50%;
}
.HvtrSVFv35vuS429KOsu.pTUn5yFzO0QAfgRgyx1L {
width: var(--size-static400);
height: var(--size-static400);
}
.bSGhsJYNXgwWdVJs_1in {
display: inline-flex;
justify-content: start;
padding: 0;
text-align: inherit;
border: none;
font-weight: inherit;
}
.bSGhsJYNXgwWdVJs_1in.pTUn5yFzO0QAfgRgyx1L {
justify-content: center;
}
.f7StDRMuaCB533_eFadB {
color: var(--color-content-inverted);
background: var(--color-button-primary-default);
border: none;
}
.f7StDRMuaCB533_eFadB.GdpVmcv8mqdvSsNLFusA,
.f7StDRMuaCB533_eFadB[aria-disabled='true'] {
background: var(--color-button-primary-disabled);
color: var(--color-content-tertiary);
}
.f7StDRMuaCB533_eFadB:not(.GdpVmcv8mqdvSsNLFusA):hover,
.f7StDRMuaCB533_eFadB:not(.GdpVmcv8mqdvSsNLFusA):active,
.f7StDRMuaCB533_eFadB:not(.GdpVmcv8mqdvSsNLFusA):focus:not(:focus-visible) {
color: var(--color-content-buttonHover);
background: var(--color-button-primary-active);
}
.f7StDRMuaCB533_eFadB:focus-visible {
outline: var(--size-border-focus, 2px) solid var(--color-focus-solid, currentColor);
outline-offset: 0;
}
.OGrPncrgoFy82xxzyga2 {
color: var(--color-button-secondary-default);
background: transparent;
border: 1px solid var(--color-button-secondary-default);
}
.OGrPncrgoFy82xxzyga2.GdpVmcv8mqdvSsNLFusA,
.OGrPncrgoFy82xxzyga2[aria-disabled='true'] {
color: var(--color-button-secondary-disabled, var(--color-content-disabled));
border-color: var(--color-button-secondary-disabled, var(--color-button-secondary-default));
background: transparent;
}
.OGrPncrgoFy82xxzyga2:not(.GdpVmcv8mqdvSsNLFusA):hover,
.OGrPncrgoFy82xxzyga2:not(.GdpVmcv8mqdvSsNLFusA):active,
.OGrPncrgoFy82xxzyga2:not(.GdpVmcv8mqdvSsNLFusA):focus:not(:focus-visible) {
color: var(--color-content-buttonHover);
background: var(--color-button-secondary-active);
border-color: var(--color-button-primary-active);
}
.OGrPncrgoFy82xxzyga2:focus-visible {
outline: var(--size-border-focus, 2px) solid var(--color-focus-solid, currentColor);
outline-offset: 0;
}
.Lbgh45ZOLM9BZWwO5dGI,
.UhLuD24I1AFWuEVGDxhg {
color: var(--color-button-tertiary-default);
background: transparent;
border: none;
}
.Lbgh45ZOLM9BZWwO5dGI.GdpVmcv8mqdvSsNLFusA,
.UhLuD24I1AFWuEVGDxhg.GdpVmcv8mqdvSsNLFusA,
.Lbgh45ZOLM9BZWwO5dGI[aria-disabled='true'],
.UhLuD24I1AFWuEVGDxhg[aria-disabled='true'] {
color: var(--color-button-tertiary-disabled, var(--color-content-disabled));
text-decoration-color: currentColor;
}
.Lbgh45ZOLM9BZWwO5dGI:not(.GdpVmcv8mqdvSsNLFusA):hover,
.Lbgh45ZOLM9BZWwO5dGI:not(.GdpVmcv8mqdvSsNLFusA):active,
.Lbgh45ZOLM9BZWwO5dGI:not(.GdpVmcv8mqdvSsNLFusA):focus:not(:focus-visible),
.UhLuD24I1AFWuEVGDxhg:not(.GdpVmcv8mqdvSsNLFusA):hover,
.UhLuD24I1AFWuEVGDxhg:not(.GdpVmcv8mqdvSsNLFusA):active,
.UhLuD24I1AFWuEVGDxhg:not(.GdpVmcv8mqdvSsNLFusA):focus:not(:focus-visible) {
color: var(--color-button-tertiary-active);
background: transparent;
}
.Lbgh45ZOLM9BZWwO5dGI span,
.UhLuD24I1AFWuEVGDxhg span {
text-decoration: underline;
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
}
.UhLuD24I1AFWuEVGDxhg span {
text-decoration: none;
}
.Lbgh45ZOLM9BZWwO5dGI:not(.GdpVmcv8mqdvSsNLFusA):hover span,
.UhLuD24I1AFWuEVGDxhg:not(.GdpVmcv8mqdvSsNLFusA):hover span {
text-decoration-thickness: var(--size-border-active, 2px);
}
.Lbgh45ZOLM9BZWwO5dGI:focus-visible,
.UhLuD24I1AFWuEVGDxhg:focus-visible {
outline: var(--size-border-focus, 2px) solid var(--color-focus-solid, currentColor);
outline-offset: 1px;
}
.pTUn5yFzO0QAfgRgyx1L.Lbgh45ZOLM9BZWwO5dGI:focus-visible,
.pTUn5yFzO0QAfgRgyx1L.UhLuD24I1AFWuEVGDxhg:focus-visible {
outline-offset: 0;
}
.JB0jAQlCo6fAma9cTx_i {
background: var(--color-accent-offer-default);
color: var(--color-content-invertedOnSurface);
border: none;
}
.GEaSQzAzPiC7u0Ijy1oW{
background: var(--color-accent-nbab-default);
color: var(--color-content-nbabDefault);
border: none;
}
.JB0jAQlCo6fAma9cTx_i.GdpVmcv8mqdvSsNLFusA,
.JB0jAQlCo6fAma9cTx_i[aria-disabled='true'] {
background: var(--color-accent-offer-disabled, var(--color-accent-offer-default));
color: var(--color-content-buttonDisabled, var(--color-content-disabled));
}
.GEaSQzAzPiC7u0Ijy1oW.GdpVmcv8mqdvSsNLFusA,
.GEaSQzAzPiC7u0Ijy1oW[aria-disabled='true'] {
background: var(--color-accent-nbab-disabled, var(--color-accent-nbab-default));
color: var(--color-content-buttonDisabled, var(--color-content-disabled));
}
.JB0jAQlCo6fAma9cTx_i:not(.GdpVmcv8mqdvSsNLFusA):hover,
.GEaSQzAzPiC7u0Ijy1oW:not(.GdpVmcv8mqdvSsNLFusA):hover {
color: var(--color-content-buttonHover);
background: var(--color-accent-offer-hover);
}
.JB0jAQlCo6fAma9cTx_i:not(.GdpVmcv8mqdvSsNLFusA):active,
.JB0jAQlCo6fAma9cTx_i:not(.GdpVmcv8mqdvSsNLFusA):focus:not(:focus-visible),
.GEaSQzAzPiC7u0Ijy1oW:not(.GdpVmcv8mqdvSsNLFusA):active,
.GEaSQzAzPiC7u0Ijy1oW:not(.GdpVmcv8mqdvSsNLFusA):focus:not(:focus-visible) {
color: var(--color-content-buttonActive);
background: var(--color-accent-offer-active);
}
.JB0jAQlCo6fAma9cTx_i:focus-visible,
.GEaSQzAzPiC7u0Ijy1oW:focus-visible {
outline: var(--size-border-focus, 2px) solid var(--color-focus-accent);
outline-offset: 0;
}
.GdpVmcv8mqdvSsNLFusA {
cursor: not-allowed;
color: var(--color-button-tertiary-disabled);
}
.waMtq7ko4l077lO4sUTj,
.ilmCNryxCQA77qhdpCmX {
/* normalize */
box-sizing: border-box;
align-items: center;
}
.waMtq7ko4l077lO4sUTj.fikdc54q7avJvFzOO7HN,
.ilmCNryxCQA77qhdpCmX.fikdc54q7avJvFzOO7HN {
display: flex;
flex-direction: column;
}
.waMtq7ko4l077lO4sUTj.bIt0vdP5m2nB4Ug8944m,
.ilmCNryxCQA77qhdpCmX.bIt0vdP5m2nB4Ug8944m {
display: inline-grid;
grid-column-gap: var(--size-static100, 0.5rem);
}
.waMtq7ko4l077lO4sUTj.bIt0vdP5m2nB4Ug8944m {
grid-template-columns: max-content auto;
}
.ilmCNryxCQA77qhdpCmX.bIt0vdP5m2nB4Ug8944m.ucYXnZU6TWZ1WcGI3jHW {
grid-template-columns: max-content repeat(var(--cta-button-children-count, 1), auto);
}
.ilmCNryxCQA77qhdpCmX.bIt0vdP5m2nB4Ug8944m._0OFglmYPK_b3BNAZ8MK {
grid-template-columns: repeat(var(--cta-button-children-count, 1), auto) max-content;
}
.r7LqeFArZYLcTKfwCDgh,
.pWr4NE73SE6MvpGD9oEP {
/* normalize */
box-sizing: border-box;
line-height: 0;
}
.r7LqeFArZYLcTKfwCDgh._0OFglmYPK_b3BNAZ8MK,
.pWr4NE73SE6MvpGD9oEP._0OFglmYPK_b3BNAZ8MK {
order: 1;
}
.r7LqeFArZYLcTKfwCDgh.fikdc54q7avJvFzOO7HN {
display: flex;
justify-content: center;
align-items: center;
width: var(--size-static500);
height: var(--size-static500);
border-radius: 50%;
border: var(--size-border-default) solid currentColor;
margin-bottom: var(--size-static100);
}
.cj0ZaWOqb4OjYKtBW0qw {
width: initial;
}
.IMv6mGmm6ZIza3ClOizO {
--white-space: normal;
--text-align-0: inherit;
--text-align-560: inherit;
--text-align-960: inherit;
--text-align-1280: inherit;
--text-align-1600: inherit;
--text-align-1920: inherit;
--text-align-2560: inherit;
--text-align: var(--text-align-0);
text-decoration: initial;
word-break: normal;
margin: unset;
&.hZwBagus0wDRZZ51ywng,
&._fBsOtlso1fwbdg_Fuuo {
position: static;
line-height: 0;
}
&._fBsOtlso1fwbdg_Fuuo {
vertical-align: super;
}
&.hZwBagus0wDRZZ51ywng {
vertical-align: sub;
}
&:lang(ko) {
word-break: keep-all;
}
/* Use all the created and dynamically passed variables */
white-space: var(--white-space);
text-align: var(--text-align);
&.ZHhlmzvAzw7xNZT1d_2I {
text-decoration: line-through;
}
&.vCDZVJNNNGqc1CpVz9cw {
font-weight: bold;
}
}
.Pm9FlfQvSDO_zXA3gJkq.IMv6mGmm6ZIza3ClOizO.nYsqpTyGmJYGLE0sSAeb {
overflow-wrap: anywhere;
}
.IMv6mGmm6ZIza3ClOizO.r5aYUgeWwoNHJCFf1HM7 {
hyphens: auto;
}
.IMv6mGmm6ZIza3ClOizO.gaPkX65_PCo63sasNS_n {
hyphens: manual;
}
.IMv6mGmm6ZIza3ClOizO.wEaa7JQBee0ANBi4H0CG {
hyphens: none;
}
.ckCCG5wSQKqdIONdz8QD {
color: var(--color-content-primary);
}
.lt91jWvgSGqN9vQ84fNo {
color: var(--color-content-secondary);
}
.AIsVRvKLWYEMZ2LUZ0rf {
color: inherit;
}
.IKZNMZvU1zwm6G4HRioj {
color: var(--color-content-tertiary);
}
.dCpw791TAlbuOksyawJv {
color: var(--color-content-inverted);
}
.gaMJuctHIHRRZttREP0A {
color: var(--color-content-active);
}
.ViWISClnBKzReBA9K10q {
font-family: var(--font-super-100-fontFamily);
font-weight: var(--font-super-100-fontWeight);
line-height: var(--font-super-100-lineHeight);
font-size: var(--font-super-100-fontSize);
letter-spacing: var(--font-super-100-letterSpacing);
}
.ViWISClnBKzReBA9K10q.hZwBagus0wDRZZ51ywng, .ViWISClnBKzReBA9K10q._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-super-100-reducedFontSize);
}
.ViWISClnBKzReBA9K10q.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-super-100-static-fontSize);
}
.ViWISClnBKzReBA9K10q.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .ViWISClnBKzReBA9K10q.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-super-100-static-reducedFontSize);
}
.sknSVskKwfJUyvOS8eB8 {
font-family: var(--font-super-200-fontFamily);
font-weight: var(--font-super-200-fontWeight);
line-height: var(--font-super-200-lineHeight);
font-size: var(--font-super-200-fontSize);
letter-spacing: var(--font-super-200-letterSpacing);
}
.sknSVskKwfJUyvOS8eB8.hZwBagus0wDRZZ51ywng, .sknSVskKwfJUyvOS8eB8._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-super-200-reducedFontSize);
}
.sknSVskKwfJUyvOS8eB8.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-super-200-static-fontSize);
}
.sknSVskKwfJUyvOS8eB8.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .sknSVskKwfJUyvOS8eB8.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-super-200-static-reducedFontSize);
}
.ZWUMUpOqDigS2Mq9hmiU {
font-family: var(--font-headline-100-fontFamily);
font-weight: var(--font-headline-100-fontWeight);
line-height: var(--font-headline-100-lineHeight);
font-size: var(--font-headline-100-fontSize);
letter-spacing: var(--font-headline-100-letterSpacing);
}
.ZWUMUpOqDigS2Mq9hmiU.hZwBagus0wDRZZ51ywng, .ZWUMUpOqDigS2Mq9hmiU._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-100-reducedFontSize);
}
.ss3kA7W9zigGys601ela {
font-family: var(--font-headline-200-fontFamily);
font-weight: var(--font-headline-200-fontWeight);
line-height: var(--font-headline-200-lineHeight);
font-size: var(--font-headline-200-fontSize);
letter-spacing: var(--font-headline-200-letterSpacing);
}
.ss3kA7W9zigGys601ela.hZwBagus0wDRZZ51ywng, .ss3kA7W9zigGys601ela._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-200-reducedFontSize);
}
.ss3kA7W9zigGys601ela.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-headline-200-static-fontSize);
}
.ss3kA7W9zigGys601ela.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .ss3kA7W9zigGys601ela.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-200-static-reducedFontSize);
}
.Pd18YctCMMYQPNR1GUAi {
font-family: var(--font-headline-300-fontFamily);
font-weight: var(--font-headline-300-fontWeight);
line-height: var(--font-headline-300-lineHeight);
font-size: var(--font-headline-300-fontSize);
letter-spacing: var(--font-headline-300-letterSpacing);
}
.Pd18YctCMMYQPNR1GUAi.hZwBagus0wDRZZ51ywng, .Pd18YctCMMYQPNR1GUAi._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-300-reducedFontSize);
}
.Pd18YctCMMYQPNR1GUAi.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-headline-300-static-fontSize);
}
.Pd18YctCMMYQPNR1GUAi.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .Pd18YctCMMYQPNR1GUAi.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-300-static-reducedFontSize);
}
.EsQSUXQJzv2JlNYdSHqg {
font-family: var(--font-headline-400-fontFamily);
font-weight: var(--font-headline-400-fontWeight);
line-height: var(--font-headline-400-lineHeight);
font-size: var(--font-headline-400-fontSize);
letter-spacing: var(--font-headline-400-letterSpacing);
}
.EsQSUXQJzv2JlNYdSHqg.hZwBagus0wDRZZ51ywng, .EsQSUXQJzv2JlNYdSHqg._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-400-reducedFontSize);
}
.EsQSUXQJzv2JlNYdSHqg.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-headline-400-static-fontSize);
}
.EsQSUXQJzv2JlNYdSHqg.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .EsQSUXQJzv2JlNYdSHqg.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-400-static-reducedFontSize);
}
.PeDw1Qp9l3rVc_gDA8HH {
font-family: var(--font-headline-500-fontFamily);
font-weight: var(--font-headline-500-fontWeight);
line-height: var(--font-headline-500-lineHeight);
font-size: var(--font-headline-500-fontSize);
letter-spacing: var(--font-headline-500-letterSpacing);
}
.PeDw1Qp9l3rVc_gDA8HH.hZwBagus0wDRZZ51ywng, .PeDw1Qp9l3rVc_gDA8HH._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-500-reducedFontSize);
}
.PeDw1Qp9l3rVc_gDA8HH.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-headline-500-static-fontSize);
}
.PeDw1Qp9l3rVc_gDA8HH.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .PeDw1Qp9l3rVc_gDA8HH.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-500-static-reducedFontSize);
}
.E1L4Aian4h6iPZ8mYA4g {
font-family: var(--font-headline-600-fontFamily);
font-weight: var(--font-headline-600-fontWeight);
line-height: var(--font-headline-600-lineHeight);
font-size: var(--font-headline-600-fontSize);
letter-spacing: var(--font-headline-600-letterSpacing);
}
.E1L4Aian4h6iPZ8mYA4g.hZwBagus0wDRZZ51ywng, .E1L4Aian4h6iPZ8mYA4g._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-600-reducedFontSize);
}
.E1L4Aian4h6iPZ8mYA4g.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-headline-600-static-fontSize);
}
.E1L4Aian4h6iPZ8mYA4g.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .E1L4Aian4h6iPZ8mYA4g.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-headline-600-static-reducedFontSize);
}
.eAQxP9jG_R4A_Sw9XsWU {
font-family: var(--font-bigcopy-100-fontFamily);
font-weight: var(--font-bigcopy-100-fontWeight);
line-height: var(--font-bigcopy-100-lineHeight);
font-size: var(--font-bigcopy-100-fontSize);
letter-spacing: var(--font-bigcopy-100-letterSpacing);
}
.eAQxP9jG_R4A_Sw9XsWU.hZwBagus0wDRZZ51ywng, .eAQxP9jG_R4A_Sw9XsWU._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-bigcopy-100-reducedFontSize);
}
.bvpio6ufZ53mUN3yBCWd {
font-family: var(--font-bigcopy-200-fontFamily);
font-weight: var(--font-bigcopy-200-fontWeight);
line-height: var(--font-bigcopy-200-lineHeight);
font-size: var(--font-bigcopy-200-fontSize);
letter-spacing: var(--font-bigcopy-200-letterSpacing);
}
.bvpio6ufZ53mUN3yBCWd.hZwBagus0wDRZZ51ywng, .bvpio6ufZ53mUN3yBCWd._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-bigcopy-200-reducedFontSize);
}
.E2sW56HCAS7dAjzl8jG4 {
font-family: var(--font-copy-100-fontFamily);
font-weight: var(--font-copy-100-fontWeight);
line-height: var(--font-copy-100-lineHeight);
font-size: var(--font-copy-100-fontSize);
letter-spacing: var(--font-copy-100-letterSpacing);
}
.E2sW56HCAS7dAjzl8jG4.hZwBagus0wDRZZ51ywng, .E2sW56HCAS7dAjzl8jG4._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-copy-100-reducedFontSize);
}
.XSsPZW1NVXULqIHfvIlg {
font-family: var(--font-copy-200-fontFamily);
font-weight: var(--font-copy-200-fontWeight);
line-height: var(--font-copy-200-lineHeight);
font-size: var(--font-copy-200-fontSize);
letter-spacing: var(--font-copy-200-letterSpacing);
}
.XSsPZW1NVXULqIHfvIlg.hZwBagus0wDRZZ51ywng, .XSsPZW1NVXULqIHfvIlg._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-copy-200-reducedFontSize);
}
.ByDWvlLek2NjvMt4IxHJ {
font-family: var(--font-label-100-fontFamily);
font-weight: var(--font-label-100-fontWeight);
line-height: var(--font-label-100-lineHeight);
font-size: var(--font-label-100-fontSize);
letter-spacing: var(--font-label-100-letterSpacing);
}
.ByDWvlLek2NjvMt4IxHJ.hZwBagus0wDRZZ51ywng, .ByDWvlLek2NjvMt4IxHJ._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-label-100-reducedFontSize);
}
.MW3F0clFbDwLtQTt2Y2t {
font-family: var(--font-label-150-fontFamily);
font-weight: var(--font-label-150-fontWeight);
line-height: var(--font-label-150-lineHeight);
font-size: var(--font-label-150-fontSize);
letter-spacing: var(--font-label-150-letterSpacing);
}
.MW3F0clFbDwLtQTt2Y2t.hZwBagus0wDRZZ51ywng, .MW3F0clFbDwLtQTt2Y2t._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-label-150-reducedFontSize);
}
.P0rqpPXmMHp9Ct7vJcFG {
font-family: var(--font-label-200-fontFamily);
font-weight: var(--font-label-200-fontWeight);
line-height: var(--font-label-200-lineHeight);
font-size: var(--font-label-200-fontSize);
letter-spacing: var(--font-label-200-letterSpacing);
}
.P0rqpPXmMHp9Ct7vJcFG.hZwBagus0wDRZZ51ywng, .P0rqpPXmMHp9Ct7vJcFG._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-label-200-reducedFontSize);
}
.DFQOlp9UrQ0LVwwjMJsA {
font-family: var(--font-fluidcopy-200-fontFamily);
font-weight: var(--font-fluidcopy-200-fontWeight);
line-height: var(--font-fluidcopy-200-lineHeight);
font-size: var(--font-fluidcopy-200-fontSize);
letter-spacing: var(--font-fluidcopy-200-letterSpacing);
}
.DFQOlp9UrQ0LVwwjMJsA.hZwBagus0wDRZZ51ywng, .DFQOlp9UrQ0LVwwjMJsA._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-fluidcopy-200-reducedFontSize);
}
.DFQOlp9UrQ0LVwwjMJsA.hwJlHb6wwQYkzqPSedtF {
font-size: var(--font-fluidcopy-200-static-fontSize);
}
.DFQOlp9UrQ0LVwwjMJsA.hwJlHb6wwQYkzqPSedtF.hZwBagus0wDRZZ51ywng, .DFQOlp9UrQ0LVwwjMJsA.hwJlHb6wwQYkzqPSedtF._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-fluidcopy-200-static-reducedFontSize);
}
.q8s3FLnO5rmLUkkE6J8p {
font-family: var(--font-disclaimercopy-100-fontFamily);
font-weight: var(--font-disclaimercopy-100-fontWeight);
line-height: var(--font-disclaimercopy-100-lineHeight);
font-size: var(--font-disclaimercopy-100-fontSize);
letter-spacing: var(--font-disclaimercopy-100-letterSpacing);
}
.q8s3FLnO5rmLUkkE6J8p.hZwBagus0wDRZZ51ywng, .q8s3FLnO5rmLUkkE6J8p._fBsOtlso1fwbdg_Fuuo {
font-size: var(--font-disclaimercopy-100-reducedFontSize);
}
.qB51HRtzL2bOuSqD_tUq {
@media screen and (max-width: 559px) {
--text-align: var(--text-align-0);
}
}
.MCeZ0POuMiobvKktQAa8 {
@media screen and (min-width: 560px) and (max-width: 959px) {
--text-align: var(--text-align-560);
}
}
.BqDquMi6EaqwObw6Yk1l {
@media screen and (min-width: 960px) and (max-width: 1279px) {
--text-align: var(--text-align-960);
}
}
._WW0rTcoZSz0apz26r3O {
@media screen and (min-width: 1280px) and (max-width: 1599px) {
--text-align: var(--text-align-1280);
}
}
.DOghCgSTypLmjTdXWEuU {
@media screen and (min-width: 1600px) and (max-width: 1919px) {
--text-align: var(--text-align-1600);
}
}
.yrlfuAAXcSuGS2ade0tB {
@media screen and (min-width: 1920px) and (max-width: 2559px) {
--text-align: var(--text-align-1920);
}
}
.E6Pq8d_ZaMQk08J97beg {
@media screen and (min-width: 2560px) {
--text-align: var(--text-align-2560);
}
}
.F8tlocTdQFpQqK6PWpPr {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
/* The wrapper must always be mounted for animations to work, So we need to be able to click "through" it */
pointer-events: none;
/* All clicks go through the layer wrapper, so enable it for the children (= actual layers) again */
& > * {
pointer-events: auto;
}
}
.iGqZpt9WsLhsNlON4Pe2 {
display: flex;
justify-content: center;
align-items: center;
}
.cspCiuAwVmElhX4xh0Vg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* default, overridden by .opaque class */
background-color: transparent;
opacity: 1;
border-radius: var(--size-borderRadius-none);
transition: opacity var(--animation-duration-layer) var(--animation-timingFunction-in);
}
/* Background types */
.jyoz5wUNl3KkvxQpyryZ {
background-color: var(--color-overlay-default);
}
.fC4SkOK0FgIDfRDeB5vL {
background-color: transparent;
}
/* CSSTransition states */
.lg4EL1dn7uYHfQvM5764 {
opacity: 0;
}
.WHtwMeZJTxnktuEe6Xuk {
opacity: 1;
}
.jYBLoUY0Xo56FIiYT7Vq {
opacity: 1;
}
.TPhxmUQ819naFJopadih,
.xbebhGSfvAFH3HIjUbyU {
opacity: 0;
}
.xn1xlONWfSSbZyXjK06t {
margin-inline-start: auto;
color: var(--color-content-tertiary);
}
.Y2t3BW95od0re7G3KiWt {
/* normalize */
box-sizing: border-box;
display: flex;
gap: var(--size-static100);
align-items: center;
width: fit-content;
max-width: 100%;
height: var(--size-static350);
white-space: nowrap;
border-radius: var(--size-borderRadius-displayTag);
padding: var(--size-static150);
}
.Y2t3BW95od0re7G3KiWt > div {
margin-top: var(--size-static0);
text-overflow: ellipsis;
overflow: hidden;
}
.Y2t3BW95od0re7G3KiWt > div::first-letter {
text-transform: uppercase;
}
/* Appearance modifier classes - one for each appearance type */
.z1v3QEE0f__zIAjBsLI8 {
background-color: var(--color-displayTag-info-background);
color: var(--color-displayTag-info-content);
}
.eRIhmDFZpijgthKhadYz {
background-color: var(--color-displayTag-new-background);
color: var(--color-displayTag-new-content);
}
.M06eu09ByQWkYGJQhw7g {
background-color: var(--color-displayTag-offer-background);
color: var(--color-displayTag-offer-content);
}
.VP1d2tCLI4_m8X6KCFdv {
background-color: var(--color-displayTag-bookmark-background);
color: var(--color-displayTag-bookmark-content);
}
.Lb54lsjcigAhB5VPL2ue {
background-color: var(--color-displayTag-success-background);
color: var(--color-displayTag-success-content);
}
.j27hdP5FYHk6iSxz8nZT {
background-color: var(--color-displayTag-error-background);
color: var(--color-displayTag-error-content);
}
.nyX6jmTwCzh1uYwJfCEW {
background-color: var(--color-displayTag-alert-background);
color: var(--color-displayTag-alert-content);
}
.ZPrSqQETfbtccwyGqFNm {
background-color: var(--color-displayTag-recommended-background);
color: var(--color-displayTag-recommended-content);
border-radius: var(--size-borderRadius-recommendedTag);
}
.j2m5h9FAz7HWwbCOHZX6 {
background-color: var(--color-displayTag-info-background);
color: var(--color-displayTag-info-content);
border-radius: var(--size-borderRadius-technicalTag);
}
.lMdMVdTamq0AMPz3_ib8 {
display: flex;
padding: 0;
gap: var(--size-static100);
align-items: center;
width: fit-content;
height: auto;
background-color: transparent;
white-space: normal;
max-width: initial;
}
.lMdMVdTamq0AMPz3_ib8 > div {
font-size: var(--font-label-100-fontSize);
margin-top: 0;
text-overflow: initial;
overflow: initial;
}
.lMdMVdTamq0AMPz3_ib8 > div::first-letter {
text-transform: uppercase;
}
.QM4S06cIzTa_nDpLDvnl {
color: var(--color-displayTag-error-background);
}
.e1I37EARqeJPNl4yN_Cr {
color: var(--color-displayTag-success-background);
}
.J7xL2TmG_2NSG1xg8j5U {
color: var(--color-displayTag-alert-background);
}
/* Show/hide text based on focus state */
.lMdMVdTamq0AMPz3_ib8 > div {
display: none;
}
.lMdMVdTamq0AMPz3_ib8.XmJZGOJ5m_yxD3RkMciw > div,
.lMdMVdTamq0AMPz3_ib8.J7xL2TmG_2NSG1xg8j5U > div {
display: block;
}
.yt083y3g9CNSVKLT5L6g {
padding: 0;
height: auto;
width: fit-content;
background-color: transparent;
}
.Fp1nzc819AcGgHL6jhC5 {
color: var(--color-displayTag-error-background);
}
.DkKo0Y1DwV7L713GLCqV {
color: var(--color-displayTag-success-background);
}
.reyqiXbjRKofnxdXfUuL {
color: var(--color-displayTag-alert-background);
}
:root {
--clear-click-area-size: 44px;
--clear-icon-size: 24px;
--icon-transition-duration: 0.15s;
--clear-icon-offset: calc(var(--clear-click-area-size) - var(--clear-icon-size)) / 2;
--input-clear-padding: calc(var(--clear-click-area-size) - var(--clear-icon-offset));
}
.rbjKLYioyvleRp74fhtY {
width: 100%;
height: 100%;
padding: calc(var(--size-static100) / 2) 0;
padding-inline-start: 0;
padding-inline-end: 0;
border: 0;
background: transparent;
color: inherit;
outline: none;
/* set -webkit-appearance to prevent outline bug on ios */
appearance: none;
-webkit-appearance: none;
font-size: var(--font-copy-200-fontSize);
font-family: inherit;
text-overflow: ellipsis;
transition: padding var(--icon-transition-duration) ease-in-out;
}
/**
* Safari changes the color of the native placeholder text in by taking the baseline color and reducing it's opacity.
* This hacky fix is necessary to change the baseline color from dark-blue (our theme color) to black, therefore opacity change will end up being gray and not light-blue.
* We are utilizing -webkit-hyphens as it is not supported in other browsers and will not affect them.
* Also this style is being placed inside the label, because when type of input field is 'date', it inherits color from the label.
*
* This is an addition to the same fix applied in StyledLabel component to cover both label and input placeholder color issue in Safari.
*/
@supports (-webkit-hyphens: none) {
.rbjKLYioyvleRp74fhtY[type='date'] {
background: var(--color-background-primary);
}
}
.rbjKLYioyvleRp74fhtY.V5x78smE6QPLkcxzHCS4 {
transition: none;
}
.rbjKLYioyvleRp74fhtY:not(.V5x78smE6QPLkcxzHCS4).BKiA9pnj0EFzbQAgj1m8.QrHK9LytUgnWuzLztAgG {
padding-inline-start: var(--size-static400);
}
.rbjKLYioyvleRp74fhtY:focus-within:not(.sPVFHcPziD8fdPFTmkId).QrHK9LytUgnWuzLztAgG,
.rbjKLYioyvleRp74fhtY:focus-within:not(.sPVFHcPziD8fdPFTmkId) {
padding-inline-start: 0;
}
.rbjKLYioyvleRp74fhtY.G2E7S5fi8GM7T_nvLgdV,
.rbjKLYioyvleRp74fhtY.WbZkg1HQnwePHStkHhvy,
.rbjKLYioyvleRp74fhtY.WIk3xQTS9FAQpUrgsR0I {
padding-inline-end: var(--input-clear-padding);
}
.rbjKLYioyvleRp74fhtY.DOiNcZfIbU5bjkKtxhXI {
cursor: not-allowed;
color: var(--color-content-disabled);
}
.rbjKLYioyvleRp74fhtY.sPVFHcPziD8fdPFTmkId {
color: var(--color-content-primary);
}
.rbjKLYioyvleRp74fhtY.pb7TuYA1jou9DZHFxhn1:not(:focus-within)::placeholder {
opacity: 0;
}
.rbjKLYioyvleRp74fhtY:placeholder-shown {
text-overflow: ellipsis;
}
.rbjKLYioyvleRp74fhtY::placeholder {
opacity: 1;
color: var(--color-content-secondary);
}
.rbjKLYioyvleRp74fhtY::-webkit-input-placeholder {
color: var(--color-content-secondary);
}
.rbjKLYioyvleRp74fhtY::-ms-reveal {
display: none;
}
/* clears the 'X' from Internet Explorer */
.rbjKLYioyvleRp74fhtY::-ms-clear {
display: none;
width: 0;
height: 0;
}
/* clears the 'X' from Chrome */
.rbjKLYioyvleRp74fhtY::-webkit-search-decoration,
.rbjKLYioyvleRp74fhtY::-webkit-search-cancel-button,
.rbjKLYioyvleRp74fhtY::-webkit-search-results-button,
.rbjKLYioyvleRp74fhtY::-webkit-search-results-decoration {
display: none;
}
/* On focus / while typing: Label-style, above the input */
.rbjKLYioyvleRp74fhtY:focus:not(:read-only) ~ * {
top: 0;
padding-inline-start: 0;
transform: translateY(0);
font-size: var(--font-label-100-fontSize);
cursor: initial;
background: transparent;
color: inherit;
}
.rbjKLYioyvleRp74fhtY:focus:not(:read-only).DOiNcZfIbU5bjkKtxhXI ~ * {
color: var(--color-content-disabled);
}
.LVYfPiGsjLdE6eRHN0lA {
display: block;
width: 100%;
height: auto;
position: relative;
color: var(--color-content-active);
}
/**
* Safari changes the color of the native placeholder text in by taking the baseline color and reducing it's opacity.
* This hacky fix is necessary to change the baseline color from dark-blue (our theme color) to black, therefore opacity change will end up being gray and not light-blue.
* We are utilizing -webkit-hyphens as it is not supported in other browsers and will not affect them.
* Also this style is being placed inside the label, because when type of input field is 'date', it inherits color from the label.
*/
@supports (-webkit-hyphens: none) {
.LVYfPiGsjLdE6eRHN0lA.OD7ImPN6EjsXylyYoIrJ {
color: black;
}
}
.LVYfPiGsjLdE6eRHN0lA.DOiNcZfIbU5bjkKtxhXI {
color: var(--color-content-secondary);
}
.LVYfPiGsjLdE6eRHN0lA.sPVFHcPziD8fdPFTmkId {
color: var(--color-content-primary);
}
.LVYfPiGsjLdE6eRHN0lA:not(.pb7TuYA1jou9DZHFxhn1) .P_z10vIWIqsfcMgbi0en{
padding-inline-start: 0;
transition: padding-inline-start var(--icon-transition-duration) ease-in-out;
}
.LVYfPiGsjLdE6eRHN0lA:not(.pb7TuYA1jou9DZHFxhn1).BKiA9pnj0EFzbQAgj1m8 .P_z10vIWIqsfcMgbi0en {
padding-inline-start: var(--size-static400);
}
.LVYfPiGsjLdE6eRHN0lA:not(.pb7TuYA1jou9DZHFxhn1):focus-within .P_z10vIWIqsfcMgbi0en {
padding-inline-start: 0;
}
.LVYfPiGsjLdE6eRHN0lA:not(.pb7TuYA1jou9DZHFxhn1).V5x78smE6QPLkcxzHCS4 .P_z10vIWIqsfcMgbi0en {
padding-inline-start: 0;
}
/* These rules are needed to expand the invisible .smallLabelText for the correct animation of a .floatingLabelText */
.LVYfPiGsjLdE6eRHN0lA:not(.sPVFHcPziD8fdPFTmkId).pb7TuYA1jou9DZHFxhn1:focus-within .P_z10vIWIqsfcMgbi0en {
max-height: var(--size-static250);
transition: max-height var(--icon-transition-duration) ease-in-out var(--icon-transition-duration);
}
.LVYfPiGsjLdE6eRHN0lA:not(.sPVFHcPziD8fdPFTmkId).pb7TuYA1jou9DZHFxhn1 .P_z10vIWIqsfcMgbi0en {
transition: max-height var(--icon-transition-duration) ease-in-out;
}
.LVYfPiGsjLdE6eRHN0lA.HFJInYXJNDjbWnY5vrS7.UQf91w_oJKQuyU19opC4 {
margin-bottom: var(--size-static400);
}
.LVYfPiGsjLdE6eRHN0lA.V5x78smE6QPLkcxzHCS4 .P_z10vIWIqsfcMgbi0en{
max-height: var(--size-static250);
}
.LVYfPiGsjLdE6eRHN0lA:focus-within .j7GIY6UCYtuCe1XdbNsW {
opacity: 0;
transition: all var(--icon-transition-duration) ease-in-out;
}
/**
* Basic version of the label.
* If there is a floating label, this one only acts as an invisible spacer.
* We need this spacer because we cannot know its height if the user has
* text-only zoom activated and/or there are line breaks.
*/
.P_z10vIWIqsfcMgbi0en {
font-size: var(--font-label-100-fontSize);
margin: 0;
padding: 0;
visibility: initial;
max-height: var(--size-static250);
transition: max-height 0.25s ease-in-out;
&.CmWXheo4Bix3bypixKUQ {
visibility: hidden;
max-height: 0;
}
}
.WeNiwB5WEW4MDRK5A_1l {
position: absolute;
margin: 0;
transition: all 0.25s ease-in-out;
top: 50%;
transform: translateY(-50%);
/* Placeholder style, "inside" the input */
cursor: text;
font-size: var(--font-copy-200-fontSize);
padding: var(--size-static100) 0;
padding-inline-start: 0;
padding-inline-end: 0;
&.BKiA9pnj0EFzbQAgj1m8 {
padding-inline-start: var(--size-static400);
}
&.G2E7S5fi8GM7T_nvLgdV {
padding-inline-end: var(--input-clear-padding);
}
/* Label-style, above the input */
&.V5x78smE6QPLkcxzHCS4 {
top: 0;
transform: translateY(0);
cursor: initial;
font-size: var(--font-label-100-fontSize);
padding: var(--size-static100) 0;
padding-inline-start: 0;
padding-inline-end: 0;
&.G2E7S5fi8GM7T_nvLgdV {
padding-inline-end: var(--input-clear-padding);
}
}
}
.j7GIY6UCYtuCe1XdbNsW {
display: flex;
position: absolute;
padding: 0 var(--size-static250);
opacity: 1;
top: 50%;
transform: translateY(-50%);
transition: all var(--icon-transition-duration) ease-in-out var(--icon-transition-duration);
&.V5x78smE6QPLkcxzHCS4 {
opacity: 0;
transition: none
}
}
.l43L5oia6DxTCtq7ffcw {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: var(--size-static150);
width: 100%;
color: var(--color-border-default);
}
.l43L5oia6DxTCtq7ffcw.WbZkg1HQnwePHStkHhvy {
color: var(--color-signal-error);
}
.l43L5oia6DxTCtq7ffcw.WIk3xQTS9FAQpUrgsR0I {
color: var(--color-signal-success);
}
.l43L5oia6DxTCtq7ffcw.UQf91w_oJKQuyU19opC4 {
color: var(--color-signal-neutral)
}
.C9SJAVSyYNFJMARrW1I6 {
position: absolute;
top: 13px; /* (height of inputLineWrapper (50px) - height of icon (24px)) / 2 */
inset-inline-end: var(--size-static250);
}
.VdhnL5u_59cfxzEjknh7 {
position: relative;
padding: var(--size-static150) var(--size-static250);
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 50px; /* static size of the input field, we don't have a token to represent this number currently; add in the future if needed */
box-shadow: 0 0 0 var(--size-border-default) var(--color-border-default);
border-radius: var(--size-borderRadius-input);
}
.VdhnL5u_59cfxzEjknh7.sPVFHcPziD8fdPFTmkId {
background-color: var(--color-background-tertiary);
}
.VdhnL5u_59cfxzEjknh7.WbZkg1HQnwePHStkHhvy {
box-shadow: 0 0 0 var(--size-border-selected) var(--color-signal-error);
}
.VdhnL5u_59cfxzEjknh7.WIk3xQTS9FAQpUrgsR0I {
box-shadow: 0 0 0 var(--size-border-selected) var(--color-signal-success);
}
.VdhnL5u_59cfxzEjknh7.UQf91w_oJKQuyU19opC4 {
box-shadow: 0 0 0 var(--size-border-selected) var(--color-signal-neutral);
}
.VdhnL5u_59cfxzEjknh7:focus-within .xKsqbzXjKELU9htuwW9Z {
display: flex;
}
.VdhnL5u_59cfxzEjknh7:focus-within .C9SJAVSyYNFJMARrW1I6 {
display: none;
}
.VdhnL5u_59cfxzEjknh7.IHdooneJgvLdfUhENPF1:hover,
.VdhnL5u_59cfxzEjknh7.fwoj0vH_GDfReo7KGSWw:hover {
transition: box-shadow 300ms ease;
-webkit-transition: box-shadow 300ms ease;
box-shadow: 0 0 0 var(--size-border-default) var(--color-border-hover);
}
.VdhnL5u_59cfxzEjknh7.IHdooneJgvLdfUhENPF1:focus-within,
.VdhnL5u_59cfxzEjknh7.fwoj0vH_GDfReo7KGSWw:focus-within {
box-shadow: 0 0 0 var(--size-border-focus) var(--color-focus-main);
}
.XMOcDP5aaWastSbNteEA {
position: absolute;
top: 0;
inset-inline-end: 0;
}
/* From input-button.tsx */
.xKsqbzXjKELU9htuwW9Z {
position: absolute;
width: max-content;
inset-inline-end: var(--size-static150);
top: 50%;
transform: translateY(-50%);
pointer-events: initial;
height: 100%;
display: none;
align-items: center;
flex-direction: row-reverse;
svg {
pointer-events: initial;
}
}
.ugMgnyTZGzbUD9PS4HOO {
position: relative;
width: var(--clear-click-area-size);
height: var(--clear-click-area-size);
background: transparent;
padding: 0;
border: none;
line-height: 0;
cursor: pointer;
outline: none;
/* set -webkit-appearance to prevent outline bug on ios */
-webkit-appearance: none;
pointer-events: initial;
color: var(--color-button-primary-default);
}
.ugMgnyTZGzbUD9PS4HOO:disabled {
cursor: not-allowed;
color: var(--color-button-primary-disabled);
}
.ugMgnyTZGzbUD9PS4HOO:hover:not(:disabled) {
color: var(--color-button-primary-hover);
}
.ugMgnyTZGzbUD9PS4HOO:focus-visible {
outline: var(--size-border-selected) auto var(--color-focus-main);
}
/* Checkbox CSS Module replacing styled-components styles */
.JSKHuyJzOxDRDdX0MFED {
position: relative;
color: var(--color-content-primary);
cursor: pointer;
}
.tCj3mqLqDC1mholp8ZUm {
position: absolute;
opacity: 0;
outline: 0;
user-select: none;
pointer-events: none;
}
.z_l1SRmACF9wxJ0YKAKW {
position: relative;
display: grid;
grid-column-gap: var(--size-static200);
grid-template-columns: max-content auto;
align-items: flex-start;
}
.lNtAJnuEFeWZTSmDI2Be {
position: relative;
display: flex;
align-items: center;
transition: background var(--animation-duration-color) ease, color var(--animation-duration-color) ease;
}
.G5tJlF8Awj3Ik4tCJ5vF,
.N7a5P3BZGaCyaalfVSxl {
position: absolute;
opacity: 0;
display: flex;
align-items: center;
}
.xJOzRmmEX6aw35rwuei5 {
display: block;
color: var(--color-signal-error);
font-size: var(--font-label-100-fontSize);
}
.V2ayuev77aGEPIxGVY3G {
color: var(--color-content-secondary);
margin-left: var(--size-static150);
}
.FOqMGGEm90nHOjOSSGYP {
display: flex;
align-items: flex-start;
}
/* Hover (only when not disabled) */
.z_l1SRmACF9wxJ0YKAKW:hover:not([aria-disabled='true']) {
color: var(--color-controllers-off-hover);
}
/* Keyboard focus outline */
.tCj3mqLqDC1mholp8ZUm:focus-visible + .z_l1SRmACF9wxJ0YKAKW .lNtAJnuEFeWZTSmDI2Be {
outline: var(--a11y-outline-width, 2px) solid var(--a11y-outline-color, currentColor);
outline-offset: var(--a11y-outline-offset, 2px);
border-radius: var(--size-border-active);
}
/* Checked state */
.tCj3mqLqDC1mholp8ZUm:checked + .z_l1SRmACF9wxJ0YKAKW .G5tJlF8Awj3Ik4tCJ5vF {
opacity: 1;
border-radius: var(--size-border-active);
color: var(--color-controllers-on-default);
}
.tCj3mqLqDC1mholp8ZUm:checked + .z_l1SRmACF9wxJ0YKAKW .G5tJlF8Awj3Ik4tCJ5vF:hover {
color: var(--color-controllers-on-hover);
}
/* Disabled state */
.tCj3mqLqDC1mholp8ZUm:disabled + .z_l1SRmACF9wxJ0YKAKW {
cursor: not-allowed;
color: var(--color-content-disabled);
}
/* Disabled overrides: prevent hover color and dim icons */
.tCj3mqLqDC1mholp8ZUm:disabled + .z_l1SRmACF9wxJ0YKAKW .lNtAJnuEFeWZTSmDI2Be svg,
.r7T0FyyknXc78aUzewdr.BI0GT6Ix6gWxH510KATA .lNtAJnuEFeWZTSmDI2Be svg {
color: var(--color-content-disabled) !important;
fill: var(--color-content-disabled) !important;
}
/* Ensure selected/indeterminate icons inherit disabled color */
.tCj3mqLqDC1mholp8ZUm:disabled + .z_l1SRmACF9wxJ0YKAKW .G5tJlF8Awj3Ik4tCJ5vF,
.tCj3mqLqDC1mholp8ZUm:disabled + .z_l1SRmACF9wxJ0YKAKW .N7a5P3BZGaCyaalfVSxl,
.r7T0FyyknXc78aUzewdr.BI0GT6Ix6gWxH510KATA .G5tJlF8Awj3Ik4tCJ5vF,
.r7T0FyyknXc78aUzewdr.BI0GT6Ix6gWxH510KATA .N7a5P3BZGaCyaalfVSxl {
color: var(--color-content-disabled) !important;
}
/* Disabled label text */
.JSKHuyJzOxDRDdX0MFED[aria-disabled='true'],
.r7T0FyyknXc78aUzewdr.BI0GT6Ix6gWxH510KATA .z_l1SRmACF9wxJ0YKAKW + span,
.r7T0FyyknXc78aUzewdr.BI0GT6Ix6gWxH510KATA .z_l1SRmACF9wxJ0YKAKW span {
color: var(--color-content-disabled);
}
/* Tri-state wrapper base */
.r7T0FyyknXc78aUzewdr {
cursor: pointer;
}
/* Tri-state focus */
.r7T0FyyknXc78aUzewdr:focus-visible + .z_l1SRmACF9wxJ0YKAKW .lNtAJnuEFeWZTSmDI2Be {
outline: var(--a11y-outline-width, 2px) solid var(--a11y-outline-color, currentColor);
outline-offset: var(--a11y-outline-offset, 2px);
border-radius: var(--size-line-active);
}
/* Tri-state checked */
.r7T0FyyknXc78aUzewdr.yrWAR6u13cPGl1SazhE9 .G5tJlF8Awj3Ik4tCJ5vF {
opacity: 1;
border-radius: var(--size-line-active);
color: var(--color-controllers-on-default);
}
.r7T0FyyknXc78aUzewdr.yrWAR6u13cPGl1SazhE9 .G5tJlF8Awj3Ik4tCJ5vF:hover {
color: var(--color-controllers-on-hover);
}
/* Tri-state indeterminate */
.r7T0FyyknXc78aUzewdr.lWwXPkg0WVaQs77JFEeC .N7a5P3BZGaCyaalfVSxl {
opacity: 1;
border-radius: var(--size-line-active);
color: var(--color-controllers-on-default);
}
.r7T0FyyknXc78aUzewdr.lWwXPkg0WVaQs77JFEeC .N7a5P3BZGaCyaalfVSxl:hover {
color: var(--color-controllers-on-hover);
}
/* Tri-state disabled */
.r7T0FyyknXc78aUzewdr.BI0GT6Ix6gWxH510KATA .z_l1SRmACF9wxJ0YKAKW {
cursor: not-allowed;
color: var(--color-content-disabled);
}
.vpCJ1wlS9ug2vbA_uE9Y {
position: absolute;
top: 50%;
left: 50%;
overflow-y: auto;
background-color: var(--color-background-primary);
border-radius: var(--size-borderRadius-layer);
transform: translate(-50%, -50%);
opacity: 1;
transition: opacity var(--animation-duration-layer) var(--animation-timingFunction-in),
transform var(--animation-duration-layer) var(--animation-timingFunction-in);
max-height: calc(100% - var(--size-static200) * 2);
}
.sjD1NDEbssknA6oUcNSs {
width: initial;
}
.RJi6jgXdbd5GhbtoS_n1, .H2TrmqUJ_AJADv3jOYeA {
width: var(--size-grid022);
}
.Wtu7cWG9UTPZGhIOpNtA {
width: var(--size-grid024);
/* layer size will be used with 16/9 images + navigation elements in it, therefore we try to maintain a roughly fitting aspect ratio for the layer */
max-width: 135vh;
}
/* breakpoint specific max-height and width */
@media (min-width: 560px) {
.vpCJ1wlS9ug2vbA_uE9Y {
max-height: calc(100% - var(--size-static300) * 2);
}
.RJi6jgXdbd5GhbtoS_n1, .H2TrmqUJ_AJADv3jOYeA {
width: var(--size-grid020);
}
}
@media (min-width: 960px) {
.RJi6jgXdbd5GhbtoS_n1, .H2TrmqUJ_AJADv3jOYeA {
width: var(--size-grid016);
}
}
@media (min-width: 1280px) {
.RJi6jgXdbd5GhbtoS_n1 {
width: var(--size-grid014);
}
.Wtu7cWG9UTPZGhIOpNtA {
width: var(--size-grid022);
}
}
@media (min-width: 1600px) {
.vpCJ1wlS9ug2vbA_uE9Y {
max-height: calc(100% - var(--size-static400) * 2);
}
.RJi6jgXdbd5GhbtoS_n1 {
width: var(--size-grid012);
}
.H2TrmqUJ_AJADv3jOYeA {
width: var(--size-grid014);
}
}
@media (min-width: 1920px) {
.RJi6jgXdbd5GhbtoS_n1 {
width: var(--size-grid010);
}
.H2TrmqUJ_AJADv3jOYeA {
width: var(--size-grid012);
}
.Wtu7cWG9UTPZGhIOpNtA {
/* 20 grid columns without limiting the width at 20/24 of 2560px */
width: calc(100vw / 24 * 20);
}
}
@media (min-width: 2560px) {
.vpCJ1wlS9ug2vbA_uE9Y {
max-height: calc(100% - var(--size-static510) * 2);
}
.RJi6jgXdbd5GhbtoS_n1 {
/* 10 grid columns at 2560px */
width: calc(var(--breakpoint-b2560) / 24 * 10);
}
.H2TrmqUJ_AJADv3jOYeA {
/* 12 grid columns at 2560px */
width: calc(var(--breakpoint-b2560) / 24 * 12);
}
}
.emEVbQhx0n5MXIPKJmxN {
opacity: 1;
transform: translate(-50%, -50%) translateY(0);
}
.paTHdGYBrbC0Ch0LaT1L,
.nXxo9wOWOFLS8i2DIQtL,
._fM7b5J4QPeDiYHozrJy {
opacity: 0;
transform: translate(-50%, -50%) translateY(var(--size-static500));
}
.Mr5VfxaKggpYUtMYH0wq {
opacity: 1;
transform: translate(-50%, -50%) translateY(0);
}
.XWjWAdrYRHBvewQ9VHFd {
position: absolute;
display: flex;
align-items: center;
top: calc((50px - var(--size-static350)) / 2);
inset-inline-start: 0;
inset-inline-end: var(--size-static250);
justify-content: flex-end;
pointer-events: none;
transition: transform var(--ANIMATION_FUNCTION), color var(--animation-timingFunction-cubicOut) var(--animation-duration-color);
white-space: nowrap;
}
.hkD6bEzZn2jSXHrWkh6z {
font-size: var(--font-label-100-fontSize);
width: 100%;
display: block;
margin: 0;
padding: 0;
color: var(--color-content-active);
pointer-events: none;
visibility: initial;
max-height: var(--size-static250);
transition: max-height var(--animation-timingFunction-cubicOut) var(--animation-duration-color);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - var(--size-static350) - var(--size-static150));
}
.rOek6UdUKcNbjsqjG3yL {
color: transparent;
visibility: hidden;
max-height: 0;
}
.zYX9vz0bLnLx9uW8ahCD {
appearance: none;
box-shadow: none;
opacity: unset;
pointer-events: auto;
height: auto;
width: 100%;
padding: 0;
/* paddings work in a weird way in selects. This 1px top padding ensures the text is at the right position without cutting off font descenders */
padding-top: 1px;
padding-right: var(--size-static400);
color: inherit;
background: transparent;
font-size: var(--font-copy-200-fontSize);
font-family: var(--font-copy-200-fontFamily);
outline: none;
border: none;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all var(--animation-timingFunction-cubicOut) var(--animation-duration-color);
}
.zYX9vz0bLnLx9uW8ahCD:focus {
color: var(--color-content-primary);
}
.zYX9vz0bLnLx9uW8ahCD option {
color: initial;
}
.zYX9vz0bLnLx9uW8ahCD option:disabled {
color: initial;
}
.zYX9vz0bLnLx9uW8ahCD:dir(rtl) {
padding-left: var(--size-static400);
padding-right: 0;
}
.nqWA_rE2MR9k1vAEoS_p {
cursor: not-allowed;
}
.q5IrLB5FFcQI6xOfhoRg {
transition: all var(--animation-timingFunction-cubicOut) var(--animation-duration-color);
position: absolute;
inset-inline-start: 0;
color: inherit;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - var(--size-static350) - var(--size-static150));
bottom: 0;
cursor: text;
font-size: var(--font-copy-200-fontSize);
padding: var(--size-static100) 0;
}
.zYX9vz0bLnLx9uW8ahCD:focus ~ .q5IrLB5FFcQI6xOfhoRg {
bottom: 100%;
}
.NYCoBTf9S2oFqa88uqKg {
bottom: 100%;
cursor: initial;
font-size: var(--font-label-100-fontSize);
padding: 0;
}
.qxuNN2Edci3YO5pMpsWv {
position: relative;
}
.P4jZq9EppX6BvGlW0rUf {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
height: 50px;
color: var(--color-content-primary);
pointer-events: none;
cursor: auto;
padding: 0 var(--size-static250);
box-shadow: 0 0 0 var(--size-border-default) var(--color-border-default);
border-radius: var(--size-borderRadius-select);
}
.d8l4a0KHSdkIxUAMeqr7 {
cursor: not-allowed;
color: var(--color-content-disabled);
}
.oPxsr2QxsGeCZ5Zh5HBP:focus-within {
box-shadow: 0 0 0 var(--size-border-focus) var(--color-focus-main);
}
._xzib08JbTG7cW9yR_29 {
box-shadow: 0 0 0 var(--size-border-selected) var(--color-signal-success);
}
.SxvEtCvc3o_fUD72Pm3w {
box-shadow: 0 0 0 var(--size-border-selected) var(--color-signal-error);
}
.P4jZq9EppX6BvGlW0rUf:focus-within .q5IrLB5FFcQI6xOfhoRg,
.P4jZq9EppX6BvGlW0rUf:focus-within .hkD6bEzZn2jSXHrWkh6z {
padding: var(--size-static0);
font-size: var(--font-label-100-fontSize);
}
.V1cDQreadBldZmHQ52FS:hover,
.V1cDQreadBldZmHQ52FS:focus-within {
color: var(--color-content-hover);
}
.V1cDQreadBldZmHQ52FS:hover {
box-shadow: 0 0 0 var(--size-border-default) var(--color-border-hover);
}
.V1cDQreadBldZmHQ52FS:hover .hkD6bEzZn2jSXHrWkh6z {
color: var(--color-content-hover);
}
.xebsZcab_isoSHcC_Q29 {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
row-gap: var(--gutter, 1rem);
}
.ygJrwX4DfvJpeg526ZG7 {
position: relative;
padding-inline-start: min(2em, var(--size-static510));
list-style: none;
margin: 0;
color: var(--color-content-primary);
}
.ygJrwX4DfvJpeg526ZG7::before {
position: absolute;
font-weight: bold;
content: ''; /* will be replaced dynamically via class selectors */
transform: translateX(max(-2em, calc(-1 * var(--size-static510))));
}
.ygJrwX4DfvJpeg526ZG7:dir(rtl)::before {
transform: translateX(min(2em, var(--size-static510)));
}
ul > .ygJrwX4DfvJpeg526ZG7::before {
content: '—';
}
ol > .ygJrwX4DfvJpeg526ZG7 {
counter-increment: items;
}
ol > .ygJrwX4DfvJpeg526ZG7::before {
content: var(--counterContent);
}
.LNLK5rnxZP3tR08VOhuc {
display: flex;
position: relative;
gap: var(--size-static250);
min-height: var(--size-static535);
isolation: isolate;
overflow: hidden;
inset-inline-end: 0;
}
.IcQP7hErtELPPUqR2kda {
color: var(--color-content-primary);
margin: var(--size-static150) calc(var(--size-static100) - 2px);
}
.IcQP7hErtELPPUqR2kda:focus-visible {
border-radius: var(--size-border-default);
outline: var(--size-border-focus, 2px) solid var(--color-focus-main);
}
.EML8GlNjSG05fPeCHgpC {
position: initial;
display: flex;
justify-items: start;
column-gap: var(--size-static400);
width: 100%;
z-index: -1;
list-style: none;
margin-block-start: 1rem;
margin-block-end: 1rem;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
overscroll-behavior-x: contain;
overscroll-behavior-y: contain;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.EML8GlNjSG05fPeCHgpC::-webkit-scrollbar {
display: none;
}
.EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg.KyEQORuNKMxlowwJrZbx::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: var(--size-border-default);
top: var(--size-static250);
background-color: var(--color-border-default);
z-index: -1;
}
.EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg.T6YRtVyANbkz7e7xieJw::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: var(--size-border-default);
bottom: var(--size-static250);
background-color: var(--color-border-default);
z-index: -1;
}
.EML8GlNjSG05fPeCHgpC.tIOV3j7444wFeEdBbSjB {
padding: 0 var(--size-static100);
}
.EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg::before,
.EML8GlNjSG05fPeCHgpC.lpuz8J3SyEE0y_A8SMju::before {
transition: transform var(--animation-timingFunction-cubicOut) var(--animation-duration-tabIndicator);
width: var(--tabs-indicator-width);
transform-origin: left;
content: "";
position: absolute;
transform: var(--tabs-indicator-transform);
height: var(--size-border-active);
background: var(--tabs-indicator-background, var(--color-tab-active));
}
[dir="rtl"] .EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg::before,
[dir="rtl"] .EML8GlNjSG05fPeCHgpC.lpuz8J3SyEE0y_A8SMju::before {
transform-origin: right;
}
.EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg.zj2iulgtAchTePAUu9C8::before,
.EML8GlNjSG05fPeCHgpC.lpuz8J3SyEE0y_A8SMju.zj2iulgtAchTePAUu9C8::before {
background: var(--tabs-indicator-background, var(--color-tab-disabled));
}
.EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg.KyEQORuNKMxlowwJrZbx::before,
.EML8GlNjSG05fPeCHgpC.lpuz8J3SyEE0y_A8SMju.KyEQORuNKMxlowwJrZbx::before {
top: var(--size-static250);
}
.EML8GlNjSG05fPeCHgpC.XxoTHa4ZWxPDUglBSitg.T6YRtVyANbkz7e7xieJw::before,
.EML8GlNjSG05fPeCHgpC.lpuz8J3SyEE0y_A8SMju.T6YRtVyANbkz7e7xieJw::before {
bottom: var(--size-static250);
}
.EML8GlNjSG05fPeCHgpC:has(:focus-visible)::before {
background: var(--tabs-indicator-background, var(--color-tab-active));
}
.EML8GlNjSG05fPeCHgpC.zj2iulgtAchTePAUu9C8:has(:focus-visible)::before {
background: var(--tabs-indicator-background, var(--color-tab-disabled));
}
.Z2FNPlF564RbZKihNIp0 {
color: var(--color-tab-default);
position: relative;
top: calc(var(--size-border-selected) / -2);
}
.Z2FNPlF564RbZKihNIp0.RefscROOUlbcAeGZOJNM {
color: var(--color-tab-disabled);
}
.Z2FNPlF564RbZKihNIp0.O3irIGw_g2bbNoHxOGBg {
border-radius: var(--size-borderRadius-stepnav);
border: var(--size-border-selected);
padding: var(--size-static150) var(--size-static250);
}
.Z2FNPlF564RbZKihNIp0.O3irIGw_g2bbNoHxOGBg:not(.RefscROOUlbcAeGZOJNM):hover {
color: var(--color-tab-hover);
}
.Z2FNPlF564RbZKihNIp0.O3irIGw_g2bbNoHxOGBg.z8EQWcTPJ2gV21SvE_B9:not(.RefscROOUlbcAeGZOJNM):hover {
background-color: var(--color-tab-stepnav-selected);
}
.Z2FNPlF564RbZKihNIp0.O3irIGw_g2bbNoHxOGBg.z8EQWcTPJ2gV21SvE_B9 {
background: var(--color-tab-stepnav-selected);
}
.Z2FNPlF564RbZKihNIp0.O3irIGw_g2bbNoHxOGBg.z8EQWcTPJ2gV21SvE_B9.RefscROOUlbcAeGZOJNM {
background: var(--color-tab-stepnav-disabled);
}
.Z2FNPlF564RbZKihNIp0.RefscROOUlbcAeGZOJNM {
cursor: not-allowed;
}
.Z2FNPlF564RbZKihNIp0:has(svg) svg {
margin-right: var(--size-static150);
}
[dir="rtl"] .Z2FNPlF564RbZKihNIp0:has(svg) svg {
margin-right: 0;
margin-left: var(--size-static150);
}
.gZ_mRxM0eRqJsJc4uzgG {
position: relative;
white-space: nowrap;
border: 0;
box-shadow: none;
background: none;
}
.gZ_mRxM0eRqJsJc4uzgG.kV9RaRgfVL3swTL_Cfec {
padding: var(--size-static100) 0;
}
.gZ_mRxM0eRqJsJc4uzgG.O3irIGw_g2bbNoHxOGBg:not([aria-disabled="true"]) {
padding: var(--size-static100) 0;
}
.gZ_mRxM0eRqJsJc4uzgG:not(.O3irIGw_g2bbNoHxOGBg):not([aria-disabled="true"]) {
padding-left: calc(var(--size-border-selected) * 1.5);
padding-right: calc(var(--size-border-selected) * 1.5);
}
.gZ_mRxM0eRqJsJc4uzgG:not(.O3irIGw_g2bbNoHxOGBg):not([aria-disabled="true"]):hover .Z2FNPlF564RbZKihNIp0,
.gZ_mRxM0eRqJsJc4uzgG:not(.O3irIGw_g2bbNoHxOGBg):not([aria-disabled="true"]):focus .Z2FNPlF564RbZKihNIp0 {
color: var(--color-tab-hover);
}
.gZ_mRxM0eRqJsJc4uzgG:focus-visible {
outline: none;
}
.gZ_mRxM0eRqJsJc4uzgG:focus-visible .Z2FNPlF564RbZKihNIp0 {
outline: var(--size-border-focus, 2px) solid var(--color-focus-main);
}
.gZ_mRxM0eRqJsJc4uzgG:not(.O3irIGw_g2bbNoHxOGBg):focus-visible .Z2FNPlF564RbZKihNIp0 {
border-radius: var(--size-border-default);
color: var(--color-tab-hover);
outline-offset: calc(var(--size-border-focus, 2px) / 2);
}
.gZ_mRxM0eRqJsJc4uzgG[aria-disabled="true"] {
cursor: not-allowed;
}
.gZ_mRxM0eRqJsJc4uzgG[aria-disabled="true"]:focus-visible .Z2FNPlF564RbZKihNIp0 {
outline: var(--size-border-focus, 2px) solid var(--color-focus-main);
}
.gZ_mRxM0eRqJsJc4uzgG:not(.O3irIGw_g2bbNoHxOGBg)[aria-disabled="true"]:focus-visible .Z2FNPlF564RbZKihNIp0 {
border-radius: var(--size-border-default);
color: var(--color-tab-disabled);
outline-offset: calc(var(--size-border-focus) / 2);
}
.rJPElJz_a4OpF0iZzohQ {
display: inline-block;
margin: 0;
border: none;
background: transparent;
color: inherit;
text-decoration: none;
cursor: pointer;
}
.rJPElJz_a4OpF0iZzohQ.Xym7OvJaD5zFFmHW7IY1 {
padding: var(--size-static150) 0;
}
.rJPElJz_a4OpF0iZzohQ:not(.O3irIGw_g2bbNoHxOGBg):hover:enabled .Z2FNPlF564RbZKihNIp0 {
color: var(--color-tab-hover);
cursor: pointer;
}
.rJPElJz_a4OpF0iZzohQ.RefscROOUlbcAeGZOJNM {
cursor: not-allowed;
}
.uigsNAmAiMG3VagYXGYk {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--color-background-primary);
color: var(--color-content-primary);
* {
box-sizing: border-box;
}
}
.T56FSOJUPrne05neDktu {
--font-family-head: vw-head, sans-serif;
--font-family-text: vw-text, sans-serif;
:lang(ko),
:lang(zh),
:lang(zh-tw),
:lang(ja),
:lang(ar) {
font-style: normal;
}
:lang(ko) {
word-break: keep-all;
hyphens: auto; /* Needed for breaking long URLs */
}
:lang(vi) {
--font-family-head: roboto-vi, sans-serif;
--font-family-text: roboto-vi, sans-serif;
}
:lang(ar) {
--font-family-head: vw-head, vw-text-ar, sans-serif;
--font-family-text: vw-text, vw-text-ar, sans-serif;
}
font-family: var(--font-family-text);
}
.nyGQld7niWF1JvEwYsuJ {
background-color: var(--color-background-primary);
color: var(--color-content-primary);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
& * {
box-sizing: border-box;
}
}
.rIJ367lTFO6y1xdZnMeQ {
/* reset styles that could have been set for specific languages on parent elements */
word-break: initial;
hyphens: initial;
font-style: initial;
}
.VmNzQUuc00t6wVgHRSLo {
display: grid;
align-items: center;
width: 100%;
--logo-size: var(--size-static400);
--margin-size: calc(var(--size-static400) / 4);
grid-template-columns: auto max-content auto;
column-gap: var(--margin-size);
}
.M_zE9pQ0MdHDB0knm70g {
grid-template-columns:
calc(50vw - (var(--size-static400) / 2) - var(--margin-size))
max-content
max-content
auto;
}
@media (min-width: 560px) {
.VmNzQUuc00t6wVgHRSLo {
--logo-size: var(--size-static450);
--margin-size: calc(var(--size-static450) / 4);
}
.M_zE9pQ0MdHDB0knm70g {
grid-template-columns:
calc(50vw - (var(--size-static450) / 2) - var(--margin-size))
max-content
max-content
auto;
}
}
@media (min-width: 960px) {
.VmNzQUuc00t6wVgHRSLo {
--logo-size: var(--size-static510);
--margin-size: calc(var(--size-static510) / 4);
grid-template-columns:
calc(var(--size-grid016) - var(--margin-size))
max-content
auto;
}
.M_zE9pQ0MdHDB0knm70g {
grid-template-columns:
calc(var(--size-grid016) - var(--margin-size))
max-content
max-content
auto;
}
}
@media (min-width: 1920px) {
.VmNzQUuc00t6wVgHRSLo {
--logo-size: var(--size-static520);
--margin-size: calc(var(--size-static520) / 4);
}
}
@media (min-width: 2560px) {
.VmNzQUuc00t6wVgHRSLo {
grid-template-columns:
calc((var(--breakpoint-b2560) / 6) + 50vw - var(--margin-size))
max-content
auto;
}
.M_zE9pQ0MdHDB0knm70g {
grid-template-columns:
calc((var(--breakpoint-b2560) / 6) + 50vw - var(--margin-size))
max-content
max-content
auto;
}
}
.VmNzQUuc00t6wVgHRSLo::before,
.VmNzQUuc00t6wVgHRSLo::after {
content: "";
height: var(--size-border-selected);
background: var(--color-content-active);
}
.VmNzQUuc00t6wVgHRSLo svg {
fill: var(--color-content-active);
width: var(--logo-size);
height: var(--logo-size);
}
.ojQ8c6SiC2t8XWMS5g1K {
display: grid;
margin: auto;
grid-template-columns: repeat(24, 1fr);
}
.hviKIda36d92yJyFK6H1 {
overflow: hidden;
}
.rKkV8U_JpmNAlECqUPol {
overflow: visible;
}
/*# sourceMappingURL=index.css.map*/