/* Note: if needed later, we could use semantic colors (https://ether.thescenery.co/color/) */ :root { /* mono */ --color_white: hsl(0, 0%, 100%); /* #ffffff */ --color_white-0: hsla(0, 0%, 100%, 0); /* #ffffff */ --color_white-10: hsla(0, 0%, 100%, 0.1); /* #ffffff */ --color_white-20: hsla(0, 0%, 100%, 0.2); /* #ffffff */ --color_white-30: hsla(0, 0%, 100%, 0.3); /* #ffffff */ --color_white-50: hsla(0, 0%, 100%, 0.5); /* #ffffff */ --color_white-70: hsla(0, 0%, 100%, 0.7); /* #ffffff */ --color_white-80: hsla(0, 0%, 100%, 0.8); /* #ffffff */ --color_base: hsl(0, 0%, 60%); /* #999999 */ --color_black: hsl(0, 0%, 0%); /* #000000 */ --color_black-50: hsla(0, 0%, 0%, 0.5); /* #808080 */ --color_black-80: hsl(0, 0%, 80%); /* #cccccc */ /* neutral colors */ --color_grey-100: hsl(0, 0%, 96%); /* #f5f5f5 */ --color_grey-200: hsl(220, 14%, 88%); /* #dcdfe5 */ --color_grey-300: hsl(218, 7%, 78%); /* #c3c6cb */ --color_grey-350: hsl(240, 14%, 90%); /* #e2e2e9 */ --color_grey-350-low-opacity: hsla(240, 14%, 90%, 0.2); /* #e2e2e9 opacity .2 */ --color_grey-400: hsl(215, 6%, 39%); /* #5d6269 */ --color_grey-450: hsl(217, 9%, 29%); /* #434851 */ --color_grey-500: hsl(0, 0%, 28%); /* #474747 */ --color_grey-600: hsl(213, 12%, 12%); /* #1b1e22 */ --color_grey-700: hsl(220, 12%, 10%); /* #16181d */ --color_grey-800: hsl(346, 35%, 7%); /* #180c0f */ --color_grey-850: hsl(0, 0%, 99%); /* #fcfcfc */ --color_grey-dark: hsl(215, 15%, 23%); /* #313842 */ /* V5 mono */ --color_amaranth-50: hsla(350, 83%, 57%, 0.5); /* #ec3654 opacity .5 */ --color_amaranth: hsl(350, 83%, 57%); /* #ec3654 */ --color_cod-grey: hsl(0, 0%, 9.4%); /* #181818 */ --color_cod-grey-50: hsla(0, 0%, 9.4%, 0.5); /* #181818 opacity .5 */ --color_gallery: hsl(0, 0%, 92.2%); /* #ebebeb */ --color_iron: hsl(180, 7.4%, 89.4%); /* #E2E6E6 */ --color_ivory: hsl(240, 5%, 96%); /* #f5f5f6 */ --color_maroon-flush: hsl(350.1, 67.4%, 45.7%); /* #c32640 */ --color_mine-shaft: hsl(0, 0%, 14.1%); /* #242424 */ --color_mine-shaft-light: hsl(0, 0%, 22.7%); /* #3a3a3a */ --color_tuna: hsl(233, 8%, 23%); /* #373840 */ /* theme colors */ --color_primary: hsl(0, 0%, 11%); /* #1c1c1c */ --color_secondary: var(--color_amaranth); /* button colors */ --color_button-bg-hover: hsl(350, 83%, 59%); /* #ed405d */ --color_button-disabled-bg: var(--color_amaranth-50); --color_button-disabled-fg: var(--color_white-70); --color_button-fg: var(--color_white); --color_button-tvod-bg: hsla(310, 64%, 34%, 0.8); /* #8e1f7c opacity .8 */ /* card colors */ --color_primary-card: hsl(217.5, 10.8%, 14.5%); /* #212429 */ --color_secondary-card: hsla(218, 11%, 15%, 0.63); /* #22252a opacity .63 */ --color_primary-card-shadow: hsl(216, 11%, 15%); /* #22252a */ --color_cardRemoveButton-bg: var(--color_primary-card); --color_cardProgressBar-bg: var(--color_secondary); /* text colors */ --color_text-primary: var(--color_primary); --color_text-secondary: var(--color_font-grey); --color_text-disabled: var(--color_primary); /* dark mode */ --account_color_primary-card-hover: hsl(240, 5.3%, 96.3%); --color_darkmode-primary: hsl(0, 0%, 5%); /* #0E0E0E */ --color_darkmode-primary-0: hsla(220, 12%, 10%, 0); /* #16181C */ --color_darkmode-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-tertiary: hsl(233, 8%, 23%); /* #373840 */ --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_darkmode-textcolor-secondary: hsla(0, 0%, 100%, 0.9); --color_darkmode-button: hsl(214, 7%, 19%); /* #2c2f33 */ --color_darkmode-button-lighter: hsla(214, 7%, 19%, 0.9); /* #2c2f33 */ --color_darkmode-button-hover: hsla(240, 14%, 90%, 0.2); /* #e2e2e9 opacity .2 */ --color_darkmode-line: hsl(217.5, 10.8%, 14.5%); /* #212429 */ --background_darkmode-cover: linear-gradient(to top, var(--color_darkmode-primary) 1%, rgba(22, 25, 28, 0) 50%); --color_darkmode-disabled-button: hsla(214, 7%, 19%, 0.9); /* #2C2F33E6 */ --color_darkmode-settings-background: hsl(217.5, 10.8%, 14.5%); /* #212429 */ --color_darkmode-settings-hover: hsla(233, 8%, 23%, 0.5); /* #373840 opacity .5 */ --color_darkmode-settings-text: var(--color_white-70); --color_darkmode-background-page: var(--color_dark); --color_darkmode-guide-collapsible-bg: var(--color_darkmode-primary); --color_darkmode-guide-collapsible-hover-bg: var(--color_darkmode-secondary); --color_darkmode-guide-day-selector-item-fg: var(--color_darkmode-textcolor-primary); --color_darkmode-form-input-bg: var(--color_darkmode-secondary); --color_darkmode-form-input-active-bg: var(--color_darkmode-secondary); --color_darkmode-zoneSelector-country: var(--color_white-70); --color_darkmode-zoneSelector-country-hover: var(--color_white); /* tvod colors */ --color_tvod-primary: hsl(310, 64%, 34%); /* #8e1f7c */ --color_tvod-secondary: hsl(297, 32%, 26%); /* #552d58 */ --color_tvod-tertiary: hsl(311, 60%, 47%); /* #c030a5 */ --color_tvod-dark: hsl(215, 15%, 23%); /* #323943 */ /* link colors */ --color_link-normal: var(--color_secondary); --color_link-hover: var(--color_maroon-flush); /* brand colors */ --color_facebook: hsl(221, 44%, 41%); /* #3b5998 */ --color_twitter: hsl(196, 100%, 46%); /* #00aced */ --color_telerama: hsl(0, 86%, 43%); /* #CE0F0F */ --color_allocine: hsl(52, 100%, 50%); /* #FFDB00*/ --color_telecable: hsl(353, 100%, 44%); /* #e0001a */ /* error colors */ --color_error-msg: hsl(354, 76%, 62%); /* #e85463 */ --color_error-text: var(--color_secondary); /* action colors */ --color_action-success: hsl(128, 85%, 57%); /* #34ef4d */ /* modal colors */ --color_modal-light-inner-bg: var(--color_white); /* #ffffff */ --color_modal-light-inner-fg: var(--color_primary); /* #1c1c1c */ --color_modal-dark-inner-bg: var(--color_darkmode-secondary); /* #2c2f33 */ --color_modal-dark-inner-fg: var(--color_darkmode-textcolor-primary); /* #ffffff */ /* mood colors */ --color_mood-neutral: hsl(220, 14%, 88%); /* #dcdfe5 */ --color_mood-like: hsl(157, 79%, 42%); /* #16c07f */ --color_mood-dislike: var(--color_secondary); /* rating colors */ --color_rating: hsl(151, 91%, 43%); /* #0ad171 */ /* placeholder colors */ --color_placeholder: hsl(220, 16%, 89%); /*#dee1e7*/ /* form colors */ --color_form-input: hsl(216, 16%, 19%); /* #292f38 */ --color_form-input-bg: var(--color_white); --color_form-input-hover: hsl(218, 18%, 26%); /* #696e77 */ --color_form-placeholder: hsl(219, 6%, 44%); /* #c62f48 */ --color_form_flipSwitch: var(--color_secondary); --color_form_flipSwitch_label-fg: var(--color_secondary); --color_form-flipSwitch-off: hsla(217.5, 10.8%, 14.5%, 0.2); /* #212429 opacity .2 */ --color_form_focus_outline: hsl(208, 59%, 60%); /* #5d9dd5 */ --color_form-radio-border: hsl(210, 9%, 70%); --color_form-radio-bg: hsl(218, 18%, 26%); --color_form-radio-checked-bg: hsl(310, 68%, 25%); --color_form-radio-checked-border: var(--color_tvod-tertiary); --color_form-radio-checked-after-bg: var(--color_tvod-tertiary); --color_form-input-tvod: var(--color_form-input); --color_form-input-tvod-hover: var(--color_form-input-hover); /* checkbox colors */ --color_checkbox-border: hsl(210, 9%, 70%); /* #ACB3B9 */ --color_checkbox-bg: hsl(218, 18%, 26%); /* #3E4551 */ --color_checkbox-checked-bg: hsl(310, 68%, 25%); /* #6B145D */ --color_checkbox-checked-border: var(--color_tvod-tertiary); /* header colors */ --color_menu: hsl(218, 18%, 26%); /* #363f4f */ --color_menu-hover: var(--color_secondary); --color_abonnement: var(--color_secondary); --color_abonnement-hover: var(--color_maroon-flush); /* zone selector footer colors */ --color_zoneSelector-country: var(--color_grey-400); --color_zoneSelector-country-hover: var(--color_dark); /* font colors */ --color_font-base: var(--color_black); --color_primary-light: hsl(210, 14%, 55%); /* #7c8c9c */ --color_font-grey: hsla(217.5, 10.8%, 14.5%, 0.7); /* #212429 opacity .7 */ --color_standard_placeholder: rgb(117, 117, 117); /* #757575 */ /* generic focus colors */ --color_focus-primary: var(--color_white); --color_focus-secondary: hsl(208, 59%, 60%); /* #5d9dd5 */ /* background colors */ --background-page: initial; --background-cover: linear-gradient( to top, var(--color_white) 0%, rgba(255, 255, 255, 0.4) 15%, hsla(0, 0%, 11%, 0.1) 50% ); --background-notification-alert: var(--color_amaranth); --background-cover-dark-top: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0) 97%); --background-cover-dark-bottom: linear-gradient(0deg, rgba(22, 25, 28, 1) 41%, rgba(22, 25, 28, 0) 96%); --background-label-subscribe: hsl(216.3, 91.1%, 60.2%); /* #3d86f6 */ --background-label-lastdays: hsl(350, 89%, 45%); /* #d80c2e */ --background-label-grey: hsla(217.5, 10.8%, 14.5%, 0.8); /* #212429 opacity .8 */ /* tv guide colors */ --color_guide-collapsible-closed-bg: hsla(240, 5.3%, 96.3%, 0.4); /* #f5f5f6 opacity .4 */ --color_guide-collapsible-hover-bg: hsl(240, 12%, 90%); /* #E2E2E8 */ --color_guide-collapsible-bg: hsl(240, 5.3%, 96.3%); /* #f5f5f6 */ --color_guide-slate-grey: hsl(210, 6%, 39%); /* #5e646a */ --color_guide-dark-grey: hsl(217.5, 10.8%, 14.5%); /* #212429 */ --color_guide-pale-grey: hsl(240, 14%, 90%); /* #e2e2e9 */ --color_guide-day-selector-bg: var(--color_grey-350-low-opacity); --color_guide-day-selector-item-active-fg: var(--color_secondary); --color_guide-day-selector-item-fg: var(--color_primary); --color_guide-collapsible-text-hover: var(--color_white); --color_guide-column-item-border: var(--color_guide-pale-grey); --color_guide-navigationButton-bg: var(--color_grey-600); /* light mode */ --color_guide-channels-selector-light-bg: var(--color_white); --color_guide-collapsible-hover-light-bg: hsl(240, 12%, 90%); /* #E2E2E8 */ --color_guide-collapsible-hover-light-fg: var(--color_text-primary); --color_guide-collapsible-closed-light-bg: hsla(240, 5.3%, 96.3%, 0.4); /* #f5f5f6 opacity .4 */ /* dark mode */ --color_guide-channels-selector-dark-bg: var(--color_darkmode-tertiary); --color_guide-collapsible-hover-dark-bg: var(--color_darkmode-secondary); --color_guide-collapsible-hover-dark-fg: var(--color_darkmode-textcolor-primary); --color_guide-collapsible-closed-dark-bg: var(--color_darkmode-tertiary); /* live tv colors */ --color_live-tv-start-over-icon: hsla(217.5, 10.8%, 14.5%, 0.3); /* #212429 */ --color_live-tv-start-over-icon-arrow: var(--color_white); --color_live-tv-start-over-icon-arrow-hover: var(--color_white); --color_live-tv-favorites-empty-msg-bg: hsla(233, 8%, 23%, 0.1); /* #36373f */ --color_live-tv-favorites-empty-msg-icon: var(--color_white); --color-live-tv-edit-favorites-input-group: var(--color_ivory); --color-live-tv-edit-favorites-search-icon: hsla(218, 11%, 15%, 0.5); /* #22252A80 */ --color-live-tv-edit-favorites-card: var(--color_ivory); --color-live-tv-edit-favorites-card-hover: hsla(240, 14%, 90%, 0.65); --color-live-tv-edit-favorites-card-active: var(--color_grey-350); /* #e2e2e9 */ --color-live-tv-edit-favorites-card-check-icon: var(--color_amaranth); --color-live-tv-modal-header-shadow: hsla(0, 0%, 0%, 0.07); /* #000000B3 */ --color-live-tv-modal-footer-shadow: hsla(0, 0%, 0%, 0.1); /* #000000E6 */ --color-live-tv-feature-card-bg: hsl(219, 15%, 19%); /* #292e37 */ /* media-card colors */ --color_media-card-header-button: hsla(0, 0%, 100%, 0.1); /* #FFFFFF1A */ --color_media-card-body: var(--color_grey-300); --color_media-card-body-bg: var(--color_grey-600); --color_media-card-personnalities: var(--color_white); --color_media-card-seasonSwitcher-link-active: var(--color_secondary); --color_media-card-listCardSummary: var(--color_base); --color_media-card-body-meta: var(--color_base); --color_media-card-c2c-bg: var(--color_white); --color_media-card-reviews-review-fg: var(--color_grey-300); /* multi-live setup colors */ --color_multi-live-setup-card-wrap-selection: hsla(218, 11%, 15%, 0.45); /* #22252A73 */ /* showcase colors */ --color_showcase-background: var(--color_dark); --color_showcase-button-primary-bg: var(--color_amaranth); --color_showcase-button-primary-hover-bg: var(--color_maroon-flush); --color_showcase-button-secondary: hsl(214, 7%, 19%); /* #2c2f33 */ --color_showcase-button-secondary-hover: hsl(240, 5%, 23%); /*#38383e*/ --color_showcase-border: hsla(0, 0%, 100%, 0.1); --color_showcase-fg: var(--color_white); --color_showcase-description-fg: var(--color_white-70); --color_showcase-paragraph-text: hsla(0, 0%, 100%, 0.3); --color_showcase-tabs-indicator: hsl(214, 6%, 23%); --color_showcase-tag-background: hsl(233, 8%, 23%); /* #373840 */ --color_showcase-cover-background: hsl(210, 12%, 10%); /* #16191c */ /* external services */ --color_external-services-button-show-episodes: hsla(218, 11%, 15%, 0.7); --color_shadow-external-services-button-show-episodes: hsla(0, 0%, 0%, 0.5); /* register colors */ --color_register-background: var(--color_white); --color_register-background-icon: hsla(0, 0%, 0%, 0.3); /* #0000004c */ --color_register-error: hsl(354, 76%, 62%); /* #e85361 */ --color_register-border-input: var(--color_grey-200); --color_register-cgu-text: hsla(0, 0%, 100%, 0.3); --color_register-button-close-modal: hsla(217.5, 10.8%, 14.5%, 0.03); /* #212429 */ --color_register-button-update-password-text: hsla(217.5, 10.8%, 14.5%, 0.3); /* #212429 */ --color_register-right-bullet-point: hsl(157, 71%, 55%); /* #3add9e */ --color-register-button-hover: hsl(240, 5.3%, 96.3%); /* #f5f5f6 */ --color-register-button-hover-dark: hsl(233, 6.8%, 23.1%); /* #37383f */ /* profile colors */ --color_profile-dark-grey: hsl(217.5, 10.8%, 14.5%); /* #212429 */ --color_profile-background: hsl(210, 12%, 10%); /* #16191c */ --color_profile-background-tv: hsl(210, 12%, 10%); /* #16191c */ --color_profile-input-tv-bg: var(--color_white-70); /* #ffffff */ --color_profileForm-name-border: var(--color_grey-300); --color_profileForm-name-light-bg: var(--color_white); --color_profileForm-name-light-fg: var(--color_black); --color_profileForm-name-dark-bg: var(--color_darkmode-secondary); --color_profileForm-name-dark-bg-focus: var(--color_black); --color_profileForm-name-dark-fg: var(--color_darkmode-textcolor-primary); --color_profileForm-name-dark-fg-focus: var(--color_darkmode-textcolor-primary); --color_profilesList-arrow: var(--color_grey-400); --color_profilesList-profile-border-light: var(--color_grey-350); --color_profilesList-profile-border-dark: var(--color_darkmode-line); --color_usermenu-profile-edit-button-bg: hsla(0, 0%, 100%, 0); /* #ffffff */ --color_usermenu-profile-edit-button-tv-bg: hsl(214.3, 7.4%, 18.6%); /* #2C2F33 */ --color_usermenu-profile-edit-button-tv-fg: var(--color_white-80); /* settings */ --color_settings-border: var(--color_grey-350); /* my account idp */ --color_my-account-idp-text: hsla(217.5, 10.8%, 14.5%, 0.3); /* #212429 opacity .3 */ --color_my-account-idp-value: hsl(216, 2.9%, 34.3%); /* #55575a */ /* tooltip colors */ --color_toolTip-content-secondary-bg: var(--color_secondary); /* V5 colors */ --color_detail-content: hsl(0, 0%, 9.8%); /* #191919 */ --color_detail-metas: hsla(0, 0%, 100%, 0.5); /* user menu colors */ --color_usermenu-profile-edit-button-fg: var(--color_secondary); --color_usermenu-bottom-button-authentication-fg: var(--color_white); /* TV colors */ --color_button-tv: hsla(214, 7%, 19%, 0.9); /* #2c2f33 */ /* TV Focus colors */ --color_focus-outline: var(--color_amaranth); --color_focus-bg: var(--color_amaranth); --color_focus-fg: var(--color_white); --color_focus-border: var(--color_amaranth); /* gabaritList colors */ --color_gabaritList-accent: var(--color_amaranth); /* light mode */ --color_gabaritList-item-light-fg: var(--color_chalkboard); --color_gabaritList-dropdown-light-bg: var(--color_white); --color_gabaritList-dropdown-light-fg-hover: var(--color_black); --color_overflow-light: var(--color-white); /* dark mode */ --color_gabaritList-item-dark-fg: var(--color_white); --color_gabaritList-dropdown-dark-bg: var(--color_chalkboard); --color_gabaritList-dropdown-dark-bg-hover: var(--color_tuna); --color_gabaritList-dropdown-dark-fg-hover: var(--color_white); --color_overflow-dark: var(--color_darkmode-primary); /* perso template colors */ --color_persoTemplate-text: var(--color_primary); /* badges colors */ --color_badge-button-bg: var(--color_grey-500); --color_badge-button-hover-bg: var(--color_grey-500); --color_badge-button-disabled-bg: hsl(0, 0%, 18%); /* #2e2e2e */ --color_badge-button-disabled-hover-bg: hsl(0, 0%, 18%); /* #2e2e2e */ --color_badge-button-disabled-svg-fill: hsl(0, 0%, 48%); /* #7b7b7b */ --color_badge-button-svg-fill: var(--color_grey-100); /* dropdown colors */ /* light mode */ --color_dropdown-light-fg: var(--color_text-primary); --color_dropdown-light-bg: var(--color_white); --color_dropdown-border-light: var(--color_grey-350); --color_dropdown-item-light-bg-hover: var(--color_grey-100); --color_dropdown-item-light-fg-hover: var(--color_text-primary); --color_dropdown-item-subtitle-light-fg: var(--color_guide-slate-grey); /* dark mode */ --color_dropdown-dark-fg: var(--color_darkmode-textcolor-primary); --color_dropdown-dark-bg: var(--color_darkmode-secondary); --color_dropdown-border-dark: var(--color_darkmode-line); --color_dropdown-item-dark-bg-hover: var(--color_darkmode-tertiary); --color_dropdown-item-dark-fg-hover: var(--color_darkmode-textcolor-primary); --color_dropdown-item-subtitle-dark-fg: var(--color_darkmode-textcolor-secondary); /* Button Settings TV colors */ --color_settings-button-bg: var(--color_darkmode-button-lighter); --color_settings-button-fg: var(--color_white-80); --color_settings-icon-fg: var(--color_white-80); /* GDPR & privacy manager colors */ --color_GDPR-text-fg: var(--color_white-80); --color_GDPR-button-bg: var(--color_darkmode-button-lighter); --color_GDPR-button-readonly-bg: hsla(0, 0%, 0%, 0.3); /* #000000 opacity .3 */ --color_GDPR-choice-fg: var(--color_white-70); --color_GDPR-button-fg: var(--color_white-80); --color_GDPR-icon-fg: var(--color_white-80); /* parental code */ --color_parental-code-input-bg: hsla(218, 11%, 15%, 0.1); --color_parental-code-input-border: hsla(0, 0%, 0%, 0.1); } /* ------------------------------------------------ OVERRIDE THEMING VALUES ------------------------------------------------*/ /* LIGHT MODE MYCANAL ---------------------------------------------------*/ :root [data-theme='light'] { --background-page: var(--color_white); } /* DARK MODE MYCANAL ---------------------------------------------------*/ :root [data-theme~='dark'] { /* background colors */ --background-page: var(--color_darkmode-primary); /* text colors */ --color_text-primary: hsl(0, 0%, 100%); /* #ffffff */ --color_text-secondary: var(--color_white-70); --color_error-text: var(--color_secondary); /* setting colors */ --color_settings-border: var(--color_darkmode-tertiary); /* media card */ --color_media-card-c2c-bg: var(--color_darkmode-primary); /* tv guide colors */ --color_guide-collapsible-hover-bg: var(--color_darkmode-secondary); --color_guide-collapsible-closed-bg: var(--color_darkmode-tertiary); --color_guide-day-selector-item-fg: var(--color_white); /* live tv colors */ --color_live-tv-start-over-icon: var(--color_darkmode-tertiary); --color_live-tv-favorites-empty-msg-bg: hsla(255, 255%, 255%, 0.1); /* #36373f */ --color-live-tv-edit-favorites-input-group: var(--color_darkmode-secondary); --color-live-tv-edit-favorites-search-icon: hsla(0, 0%, 100%, 0.5); /* #FFFFFF80 */ --color-live-tv-edit-favorites-card: hsl(217.5, 10.8%, 14.5%); /* #212429 */ --color-live-tv-edit-favorites-card-hover: hsla(233, 8%, 23%, 0.7); /* #373840B3 */ --color-live-tv-edit-favorites-card-active: hsl(233, 8%, 23%); /* #373840 */ /* parental code */ --color_parental-code-input-bg: hsl(0, 0%, 14%); --color_parental-code-input-border: var(--color_white-30); } /* TVOD MODE ---------------------------------------------------*/ /* ~= selector is used to select elements with an attribute value containing a specified word like "tvod dark" or "tvod light" */ :root [data-theme~='tvod'] { /* theme colors */ --color_secondary: hsl(311, 60%, 47%); /* #c030a5 */ /* button colors */ --color_button-disabled-bg: hsla(310, 64%, 34%, 0.5); /* #8e1f7c opacity .5 */ --color_button-bg-hover: var(--color_tvod-primary); /* link colors */ --color_link-hover: var(--color_button-bg-hover); /* form colors */ --color_form-placeholder: hsl(210, 9%, 70%); /* #acb3b9 */ --color_form_flipSwitch: hsl(310, 64%, 34%); /* #8e1f7c */ --color_form_flipSwitch_label-fg: hsl(310, 64%, 34%); /* #8e1f7c */ --color_form-flipSwitch-off: hsla(217.5, 10.8%, 14.5%, 0.2); /* #212429 opacity .2 */ /* header colors */ --color_menu-hover: var(--color_secondary); --color_abonnement: hsl(310, 64%, 34%); /* #8e1f7c */ --color_abonnement-hover: hsl(350, 83%, 59%); /* #ed405e */ /* GabaritList colors */ --color_gabaritList-accent: var(--color_tvod-tertiary); /* showcase colors */ --color_showcase-background: var(--color_dark); /* profile colors */ --color_profilesList-light-fg: hsl(0, 0%, 11%); /* #1C1C1C */ --color_profilesList-dark-fg: hsl(0, 0%, 100%); /* #ffffff */ } /* TIM MODE ---------------------------------------------------*/ /* data-theme = "telecomitalia dark" || "telecomitalia light" */ :root [data-theme~='telecomitalia'] { /* mono */ --color_secondary: var(--color_white); --color_standard_placeholder: var(--color_white-50); --color_gold-roti: hsl(46, 51.4%, 49.2%); /* #bea03d */ --color_gold-alpine: hsl(43.7, 60.3%, 45.5%); /* #ba942e */ --color_gold-kumera: hsl(37.9, 62.6%, 36.7%); /* #986d23 */ --color_gold-dark-primary: hsl(37.9, 63.1%, 32.9%); /* #89621f */ --color_gold-dark-secondary: hsl(37.7, 62.7%, 29.4%); /* #7a571c */ --color_gold-dark-tertiary: hsl(38, 63.1%, 25.5%); /* #6a4c18 */ --color_base: hsla(0, 0%, 100%, 0.7); /* #ffffff */ /* themes colors */ --color_live: hsl(350, 89.5%, 44.7%); /* #D80C2E */ /* background colors */ --background-page: var(--color_gold-kumera); /* zone selector footer colors */ --color_zoneSelector-country: var(--color_white); --color_zoneSelector-country-hover: var(--color_cod-grey); /* text colors */ --color_text-primary: var(--color_white); --color_text-secondary: var(--color_white-70); --color_text-disabled: var(--color_white-60); /* link colors */ --color_link-normal: var(--color_white); --color_link-hover: var(--color_white-70); /* error colors */ --color_error-msg: var(--color_white); /* button colors */ --color_button-bg-hover: var(--color_white-70); --color_button-fg: var(--color_cod-grey); --color_button-disabled-bg: var(--color_white-70); --color_button_primary_hover-bg: hsl(350.1, 67.4%, 45.7%); /* #C32640 */ --color_button-disabled-fg: var(--color_cod-grey); --color_button-icon: var(--color_cod-grey); /* form colors */ --color_form-input: var(--color_white); --color_form-input-bg: var(--color_gold-dark-secondary); --color_form-placeholder: var(--color_white); --color_form_flipSwitch: hsl(0, 0%, 9.4%); /* #181818 */ --color_form_flipSwitch_label-fg: var(--color_white); --color_form-flipSwitch-off: hsla(0, 0%, 0%, 0.5); --color_form-radio-border: var(--color_white); --color_form-radio-bg: transparent; --color_form-radio-checked-bg: transparent; --color_form-radio-checked-border: var(--color_white); --color_form-radio-checked-after-bg: var(--color_white); --color_form-input-tvod: var(--color_gold-dark-primary); --color_form-input-tvod-hover: var(--color_gold-dark-secondary); /* checkbox colors */ --color_checkbox-border: var(--color_white); --color_checkbox-bg: transparent; --color_checkbox-checked-bg: var(--color_gold-dark-primary); --color_checkbox-checked-border: var(--color_white); /* media-card colors */ --color_media-card-body: var(--color_white); --color_media-card-body-bg: var(--color_gold-kumera); --color_media-card-body-meta: var(--color_white); --color_media-card-personnalities: var(--color_white-50); --color_media-card-seasonSwitcher-link-active: var(--color_white); --color_media-card-listCardSummary: var(--color_white); --color_media-card-c2c-bg: var(--color_gold-dark-primary); --color_media-card-reviews-review-fg: var(--color_white-70); /* tv guide colors */ --color_guide-day-selector-bg: var(--color_gold-dark-primary); --color_guide-day-selector-item-active-fg: var(--color_white); --color_guide-day-selector-item-fg: var(--color_white-60); --color_guide-channels-selector-light-bg: var(--color_gold-kumera); --color_guide-collapsible-bg: transparent; --color_guide-collapsible-hover-bg: transparent; --color_guide-collapsible-hover-light-bg: var(--color_gold-dark-primary); --color_guide-collapsible-closed-bg: transparent; --color_guide-collapsible-closed-light-bg: var(--color_gold-dark-primary); --color_guide-collapsible-text-hover: var(--color_grey-700); --color_guide-collapsible-hover-light-fg: var(--color_white-60); --color_guide-column-item-border: hsla(0, 0%, 100%, 0.1); --color_guide-navigationButton-bg: hsla(240, 14%, 90%, 0.2); --color_guide-slate-grey: hsla(240, 14%, 90%, 0.5); /* #e2e2e9 opacity .5 */ /* modal colors */ --color_modal-light-inner-bg: var(--color_gold-alpine); --color_modal-light-inner-fg: var(--color_white); /* usermenu colors */ --color_usermenu-profile-edit-button-fg: var(--color_white); --color_usermenu-profile-edit-button-bg: hsl(0, 0%, 100%); --color_usermenu-bottom-button-authentication-fg: var(--color_black); --color_usermenu-light-border: var(--color_white); /* profiles colors */ --color_profileForm-name-border: transparent; --color_profileForm-name-light-bg: var(--color_gold-dark-primary); --color_profileForm-name-light-fg: var(--color_white); --color_profilesList-arrow: var(--color_gold-dark-tertiary); --color_profilesList-profile-border-light: var(--color_gold-dark-tertiary); /* badges colors */ --color_badge-button-bg: var(--color_gold-dark-secondary); --color_badge-button-hover-bg: var(--color_gold-dark-tertiary); --color_badge-button-disabled-bg: rgba(122, 87, 28, 0.5); /* #7a571c opacity .5 */ --color_badge-button-disabled-hover-bg: var(--color_badge-button-disabled-bg); --color_badge-button-disabled-svg-fill: var(--color_white-50); --color_badge-button-svg-fill: var(--color_white); /* gabaritList colors */ --color_gabaritList-accent: var(--color_white); --color_gabaritList-item-light-fg: var(--color_white-60); --color_gabaritList-dropdown-light-bg: var(--color_gold-kumera); --color_gabaritList-dropdown-light-bg-hover: var(--color_gold-dark-primary); --color_gabaritList-dropdown-light-fg-hover: var(--color_white); --color_overflow-light: transparent; /* dropdown colors */ --color_dropdown-item-subtitle-fg: hsla(240, 14%, 90%, 0.5); /* #e2e2e9 opacity .5 */ --color_dropdown-light-fg: var(--color_grey-350); --color_dropdown-light-bg: var(--color_gold-dark-secondary); --color_dropdown-item-light-bg-hover: var(--color_gold-dark-tertiary); --color_dropdown-item-light-fg-hover: var(--color_white); --color_dropdown-item-subtitle-light-fg: var(--color_dropdown-item-subtitle-fg); --color_dropdown-border-light: var(--color_gold-kumera); /* card colors */ --color_primary-card: var(--color_white); --color_secondary-card: var(--color_white-70); --color_cardRemoveButton-bg: var(--color_black); --color_cardProgressBar-bg: var(--color_live); /* live tv colors */ --color_live-tv-start-over-icon: var(--color_white-20); --color_live-tv-start-over-icon-arrow-hover: var(--color_cod-grey); --color-live-tv-edit-favorites-input-group: var(--color_gold-dark-secondary); --color-live-tv-edit-favorites-search-icon: hsla(0, 0%, 100%, 0.5); /* #FFFFFF80 */ /* perso template colors */ --color_persoTemplate-text: var(--color_white); /* error colors */ --color_error-text: var(--color_white); /* my account idp */ --color_my-account-idp-text: var(--color_white-50); --color_my-account-idp-value: var(--color_white-50); /* TV colors */ --color_usermenu-profile-edit-button-tv-bg: var(--color_gold-dark-secondary); --color_usermenu-profile-edit-button-tv-fg: var(--color_white); /* TV Focus colors */ --color_focus-outline: var(--color_white); --color_focus-bg: var(--color_white); --color_focus-fg: var(--color_cod-grey); --color_focus-border: var(--color_white); /* GDPR & privacy manager colors */ --color_GDPR-text-fg: var(--color_white-80); --color_GDPR-button-bg: var(--color_gold-dark-secondary); --color_GDPR-button-fg: var(--color_white); --color_GDPR-choice-fg: var(--color_dark); --color_GDPR-icon-fg: var(--color_white); /* dark colors */ --color_darkmode-background-page: var(--background-page); --color_darkmode-textcolor-primary: var(--color_white); --color_darkmode-line: var(--color_guide-column-item-border); --color_darkmode-guide-collapsible-bg: transparent; --color_darkmode-guide-day-selector-item-fg: var(--color-white-60); --color_darkmode-guide-collapsible-hover-bg: transparent; --color_darkmode-form-input-bg: var(--color_form-input-bg); --color_darkmode-form-input-active-bg: var(--color_form-input-bg); --color_darkmode-footer-text: var(--color_white-70); --color_darkmode-zoneSelector-country: var(--color_white); --color_darkmode-zoneSelector-country-hover: var(--color_black); --color_darkmode-settings-background: hsla(0, 0%, 0%, 0.5); /* tv guide colors */ --color_guide-channels-selector-dark-bg: var(--color_gold-kumera); --color_guide-collapsible-hover-dark-bg: var(--color_gold-dark-primary); --color_guide-collapsible-hover-dark-fg: var(--color_white-60); --color_guide-collapsible-closed-dark-bg: var(--color_gold-dark-primary); /* modal colors */ --color_modal-dark-inner-bg: var(--color_gold-alpine); --color_modal-dark-inner-fg: var(--color_white); /* profiles colors */ --color_profileForm-name-dark-bg: var(--color_gold-dark-primary); --color_profileForm-name-dark-fg: var(--color_white); --color_profileForm-name-dark-bg-focus: var(--color_gold-dark-primary); --color_profileForm-name-dark-fg-focus: var(--color_white); --color_profilesList-profile-border-dark: var(--color_gold-dark-tertiary); /* setting colors */ --color_settings-border: var(--color_gold-dark-tertiary); /* gabaritList colors */ --color_gabaritList-item-dark-fg: var(--color_white-60); --color_gabaritList-dropdown-dark-bg: var(--color_gold-kumera); --color_gabaritList-dropdown-dark-bg-hover: var(--color_gold-dark-primary); --color_gabaritList-dropdown-dark-fg-hover: var(--color_white); --color_overflow-dark: transparent; /* dropdown colors */ --color_dropdown-dark-fg: var(--color_grey-350); --color_dropdown-dark-bg: var(--color_gold-dark-secondary); --color_dropdown-border-dark: var(--color_gold-kumera); --color_dropdown-item-dark-bg-hover: var(--color_gold-dark-tertiary); --color_dropdown-item-dark-fg-hover: var(--color_white); --color_dropdown-item-subtitle-dark-fg: var(--color_dropdown-item-subtitle-fg); /* showcase colors */ --color_showcase-background: var(--color_gold-kumera); --color_showcase-button-primary-bg: var(--color_white); --color_showcase-button-primary-hover-bg: var(--color_button-bg-hover); --color_showcase-fg: var(--color_white); --color_showcase-description-fg: var(--color_white-80); /* tooltip colors */ --color_toolTip-content-secondary-bg: var(--color_gold-kumera); /* V5 colors */ --color_detail-content: var(--color_gold-dark-primary); --color_detail-metas: var(--color_white-70); } :root { /* fonts */ --font_hind: 'Hind', 'San Francisco', 'Roboto', 'Arial', sans-serif; --font_CanalBoldItalique: 'CanalBoldItalique', 'San Francisco', 'Roboto', 'Arial', sans-serif; --font_path: '../../../public/fonts'; --fontWeight_regular: 400; --fontWeight_semiBold: 600; --base-font-style: normal; --base-font-weight: var(--fontWeight_regular); /* sizes */ --size_header_height: 7rem; --size_header_height-tv: 15.9rem; --size_footer_height: 24.2rem; --size_mobileHeader_height: 10rem; --size_mobileHeader_height-withNav: 10rem; --size_mobileFooter_height: 17.8rem; --size_settings_tv_width: 97.2rem; /* margin */ --poster-cover-height: calc(34.63542% - 1px); /* calculated from aspect-ratio: calc('1920:665' - 1px);*/ --margin_overlapping-cover-tablet: calc(20.79rem - var(--poster-cover-height)); --margin_overlapping-cover-laptop: calc(27.7rem - var(--poster-cover-height)); --margin_overlapping-cover-desktop: calc(39rem - var(--poster-cover-height)); --margin_overlapping-cover-large-desktop: calc(48.7rem - var(--poster-cover-height)); --margin_overlapping-cover-wide: calc(59.56rem - var(--poster-cover-height)); --margin_overlapping-cover-tv: 14.5rem; --background-page: initial; /* showcase */ --max-width-text: 64rem; --max-width-text-mobile: 34.9rem; /* border radius */ --border-radius-mini: 0.1rem; --border-radius-small: 0.2rem; --border-radius-medium: 0.3rem; --border-radius-big: 0.4rem; --border-radius-large: 0.6rem; --border-radius-extraLarge: 0.8rem; --border-radius-big-outline: 0.8rem; /* z-index for detailPage */ --z-index-background: 1; --z-index-shadow: 5; --z-index-content: 10; --z-index-title: 20; } .tv-showcase__tabs a { display: block; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ /* TYPOGRAPHY ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ *, *::before, *::after { box-sizing: border-box; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; /* stylelint-disable-line property-no-unknown */ text-rendering: optimizeLegibility; } html, body { height: 100%; margin: 0; padding: 0; } html { /*Set baseline font size to 10px, This is used as a baseline for rem (root ems) values */ font-size: 0.625em; /* For IE11 to do the math properly, See http://bit.ly/1g4X0bX; */ font-size: 62.5%; min-height: 100%; } /* If the workaround solution for IE11 does not work in every case, so we fix in 10px */ @media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) { html { font-size: 10px } } body { background: hsl(0, 0%, 100%); background: var(--color_white); color: hsl(0, 0%, 11%); color: var(--color_primary); font-family: 'Hind', 'San Francisco', 'Roboto', 'Arial', sans-serif; font-family: var(--font_hind); font-size: 1.6em; /* Bump font-size back up to 16px */ font-style: normal; font-style: var(--base-font-style); font-weight: 400; font-weight: var(--base-font-weight); line-height: 1.4; position: relative; } body:-webkit-full-screen { width: 100%; } body:fullscreen { width: 100%; } /* Get rid of gap under images by making them display: inline-block; */ img { display: inline-block; vertical-align: middle; } ul, ol, dl { margin: 0; padding: 0; } ul, ol { list-style: none; } /* Links // ----------------------------------------------------------- */ a { color: inherit; line-height: inherit; text-decoration: none; } a:hover { text-decoration: none; } a img { border: 0; } /* Buttons & interactive elements // ----------------------------------------------------------- */ button { background: transparent; border: 0; cursor: pointer; display: inline-block; font: inherit; padding: 0; text-decoration: none; vertical-align: middle; color: inherit; } /* Code // ----------------------------------------------------------- */ pre, code { font-family: 'Lucida Console', Consolas, Monaco, monospace; } /* Global font-weight // ----------------------------------------------------------- */ h1, h2, h3, h4, h5, strong, b { font-weight: 600; font-weight: var(--fontWeight_semiBold); } /* Fonts // ----------------------------------------------------------- */ @font-face { font-family: Hind; font-style: normal; src: url(/assets/ce2c6de55c166077a5ca.woff2) format('woff2'), url(/assets/4caaaa0c774123ec845b.woff) format('woff'); font-weight: 600; } @font-face { font-family: Hind; font-style: normal; src: url(/assets/23d3dce25df8e84aaa90.woff2) format('woff2'), url(/assets/5b0fc6c3e9f235678af3.woff) format('woff'); font-weight: normal; } @font-face { font-family: CanalBoldItalique; font-style: normal; src: url(/assets/452d21864b13276bedda.woff2) format('woff2'), url(/assets/0f39904b8604663450c0.woff) format('woff'); font-weight: normal; } @font-face { font-family: TextSecurity; font-style: normal; src: url(/assets/bb0a855a4f155c9c835a.woff2) format('woff2'), url(/assets/837ba80d0ba906e8c20d.woff) format('woff'); font-weight: normal; } /* GENERAL ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; } .no-js .cover { opacity: 1 !important; } .no-js .cover { visibility: visible; } #application { height: 100%; } .noscroll { overflow: hidden; } /* GENERAL ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ .embed body, .embed #application { height: auto; } .webview body, .webview #application { height: 90%; } :root { /* z-index scale */ --z-index-auto: auto; --z-index-1: 100; --z-index-2: 200; --z-index-3: 300; --z-index-4: 400; --z-index-5: 500; --z-index-6: 600; --z-index-7: 700; --z-index-8: 800; --z-index-9: 900; --z-index-10: 1000; } @keyframes placeHolderFade___KHB1c { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } @keyframes rotate___Faxqc { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes slideUp___SlALg { 0% { transform: translate3d(0, 10%, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes landDown___aF7hO { 0% { transform: translate3d(0, -25%, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes opacity___HiW0k { 0% { opacity: 0; } 100% { opacity: 1; } } /* GLOBALS * * These are globally available css classes that will * not be "modulized" by css modules and thus can be * used to render styled component created by the BO ---------------------------------------------------*/ .button-primary { background-color: hsl(350, 83%, 57%); background-color: var(--color_secondary); border: 0; border-radius: 0.2rem; color: hsl(0, 0%, 100%); color: var(--color_button-fg); font-family: 'Hind', 'San Francisco', 'Roboto', 'Arial', sans-serif; font-family: var(--font_hind); font-size: 1.4rem; font-weight: 600; font-weight: var(--fontWeight_semiBold); margin: 0; padding: 1.2rem; transition: background-color 200ms ease-out; } .button-primary:hover, .button-primary:focus { background-color: hsl(350.1, 67.4%, 45.7%); background-color: var(--color_link-hover); cursor: pointer; } .noScrollBar::-webkit-scrollbar { display: none; /* disable scrollbar for TV */ } @keyframes placeHolderFade___kp95D { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } @keyframes rotate___EN63Q { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes slideUp___O9GA_ { 0% { transform: translate3d(0, 10%, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes landDown___EOnoe { 0% { transform: translate3d(0, -25%, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes opacity___ehl3a { 0% { opacity: 0; } 100% { opacity: 1; } } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .spinner___dTWtS { animation: rotate___EN63Q 1s linear infinite, opacity___ehl3a 0.3s linear 1s 1 normal forwards; border-color: var(--color_secondary) transparent var(--color_secondary) var(--color_secondary); border-radius: 50%; border-style: solid; border-width: 0.5rem; position: absolute; transform: translate3d(-50%, -50%, 0); opacity: 0; z-index: 10; } .spinner__withKeyboard___OFn1d { margin-top: 2rem; } @media screen and (min-width: 700px) { .spinner__withKeyboard___OFn1d { margin-top: 0 } } .spinner__unsetPosition___pIoTZ { position: static; position: initial; margin: auto; } .spinner--hidden___bB8I3 { display: none; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .button___br1fC { --color_button-icon: var(--color_white); --color_button-primary-bg: var(--color_gallery); --color_button-primary-fg: var(--color_black); --color_button-primary-hover-bg: var(--color_grey-100); --color_button-secondary-tv-bg: var(--color_darkmode-secondary); --color_button-secondary-tv-fg: var(--color_white-70); --color_button-disabled-tv-bg: var(--color_button-tv); --color_button-disabled-tv-fg: var(--color_white-70); --color_button-subtext-fg: var(--color_white-70); --color_button-tvod-primary-hover-bg: var(--color_tvod-primary); } [data-theme~='dark'] .button___br1fC { --color_button-primary-bg: var(--color_mine-shaft); --color_button-primary-fg: var(--color_white); --color_button-primary-hover-bg: var(--color_mine-shaft-light); } [data-theme~='telecomitalia'] .button___br1fC { --color_button-icon: var(--color_black); --color_button-primary-bg: var(--color_gold-dark-secondary); --color_button-primary-fg: var(--color_white); --color_button-primary-hover-bg: var(--color_gold-dark-tertiary); --color_button-secondary-tv-bg: var(--color_gold-dark-secondary); --color_button-secondary-tv-fg: var(--color_white); --color_button-disabled-tv-bg: var(--color_gold-dark-secondary); --color_button-disabled-tv-fg: var(--color_white); --color_button-subtext-fg: var(--color_white); --color_button-tvod-primary-hover-bg: var(--color_white); } [data-theme~='telecomitalia'] .button__dark___XqF_o { background-color: var(--color_white); color: var(--color_black); } [data-theme~='telecomitalia'] .button__dark___XqF_o:hover { background-color: var(--color_white-70); } .button___br1fC { display: inline-block; padding: 1rem 2rem; transition: color 300ms ease-in-out, background 300ms ease-in-out; } .button--mobile___YSJ_I { font-size: 1.8rem; padding: 1.5rem 0; } @media screen and (min-width: 700px) { .button--mobile___YSJ_I { font-size: inherit; padding: 1rem 4rem } } .button--fullWidth___ml6sT { display: block; width: 100%; } .button--isV5Style___Jf_xm { font-family: var(--font_CanalBoldItalique); text-transform: uppercase; color: var(--color_white-80); border-radius: 0.4rem; } [data-device-type="tv"] .button--isV5Style___Jf_xm { border-radius: 0.8rem; font-size: 2.8rem; line-height: 3.2rem; height: 8.3rem; } .button__oval___DsLj8 { background: transparent; border-radius: var(--border-radius-small); color: var(--color_white); cursor: pointer; font-size: 1.4rem; padding: 1rem; text-align: center; text-decoration: none; transition: border 200ms ease-out, background 200ms ease-out; white-space: nowrap; } .button__oval___DsLj8:hover { cursor: pointer; } .button__round___iSA6W { border-radius: var(--border-radius-big); } .button__icon___zdTd6 { color: var(--color_button-icon); } .button__icon___zdTd6 + .button__label___X21zw { display: inline-block; margin-left: 1rem; } .button__subtext___VNPD4 { color: var(--color_button-subtext-fg); } .button___br1fC.button--active___Mwx9F { background: var(--color_secondary); color: var(--color_white); } .button__disabled___RPdon { background-color: var(--color_button-disabled-bg); color: var(--color_button-disabled-fg); cursor: default; } [data-device-type="tv"] .button__disabled___RPdon { background-color: var(--color_button-disabled-tv-bg); opacity: 0.5; color: var(--color_button-disabled-tv-fg); } .button__primary___A_HiZ, .button__secondary___HsQWi, .button__secondaryDisabled___FmCDj, .button__tvodPrimary___gReHB { color: var(--color_button-fg); } .button__primary___A_HiZ { background-color: var(--color_button-primary-bg); color: var(--color_button-primary-fg); } .button__primary___A_HiZ:hover { background-color: var(--color_button-primary-hover-bg); } .button__primaryInverted___Ybj79 { color: var(--color_grey-800); border: 1px solid var(--color_grey-350); } .button__primaryInverted___Ybj79:hover { color: hsl(345, 20%, 12%); /* #24181b */ } .button__secondary___HsQWi { border-radius: var(--border-radius-big); background-color: var(--color_secondary); } .button__secondary___HsQWi:hover { background-color: var(--color_link-hover); } [data-device-type="tv"] .button__secondary___HsQWi { background-color: var(--color_button-secondary-tv-bg); color: var(--color_button-secondary-tv-fg); } .button__secondaryDisabled___FmCDj { background-color: var(--color_secondary); opacity: 0.5; cursor: default; } .button__secondaryInverted___I4rCl { border: 1px solid var(--color_grey-200); color: var(--color_secondary); } .button__tv___uoXXK { background-color: var(--color_button-secondary-tv-bg); color: var(--color_button-secondary-tv-fg); } .button__tvodPrimary___gReHB { background-color: var(--color_tvod-primary); } .button__tvodPrimary___gReHB:hover { background-color: var(--color_button-tvod-primary-hover-bg); } .button__tvodPrimary___gReHB:disabled { background-color: var(--color_grey-200); } .button__dark___XqF_o { background-color: var(--color_darkmode-button); color: var(--color_darkmode-textcolor-primary); } .button__dark___XqF_o:hover { background-color: var(--color_darkmode-button-hover); } .button__default___E4DlT { background: transparent; color: currentColor; } .button__actionGroup___WeeeL { display: flex; align-items: center; } [data-device-type="tv"] .button__label--big___wto5i { font-size: 2.8rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 3rem; text-overflow: ellipsis; overflow: hidden; } /* TV focus style */ .tv__focus .globalButton { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .c2c___JBSey { background: var(--color_media-card-c2c-bg); padding: 2rem 0; } .c2c--immersive___xBsb7 { padding-bottom: 7rem; } @-webkit-keyframes placeHolderFade_2bfc1a{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@keyframes placeHolderFade_2bfc1a{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@-webkit-keyframes rotate_2bfc1a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate_2bfc1a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--color_white:#fff;--color_white-0:hsla(0,0%,100%,0);--color_white-5:hsla(0,0%,100%,.05);--color_white-10:hsla(0,0%,100%,.1);--color_white-30:hsla(0,0%,100%,.3);--color_white-50:hsla(0,0%,100%,.5);--color_white-60:hsla(0,0%,100%,.6);--color_white-70:hsla(0,0%,100%,.7);--color_white-80:hsla(0,0%,100%,.8);--color_black:#000;--color_chalkboard:#22252a;--color_cod-grey:#181818;--color_mine-shaft:#242424;--color_tuna:#36373f;--color_iron:#e2e6e6;--color_ivory:#f4f4f5;--color_amaranth:#ec3655;--color_dark:#0d0d0d;--color_primary:#1c1c1c;--color_secondary:var(--color_amaranth);--color_primary-card:#22252a;--color_secondary-card:rgba(34,37,42,.63);--color_button-disabled:rgba(236,54,85,.5);--color_text-primary:var(--color_primary);--color_darkmode-primary:#16191d;--color_darkmode-primary-0:rgba(22,24,29,0);--color_darkmode-secondary:#2d3034;--color_darkmode-tertiary:#36373f;--color_darkmode-textcolor-primary:#fff;--color_darkmode-settings-background:#212429;--color_darkmode-line:#22252a;--color_grey-100:#f5f5f5;--color_grey-200:#dcdfe5;--color_grey-300:#c3c6cb;--color_grey-350:#e2e2e9;--color_grey-400:#5d6269;--color_grey-450:#434851;--color_grey-500:#474747;--color_grey-600:#1b1e22;--color_grey-700:#16181d;--color_grey-800:#180c0f;--color_primary-header:#22252a;--color_link-normal:var(--color_amaranth);--color_action-success:#34ef4d;--color_placeholder:#dee1e7;--color_boxShadow:rgba(0,0,0,.5);--color_carousel-dots:rgba(34,37,42,.1);--color_showcase-element-bg:var(--color_cod-grey);--color_showcase-tabs-indicator:#373a3e;--color_showcase-button-primary-bg:var(--color_secondary);--color_showcase-button-primary-fg:var(--color_grey-100);--color_showcase-button-secondary-bg:var(--color_mine-shaft);--color_showcase-button-secondary-fg:var(--color_grey-100);--color_showcase-description-fg:var(--color_white-70);--color_virtual-keyboard-background:#292f38;--color_virtual-keyboard-footer:#1f252e;--color_virtual-keyboard-key-bg:#252931;--color_virtual-keyboard-key:var(--color_white-60);--color_virtual-keyboard-key-footer:var(--color_white-30);--color_virtual-keyboard-key-selected:var(--color_white);--color_metaInfos-light-fg:inherit;--color_modal-bg:var(--color_white);--color_modal-dark-bg:var(--color_darkmode-primary);--color_modal-dark-button-close-bg:var(--color-black);--color_modal-dark-button-close-hover-bg:var(--color-black);--color_modal-dark-button-close-fg:var(--color_darkmode-textcolor-primary);--color_modal-dark-button-close-hover-fg:var(--color_secondary);--color_header-v5-fg-active:var(--color_amaranth);--color_header-v5-light-border:var(--color_ivory);--color_header-v5-light-bg:var(--color_white);--color_header-v5-light-fg:var(--color_chalkboard);--color_header-v5-light-fg-focus:var(--color_chalkboard);--color_header-v5-light-fg-hover:var(--color_secondary);--color_header-v5-light-nav-dropdown-bg:var(--color_white);--color_header-v5-light-nav-dropdown-item-bg-hover:var(--color_ivory);--color_header-v5-light-nav-dropdown-item-fg-hover:var(--color_black);--color_header-v5-light-close-bg:#f5f5f5;--color_header-v5-light-close-fg:var(--color_header-v5-light-fg);--color_overflow-light:var(--color-white);--color_header-v5-dark-border:var(--color_darkmode-line);--color_header-v5-dark-bg:var(--color_dark);--color_header-v5-dark-fg:var(--color_white);--color_header-v5-dark-nav-dropdown-bg:var(--color_chalkboard);--color_header-v5-dark-nav-dropdown-item-bg-hover:var(--color_tuna);--color_header-v5-dark-nav-dropdown-item-fg-hover:var(--color_white);--color_header-v5-dark-close-bg:var(--color_darkmode-secondary);--color_header-v5-dark-close-fg:var(--color_white);--color_overflow-dark:var(--color_darkmode-primary);--color_profileSelector-arrow-button-light-bg:var(--color_white);--color_profileSelector-arrow-button-light-fg:var(--color_chalkboard);--color_profileSelector-arrow-button-light-bg-hover:var(--color_ivory);--color_profileSelector-arrow-button-dark-bg:var(--color_chalkboard);--color_profileSelector-arrow-button-dark-bg-hover:var(--color_darkmode-tertiary);--color_profileSelector-arrow-button-dark-fg:var(--color_white);--color_usermenu-option-bg:transparent;--color_usermenu-button-bg-hover:var(--color_ivory);--color_usermenu-button-fg-hover:var(--color_chalkboard);--color_usermenu-button-primary-bg:var(--color_secondary);--color_usermenu-button-primary-fg:var(--color_white);--color_usermenu-light-bg:var(--color_white);--color_usermenu-light-fg:var(--color_chalkboard);--color_usermenu-profileselector-light-border:var(--color_ivory);--color_usermenu-profileselector-light-fg:var(--color_chalkboard);--color_usermenu-option-light-bg-hover:var(--color_ivory);--color_usermenu-option-light-fg-hover:inherit;--color_usermenu-profileselector-image-light-fg:transparent;--color_usermenu-button-secondary-light-bg:transparent;--color_usermenu-button-secondary-light-fg:var(--color_chalkboard);--color_usermenu-button-secondary-light-border:var(--color_grey-350);--color_usermenu-button-secondary-light-bg-hover:var(--color_ivory);--color_usermenu-button-secondary-light-fg-hover:var(--color_chalkboard);--color_usermenu-dark-bg:var(--color_chalkboard);--color_usermenu-dark-fg:var(--color_white);--color_usermenu-profileselector-dark-border:var(--color_darkmode-secondary);--color_usermenu-profileselector-dark-fg:var(--color_white);--color_usermenu-profileselector-dark-tv-bg:var(--color_darkmode-secondary);--color_usermenu-profileselector-dark-tv-fg:var(--color_white-70);--color_usermenu-option-dark-bg-hover:var(--color_darkmode-tertiary);--color_usermenu-option-dark-fg-hover:inherit;--color_usermenu-profileselector-image-dark-fg:hsla(0,0%,100%,.05);--color_usermenu-button-secondary-dark-bg:var(--color_darkmode-secondary);--color_usermenu-button-secondary-dark-bg-hover:var(--color_darkmode-tertiary);--color_usermenu-button-secondary-dark-border:transparent;--color_usermenu-button-secondary-dark-fg:var(--color_white);--color_usermenu-button-secondary-dark-fg-hover:var(--color_white);--color_header-v5-tv-dark-bg:var(--color_dark);--color_focus-bg:#ec3654;--color_focus-fg:var(--color_white);--color_focus-border:#ec3654;--color_placeholder-bg-1:var(--color_grey-200);--color_placeholder-bg-2:var(--color_grey-300)}:root [data-theme=dark]{--color_text-primary:#fff}:root [data-theme~=tvod]{--color_primary:#8e1f7c;--color_secondary:#c030a5;--color_header-v5-fg-active:var(--color_secondary);--color_link-normal:var(--color_secondary);--color_showcase-button-primary-bg:var(--color_primary)}:root [data-theme~=telecomitalia]{--color_white:#fff;--color_white-50:hsla(0,0%,100%,.5);--color_white-70:hsla(0,0%,100%,.7);--color_black:#000;--color_secondary:var(--color_white);--color_gold-kumera:#986d23;--color_gold-dark-primary:#89621f;--color_gold-dark-secondary:#7a571c;--color_gold-dark-tertiary:#6a4c18;--color_gold-roti:#bea03d;--tim-gradient-horizontal:linear-gradient(90deg,var(--color_gold-kumera) 0%,var(--color_gold-roti) 100%);--color_link-normal:var(--color_secondary);--color_focus-bg:var(--color_white);--color_focus-fg:var(--color_cod-grey);--color_focus-border:var(--color_white);--color_header-v5-tv-dark-bg:var(--color_gold-kumera);--color_virtual-keyboard-key-selected:var(--color_cod-grey);--color_button-disabled:var(--color_white-50);--color_text-primary:var(--color_white);--color_header-v5-light-bg:var(--tim-gradient-horizontal);--color_header-v5-light-fg:var(--color_white-60);--color_header-v5-light-fg-focus:var(--color_white-60);--color_header-v5-light-fg-hover:var(--color_white);--color_header-v5-light-nav-dropdown-bg:var(--color_gold-kumera);--color_header-v5-light-nav-dropdown-item-bg-hover:var(--color_gold-dark-primary);--color_header-v5-light-nav-dropdown-item-fg-hover:var(--color_white);--color_header-v5-light-close-bg:var(--color_white);--color_header-v5-light-close-fg:var(--color_cod-grey);--color_header-v5-light-border:var(--color_white);--color_overflow-light:transparent;--color_usermenu-light-bg:var(--color_gold-kumera);--color_usermenu-light-fg:var(--color_white);--color_usermenu-profileselector-light-border:var(--color_white);--color_usermenu-profileselector-light-fg:var(--color_white);--color_usermenu-profileselector-image-light-fg:var(--color_gold-dark-secondary);--color_usermenu-option-light-bg-hover:var(--color_gold-dark-primary);--color_usermenu-option-light-fg-hover:var(--color_white);--color_profileSelector-arrow-button-light-bg:var(--color_gold-kumera);--color_profileSelector-arrow-button-light-fg:var(--color_white);--color_profileSelector-arrow-button-light-bg-hover:var(--color_gold-dark-tertiary);--color_metaInfos-light-fg:var(--color_white);--color_header-v5-dark-bg:var(--tim-gradient-horizontal);--color_header-v5-dark-fg:var(--color_white-60);--color_header-v5-fg-active:var(--color_white);--color_header-v5-dark-nav-dropdown-bg:var(--color_gold-kumera);--color_header-v5-dark-nav-dropdown-item-bg-hover:var(--color_gold-dark-primary);--color_header-v5-dark-nav-dropdown-item-fg-hover:var(--color_white);--color_header-v5-dark-close-bg:var(--color_white);--color_header-v5-dark-close-fg:var(--color_cod-grey);--color_header-v5-dark-border:var(--color_white);--color_overflow-dark:transparent;--color_modal-dark-bg:var(--color_gold-dark-secondary);--color_modal-dark-button-close-bg:var(--color_white);--color_modal-dark-button-close-hover-bg:var(--color_white-70);--color_modal-dark-button-close-fg:var(--color_cod-grey);--color_modal-dark-button-close-hover-fg:var(--color_cod-grey);--color_usermenu-dark-bg:var(--color_gold-kumera);--color_usermenu-profileselector-dark-border:var(--color_white);--color_usermenu-option-dark-bg-hover:var(--color_gold-dark-primary);--color_usermenu-option-dark-fg-hover:var(--color_white);--color_usermenu-profileselector-dark-tv-bg:var(--color_gold-dark-secondary);--color_usermenu-profileselector-dark-tv-fg:var(--color_white);--color_usermenu-profileselector-image-dark-fg:var(--color_gold-dark-secondary);--color_profileSelector-arrow-button-dark-bg:var(--color_gold-kumera);--color_profileSelector-arrow-button-dark-fg:var(--color_white);--color_profileSelector-arrow-button-dark-bg-hover:var(--color_gold-dark-tertiary);--color_showcase-element-bg:var(--color_gold-dark-primary);--color_showcase-button-primary-bg:var(--color_white);--color_showcase-button-primary-fg:var(--color_black);--color_showcase-button-secondary-bg:var(--color_gold-dark-secondary);--color_showcase-button-secondary-fg:var(--color_white);--color_showcase-description-fg:var(--color_white-80)}:root [data-theme~=dark]{--color_placeholder-bg-1:#212429;--color_placeholder-bg-2:rgba(0,0,0,.2)}:root{--z-index-auto:auto;--z-index-1:100;--z-index-2:200;--z-index-3:300;--z-index-4:400;--z-index-5:500;--z-index-6:600;--z-index-7:700;--z-index-8:800;--z-index-9:900;--z-index-10:1000}button{background:transparent;border:0;cursor:pointer;display:inline-block;font:inherit;padding:0;text-decoration:none;vertical-align:middle}:root{--font_hind:"Hind","San Francisco","Roboto","Arial",sans-serif;--font_canal-bold-italique:"CanalBoldItalique","Hind","San Francisco","Roboto","Arial",sans-serif;--fontWeight_Bold:700;--fontWeight_semiBold:600;--fontWeight_medium:500;--fontWeight_regular:400;--fontWeight_light:300;--header-height:6.25rem;--header-mobile-height:9rem;--footer-height:24.2rem;--footer-mobile-height:17.8rem;--size_settings_tv_width:97.2rem;--border-radius-small:0.2rem;--border-radius-medium:0.3rem;--border-radius-big:0.4rem;--border-radius-large:0.6rem;--border-radius-big-outline:0.8rem;--height_header-mobile:9.6rem;--height_header-mobile-search-open:6.6rem;--height_header-tv:15.9rem;--height_header-transparent-gradient:14rem;--duration_header-theme-transition:250ms;--border-bottom-header-width:0.1rem;--size_header-search-icon:2rem;--size_header-search-input-icon-distance-from-edge:1.4rem;--size_header-search-input-height:4.8rem;--duration_header-search-expansion:var( --duration_header-theme-transition );--showcase-side-padding-mobile:1.3rem;--showcase-side-padding-tablet:3rem;--showcase-side-padding-desktop:6rem;--showcase-button-filter-hover-bg:brightness(1.1)}:root [data-theme~=telecomitalia]{--showcase-button-filter-hover-bg:opacity(70%)}:root{--metaInfos_fontSize:1.6rem;--metaInfos_fontSizeMobile:1.4rem;--metaInfos_margin:1.6rem}.card_93d353{cursor:pointer;outline:0;position:relative}.card_Dark_93d353{color:var(--color_white)}.card_Disabled_93d353{cursor:default}.card_Focus_93d353:focus{outline:.1rem solid}.card__logoArticle_93d353{left:0;max-width:3rem;position:absolute;top:0;z-index:2}.card__metainfos_93d353{color:var(--color_metaInfos-light-fg);cursor:pointer;font-size:1.4rem;font-size:var(--metaInfos_fontSizeMobile);line-height:1.7rem;padding:1rem 0 0;position:relative;white-space:normal}[data-device-type=tv] .card__metainfos_93d353{min-height:7.6rem}@media screen and (min-width:700px){.card__metainfos_93d353{font-size:1.6rem;font-size:var(--metaInfos_fontSize);line-height:2rem;padding:1rem 0}}.card__metainfos_Disabled_93d353{cursor:default}.card__metainfos_Inside_93d353{bottom:0;left:2rem;position:absolute}.card__metainfos_Action_93d353{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:space-between}.card__content_93d353{overflow:hidden}@media (min-width:961px){.card__content_93d353,.card__content_93d353:hover{-webkit-transition:.5s ease;transition:.5s ease}.card__content_93d353:hover{-webkit-box-shadow:0 .3rem 1rem .1rem var(--color_boxShadow);box-shadow:0 .3rem 1rem .1rem var(--color_boxShadow)}}.card__metainfosWrapper_93d353{-webkit-box-flex:1;-ms-flex:1;flex:1}.card__action_93d353{position:relative}.card__infos_93d353{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0}@media screen and (min-width:700px){.card__infos_93d353{padding:0 1rem}}.card__poster_93d353{background-size:100% 100%}.card__progressBarSpacer_93d353{margin-bottom:.3rem}:root{--title_fontSize:1.5rem;--subtitle_fontSizeTV:2.7rem;--subtitle_lineHeightTV:3.3rem;--title_placeholder:2rem 0;--title_darkColor:var(--color_grey-500)}@-webkit-keyframes placeHolderFade_E2c11d{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@keyframes placeHolderFade_E2c11d{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@-webkit-keyframes rotate_E2c11d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate_E2c11d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cardSubtitle_E2c11d{font-size:1.4rem;font-size:var(--title_fontSizeMobile);font-weight:var(--fontWeight_regular);line-height:2rem;margin:0;margin:var(--title_margin);max-height:4rem;overflow:hidden}.cardSubtitle_E2c11d:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}.cardSubtitle_E2c11d:not(:root):after,.cardSubtitle_E2c11d:not(:root):before{display:none}.cardSubtitle_E2c11d:not(:root)>:first-child{float:none;margin:0}@media screen and (min-width:700px){.cardSubtitle_E2c11d{font-size:1.5rem;font-size:var(--title_fontSize)}}[data-device-type=tv] .cardSubtitle_E2c11d{font-size:2.7rem;font-size:var(--subtitle_fontSizeTV);line-height:3.3rem;line-height:var(--subtitle_lineHeightTV);line-height:3.3rem 1;max-height:6.6rem;overflow:hidden}[data-device-type=tv] .cardSubtitle_E2c11d:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2px;display:-webkit-box}[data-device-type=tv] .cardSubtitle_E2c11d:not(:root):after,[data-device-type=tv] .cardSubtitle_E2c11d:not(:root):before{display:none}[data-device-type=tv] .cardSubtitle_E2c11d:not(:root)>:first-child{float:none;margin:0}.cardSubtitle_Dark_E2c11d{line-height:2rem;max-height:4rem;overflow:hidden}.cardSubtitle_Dark_E2c11d:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}.cardSubtitle_Dark_E2c11d:not(:root):after,.cardSubtitle_Dark_E2c11d:not(:root):before{display:none}.cardSubtitle_Dark_E2c11d:not(:root)>:first-child{float:none;margin:0}.cardSubtitle_Loader_E2c11d{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:placeHolderFade_E2c11d;animation-name:placeHolderFade_E2c11d;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--color_placeholder);background:var(--title_baseColor);height:1rem;width:95%}.cardSubtitle_Loader_E2c11d:last-child{-webkit-animation-delay:1.3s;animation-delay:1.3s;margin-top:1rem;width:65%}.cardSubtitle_TextOnImg_E2c11d{display:block;overflow:hidden;text-overflow:ellipsis;width:100%}:root{--title_fontSizeTV:2.8rem;--title_lineHeightTV:3.8rem;--title_margin:0;--title_heightPlaceholder:2.8rem;--title_baseColor:var(--color_placeholder)}@-webkit-keyframes placeHolderFade_2cbced{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@keyframes placeHolderFade_2cbced{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@-webkit-keyframes rotate_2cbced{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate_2cbced{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cardTitle_2cbced{font-size:1.4rem;font-size:var(--title_fontSizeMobile);font-weight:var(--fontWeight_regular);line-height:2rem;margin:0;margin:var(--title_margin);max-height:4rem;overflow:hidden}.cardTitle_2cbced:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2px;display:-webkit-box}.cardTitle_2cbced:not(:root):after,.cardTitle_2cbced:not(:root):before{display:none}.cardTitle_2cbced:not(:root)>:first-child{float:none;margin:0}.cardTitle_Dark_2cbced{line-height:2rem;max-height:4rem;overflow:hidden}.cardTitle_Dark_2cbced:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}.cardTitle_Dark_2cbced:not(:root):after,.cardTitle_Dark_2cbced:not(:root):before{display:none}.cardTitle_Dark_2cbced:not(:root)>:first-child{float:none;margin:0}@media screen and (min-width:700px){.cardTitle_Dark_2cbced{line-height:2.2rem;max-height:4.4rem;overflow:hidden}.cardTitle_Dark_2cbced:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}.cardTitle_Dark_2cbced:not(:root):after,.cardTitle_Dark_2cbced:not(:root):before{display:none}.cardTitle_Dark_2cbced:not(:root)>:first-child{float:none;margin:0}}.cardTitle_Loader_2cbced{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:placeHolderFade_2cbced;animation-name:placeHolderFade_2cbced;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:var(--color_placeholder);background-color:var(--title_baseColor);height:2.8rem;height:var(--title_heightPlaceholder);margin:3rem 1rem 1rem;width:40%}@media screen and (min-width:700px){.cardTitle_Loader_2cbced{margin:0}}.cardTitle_Disabled_2cbced{opacity:.5}@media screen and (min-width:700px){.cardTitle_2cbced{font-size:1.6rem;font-size:var(--title_fontSize);line-height:2.2rem;max-height:4.4rem;overflow:hidden}.cardTitle_2cbced:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2px;display:-webkit-box}.cardTitle_2cbced:not(:root):after,.cardTitle_2cbced:not(:root):before{display:none}.cardTitle_2cbced:not(:root)>:first-child{float:none;margin:0}}[data-device-type=tv] .cardTitle_2cbced{-webkit-line-clamp:2!important;color:var(--color_white-70);font-size:2.8rem;font-size:var(--title_fontSizeTV);line-height:var(--title_lineHeightTV);line-height:3.8rem;max-height:7.6rem;overflow:hidden;text-overflow:ellipsis}[data-device-type=tv] .cardTitle_2cbced:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2px;display:-webkit-box}[data-device-type=tv] .cardTitle_2cbced:not(:root):after,[data-device-type=tv] .cardTitle_2cbced:not(:root):before{display:none}[data-device-type=tv] .cardTitle_2cbced:not(:root)>:first-child{float:none;margin:0}:root{--title_fontSize:1.6rem;--title_fontSizeMobile:1.4rem}.contentDescription_456803{cursor:pointer}.schedule_456803{color:var(--color_secondary-card);font-size:1.4rem;font-size:var(--title_fontSizeMobile);font-weight:var(--fontWeight_regular);margin:var(--title_margin)}@media screen and (min-width:700px){.schedule_456803{font-size:1.6rem;font-size:var(--title_fontSize)}}.schedule_Dark_456803{color:var(--color_darkmode-textcolor-primary)}.cardDescription_D9d58e{--card_fontSize-description:1.4rem;--card_description-fontSize-TV:2.7rem;--color_card-description:var(--color_primary-card);color:var(--color_card-description)}[data-theme~=dark] .cardDescription_D9d58e{--color_card-description:var(--color_white-80)}@media screen and (min-width:700px){.cardDescription_D9d58e{font-size:var(--card_fontSize-description)}}.ChannelsGrid_C43071{--CG-side-spacing:var(--showcase-side-padding-mobile);--CG-title-margin-bottom:1.2rem;--CG-title-font-size:2.4rem;--CG-title-font-size-tv:4rem;--CG-description-max-width:100%;--CG-description-max-width-tv:100rem;--CG-description-font-size:1.4rem;--CG-description-font-size-tv:3.1rem;--CG-channels-grid-template-columns:repeat(4,1fr);--CG-channels-grid-gap:0.5rem;--CG-channel-padding:0.8rem 1rem;color:var(--color_white);margin:0 var(--CG-side-spacing)}@media screen and (min-width:700px){.ChannelsGrid_C43071{--CG-side-spacing:var(--showcase-side-padding-tablet);--CG-title-font-size:3rem;--CG-channels-grid-template-columns:repeat(8,1fr)}}@media (min-width:961px){.ChannelsGrid_C43071{--CG-description-max-width:64rem;--CG-description-font-size:1.6rem;--CG-channels-grid-gap:1rem;--CG-channel-padding:1rem 1.2rem}}@media (min-width:1285px){.ChannelsGrid_C43071{--CG-side-spacing:var(--showcase-side-padding-desktop);--CG-channels-grid-gap:1.2rem;--CG-channel-padding:1.3rem 1.8rem}}@media (min-width:1600px){.ChannelsGrid_C43071{--CG-title-margin-bottom:1.6rem;--CG-channels-grid-gap:3rem}}@media (min-width:1920px){.ChannelsGrid_C43071{--CG-channels-grid-gap:8rem}}[data-device-type=tv] .ChannelsGrid_C43071{margin:0 var(--CG-side-spacing) 4rem}.ChannelsGrid__title_C43071{display:inline-block;font-family:var(--font_canal-bold-italique);font-size:var(--CG-title-font-size);margin:0 0 var(--CG-title-margin-bottom);text-transform:uppercase}[data-device-type=tv] .ChannelsGrid__title_C43071{font-size:var(--CG-title-font-size-tv)}.ChannelsGrid__description_C43071{color:var(--color_white-70);font-size:var(--CG-description-font-size);margin:0;max-width:var(--CG-description-max-width)}[data-device-type=tv] .ChannelsGrid__description_C43071{font-size:var(--CG-description-font-size-tv);max-width:var(--CG-description-max-width-tv)}.ChannelsGrid__channelsWrap_C43071{grid-gap:var(--CG-channels-grid-gap);display:grid;grid-template-columns:var(--CG-channels-grid-template-columns);margin-top:2rem}.ChannelsGrid__channel_C43071{border:.5px solid var(--color_tuna);border-radius:var(--border-radius-big);padding:var(--CG-channel-padding)}.ChannelsGrid__channel__image_C43071{width:100%}.contentGrid_Af656b{--padding-for-large-desktop:0 4rem;--padding-for-tablet:0 2.5rem;--padding-for-small:0 1.25rem;--margin-for-large-desktop:1rem;--margin-for-tablet:0.5rem;--margin-for-small:0.25rem;color:var(--color_primary-header);padding:var(--padding-for-small);position:relative}@media screen and (min-width:700px){.contentGrid_Af656b{padding:var(--padding-for-tablet)}@media (min-width:1285px){.contentGrid_Af656b{padding:var(--padding-for-large-desktop)}}@media (min-width:1600px){.contentGrid_Af656b{padding:var(--padding-for-large-desktop)}}}.contentGrid__header_Af656b{margin:2rem var(--margin-for-small)}@media (min-width:961px){.contentGrid__header_Af656b{margin:2rem var(--margin-for-tablet)}}@media (min-width:1600px){.contentGrid__header_Af656b{margin:2rem var(--margin-for-large-desktop)}}.contentGrid__gridContainer_Af656b{margin:1rem 0 0}.contentGrid__grid_Af656b{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;position:relative}.contentGrid__gridItem_Af656b[data-ratio~="166_normal"]{width:100%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="166_normal"]{width:50%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="166_normal"]{width:50%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="166_normal"]{width:33.33333333333333%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="166_normal"]{width:25%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="166_normal"]{width:25%}}.contentGrid__gridItem_Af656b[data-ratio~="166_large"]{width:100%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="166_large"]{width:50%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="166_large"]{width:50%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="166_large"]{width:33.33333333333333%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="166_large"]{width:25%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="166_large"]{width:25%}}.contentGrid__gridItem_Af656b[data-ratio~="169_normal"]{width:50%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="169_normal"]{width:33.33333333333333%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="169_normal"]{width:25%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="169_normal"]{width:20%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="169_normal"]{width:16.666666666666664%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="169_normal"]{width:14.285714285714285%}}.contentGrid__gridItem_Af656b[data-ratio~="169_large"]{width:100%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="169_large"]{width:50%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="169_large"]{width:25%}}.contentGrid__gridItem_Af656b[data-ratio~="34_normal"]{width:33.33333333333333%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="34_normal"]{width:20%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="34_normal"]{width:16.666666666666664%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="34_normal"]{width:14.285714285714285%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="34_normal"]{width:12.5%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="34_normal"]{width:11.11111111111111%}}.contentGrid__gridItem_Af656b[data-ratio~="43_normal"]{width:33.33333333333333%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="43_normal"]{width:20%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="43_normal"]{width:16.666666666666664%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="43_normal"]{width:14.285714285714285%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="43_normal"]{width:11.11111111111111%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="43_normal"]{width:9.090909090909092%}}.contentGrid__gridItem_Af656b[data-ratio~="43_large"]{width:50%}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b[data-ratio~="43_large"]{width:33.33333333333333%}}@media (min-width:961px){.contentGrid__gridItem_Af656b[data-ratio~="43_large"]{width:25%}}@media (min-width:1285px){.contentGrid__gridItem_Af656b[data-ratio~="43_large"]{width:20%}}@media (min-width:1600px){.contentGrid__gridItem_Af656b[data-ratio~="43_large"]{width:16.666666666666664%}}@media (min-width:1920px){.contentGrid__gridItem_Af656b[data-ratio~="43_large"]{width:14.285714285714285%}}.contentGrid__gridItem_Af656b{display:inline-block;margin-bottom:1.5rem;position:relative;vertical-align:top}@media (min-width:961px){.contentGrid__gridItem_Af656b{margin-bottom:0}}.contentGrid__gridItem_Af656b>:first-child{display:block;margin:var(--margin-for-small)}@media screen and (min-width:700px){.contentGrid__gridItem_Af656b>:first-child{margin:var(--margin-for-tablet)}@media (min-width:1600px){.contentGrid__gridItem_Af656b>:first-child{margin:var(--margin-for-large-desktop)}}}.ExpandableMenu_0f7695{--horizontal-overflow-color:var(--EM-horizontal-overflow-color,var(--color_white));--horizontal-overflow-color-transparent:var(--EM-horizontal-overflow-color-transparent,var(--color_white-0));--menu-item-fg:var(--EM-menu-item-fg,var(--color_chalkboard));--menu-item-fg-active:var(--EM-menu-item-fg-active,var(--color_link-normal));--menu-item-fg-hover:var(--EM-menu-item-fg-hover,var(--color_link-normal));--dropdown-bg:var(--EM-dropdown-bg,var(--color_white));--dropdown-item-bg-hover:var(--EM-dropdown-item-bg-hover,var(--color_ivory));--dropdown-item-fg-hover:var(--EM-dropdown-item-fg-hover,var(--color_black));--activeItem-border-bottom-height:var(--EM-activeItem-border-bottom-height,0);--color-transition-duration:250ms;--menu-item-bookend-horizontal-spacing:1.6rem;--menu-item-horizontal-spacing:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-transition:all var(--color-transition-duration) ease;transition:all var(--color-transition-duration) ease;white-space:nowrap;width:100%;z-index:4}@media screen and (min-width:700px){.ExpandableMenu_0f7695{--menu-item-horizontal-spacing:1.6rem}}[data-device-type=tv] .ExpandableMenu_0f7695{--menu-item-horizontal-spacing:2.8rem;--menu-item-bookend-horizontal-spacing:2.8rem}.ExpandableMenu__list_0f7695{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;white-space:nowrap}.ExpandableMenu__list_Scrollable_0f7695{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:scroll;scroll-behavior:smooth;scrollbar-width:none}[data-device-type=tv] .ExpandableMenu__list_Scrollable_0f7695{scroll-behavior:auto}.ExpandableMenu__list_Scrollable_0f7695::-webkit-scrollbar{display:none}.ExpandableMenu__list_Scrollable_0f7695:after,.ExpandableMenu__list_Scrollable_0f7695:before{content:"";display:block;height:100%;pointer-events:none;position:absolute;-webkit-transition:all var(--color-transition-duration) ease;transition:all var(--color-transition-duration) ease;width:var(--menu-item-bookend-horizontal-spacing);z-index:1}[data-device-type=tv] .ExpandableMenu__list_Scrollable_0f7695:after,[data-device-type=tv] .ExpandableMenu__list_Scrollable_0f7695:before{content:none}.ExpandableMenu__list_Scrollable_0f7695:before{background-image:-webkit-gradient(linear,left top,right top,from(var(--horizontal-overflow-color-transparent)));background-image:linear-gradient(to right,var(--horizontal-overflow-color-transparent));left:0}.ExpandableMenu__list_Scrollable_0f7695:after{background-image:-webkit-gradient(linear,right top,left top,from(var(--horizontal-overflow-color-transparent)));background-image:linear-gradient(to left,var(--horizontal-overflow-color-transparent));right:0}.ExpandableMenu__list_Measureable_0f7695{margin:0;overflow:hidden;padding:0;position:absolute;top:100%;visibility:hidden;width:100%}.ExpandableMenuItem_0f7695{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.6rem;font-weight:var(--fontWeight_semiBold);line-height:2rem;position:relative}[data-device-type=tv] .ExpandableMenuItem_0f7695{font-size:3.1rem;line-height:4.3rem}[data-device-type=tv] .ExpandableMenuItem_0f7695>a{padding-bottom:1.2rem;padding-top:1.2rem}.ExpandableMenuItem_0f7695[data-is-active=true]>a,.ExpandableMenuItem_0f7695[data-is-active=true]>button{fill:var(--menu-item-fg-active);color:var(--menu-item-fg-active)}.ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695).ExpandableMenuItem_0f7695[data-is-active=true]>a:after,.ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695).ExpandableMenuItem_0f7695[data-is-active=true]>button:after{background:currentColor;bottom:1rem;content:"";height:var(--activeItem-border-bottom-height);position:absolute;width:calc(100% - var(--menu-item-horizontal-spacing)*2)}[data-device-type=tv] .ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695).ExpandableMenuItem_0f7695[data-is-active=true]>a:after,[data-device-type=tv] .ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695).ExpandableMenuItem_0f7695[data-is-active=true]>button:after{height:0}.ExpandableMenuItem_0f7695>a{border-radius:var(--border-radius-big)}.ExpandableMenuItem_0f7695>.ExpandableMenuItem__dropdownTrigger_0f7695,.ExpandableMenuItem_0f7695>a{-webkit-box-align:center;-ms-flex-align:center;fill:var(--menu-item-fg);align-items:center;color:var(--menu-item-fg);display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 .8rem 1.2rem;text-decoration:none;-webkit-transition:all var(--color-transition-duration) ease;transition:all var(--color-transition-duration) ease}@media screen and (min-width:700px){.ExpandableMenuItem_0f7695>.ExpandableMenuItem__dropdownTrigger_0f7695,.ExpandableMenuItem_0f7695>a{padding:2.2rem .8rem}}@media screen and (min-width:1440px){.ExpandableMenuItem_0f7695>.ExpandableMenuItem__dropdownTrigger_0f7695,.ExpandableMenuItem_0f7695>a{padding:2.2rem 1.6rem}}.ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695):first-child.ExpandableMenuItem_0f7695>.ExpandableMenuItem__dropdownTrigger_0f7695,.ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695):first-child.ExpandableMenuItem_0f7695>a{padding-left:var(--menu-item-bookend-horizontal-spacing)}.ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695):last-child.ExpandableMenuItem_0f7695>.ExpandableMenuItem__dropdownTrigger_0f7695,.ExpandableMenuItem_0f7695:not(.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695):last-child.ExpandableMenuItem_0f7695>a{padding-right:var(--menu-item-bookend-horizontal-spacing)}.ExpandableMenuItem_0f7695>.ExpandableMenuItem__dropdownTrigger_0f7695:hover,.ExpandableMenuItem_0f7695>a:hover{fill:var(--menu-item-fg-hover);color:var(--menu-item-fg-hover)}.ExpandableMenuItem__dropdownTrigger_0f7695{background-color:inherit;border:inherit;border-radius:var(--border-radius-big);font-family:inherit;font-size:inherit;font-weight:inherit}.ExpandableMenuItem__dropdownTrigger_0f7695 svg{height:1.2em;margin-left:.4em;width:1.2em}.ExpandableMenuItem__dropdown_0f7695{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--dropdown-bg);border-radius:.3em;-webkit-box-shadow:0 .12em 1.17em 0 rgba(0,0,0,.3);box-shadow:0 .12em 1.17em 0 rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1em 0;position:absolute;right:0;top:100%;z-index:4}.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695>a{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;line-height:2.12em;padding:0 1.17em}.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695>a:hover{background-color:var(--dropdown-item-bg-hover)}.ExpandableMenuItem__dropdown_0f7695 .ExpandableMenuItem_0f7695:not([data-is-active=true])>a:hover{color:var(--dropdown-item-fg-hover)}.HeaderLayout_8ce6e0{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border-bottom-style:solid;border-bottom-width:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1.6rem 0 0;position:relative;-webkit-transition-duration:var(--duration_header-theme-transition);transition-duration:var(--duration_header-theme-transition);-webkit-transition-property:color,background-color,border-color;transition-property:color,background-color,border-color;-webkit-transition-timing-function:ease;transition-timing-function:ease}@media screen and (min-width:700px){.HeaderLayout_8ce6e0{-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:6.4rem;padding:0 3.2rem}}.HeaderLayout_8ce6e0:before{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(0,0,0,.7)),color-stop(97%,transparent));background-image:linear-gradient(180deg,rgba(0,0,0,.7) 3%,transparent 97%);content:"";height:var(--height_header-transparent-gradient);left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:all var(--duration_header-theme-transition) ease;transition:all var(--duration_header-theme-transition) ease;width:100%;z-index:1}[data-device-type=tv] .HeaderLayout_8ce6e0{background:var(--color_header-v5-tv-dark-bg);border-bottom:0;height:var(--height_header-tv);padding:0 9rem}.HeaderLayout_Light_8ce6e0{background:var(--color_header-v5-light-bg);border-bottom-color:var(--color_header-v5-light-border)}.HeaderLayout_Dark_8ce6e0{background:var(--color_header-v5-dark-bg);border-bottom-color:var(--color_header-v5-dark-border)}.HeaderLayout_Dark_8ce6e0>.HeaderLayout__navigation_8ce6e0{margin-top:1.6rem}@media screen and (min-width:700px){.HeaderLayout_Dark_8ce6e0>.HeaderLayout__navigation_8ce6e0{margin-top:0}}.HeaderLayout_Transparent_8ce6e0{background-color:transparent;border-bottom-color:transparent}.HeaderLayout_Transparent_8ce6e0:before{opacity:1}[data-device-type=tv] .HeaderLayout_Transparent_8ce6e0:before{opacity:0}.HeaderLayout_8ce6e0>*{z-index:2}.HeaderLayout__logo_8ce6e0{-webkit-box-ordinal-group:2;-ms-flex-order:1;margin-left:1.6rem;order:1}@media screen and (min-width:700px){.HeaderLayout__logo_8ce6e0{margin-left:0}}.HeaderLayout__userOptions_8ce6e0{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;flex-grow:1;justify-content:flex-end;margin-right:1.6rem;order:2}.HeaderLayout__userOptions_8ce6e0>:not(:first-child){margin-left:1rem}@media screen and (min-width:700px){.HeaderLayout__userOptions_8ce6e0>:not(:first-child){margin-left:2rem}.HeaderLayout__userOptions_8ce6e0{-webkit-box-ordinal-group:4;-ms-flex-order:3;-webkit-box-flex:initial;-ms-flex-positive:initial;flex-grow:0;margin-right:0;order:3}}.HeaderLayout__navigation_8ce6e0{-webkit-box-ordinal-group:4;-ms-flex-order:3;margin-top:1.6rem;min-width:0;order:3;width:100%}@media screen and (min-width:700px){.HeaderLayout__navigation_8ce6e0{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 2rem;order:2;width:auto}}.HeaderLogo_D7d568{height:2.8rem}@media screen and (min-width:375px){.HeaderLogo_D7d568{height:3.2rem}}.HeaderNavigation_Fe2331{--EM-menu-item-fg-active:var(--color_header-v5-fg-active);--EM-menu-item-fg-hover:var(--color_header-v5-fg-active);display:block;font-size:1.7rem}.HeaderNavigation_Light_Fe2331{--EM-horizontal-overflow-color:var(--color_overflow-light);--EM-horizontal-overflow-color-transparent:var(--color_white-0);--EM-menu-item-fg:var(--color_header-v5-light-fg);--EM-dropdown-bg:var(--color_header-v5-light-nav-dropdown-bg);--EM-dropdown-item-bg-hover:var(--color_header-v5-light-nav-dropdown-item-bg-hover);--EM-dropdown-item-fg-hover:var(--color_header-v5-light-nav-dropdown-item-fg-hover)}.HeaderNavigation_Dark_Fe2331,.HeaderNavigation_Transparent_Fe2331{--EM-menu-item-fg:var(--color_header-v5-dark-fg);--EM-dropdown-bg:var(--color_header-v5-dark-nav-dropdown-bg);--EM-dropdown-item-bg-hover:var(--color_header-v5-dark-nav-dropdown-item-bg-hover);--EM-dropdown-item-fg-hover:var(--color_header-v5-dark-nav-dropdown-item-fg-hover)}.HeaderNavigation_Dark_Fe2331{--EM-horizontal-overflow-color:var(--color_overflow-dark);--EM-horizontal-overflow-color-transparent:var(--color_darkmode-primary-0)}.HeaderNavigation_Transparent_Fe2331{--EM-horizontal-overflow-color:var(--color_white-0);--EM-horizontal-overflow-color-transparent:var(--color_white-0)}@-webkit-keyframes fadeIn_5f713b{0%{opacity:0}to{opacity:1}}@keyframes fadeIn_5f713b{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp_5f713b{0%{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUp_5f713b{0%{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.HeaderProfile_5f713b{--HP-transition-duration:300ms;position:relative;z-index:7}.HeaderProfile__button_5f713b{background:transparent;border:none;cursor:pointer;display:inline-block;font:inherit;padding:0;text-decoration:none;vertical-align:middle}.HeaderProfile__dropdownPositioner_5f713b{-webkit-animation:fadeIn_5f713b var(--HP-transition-duration) ease-in;animation:fadeIn_5f713b var(--HP-transition-duration) ease-in;opacity:0;position:absolute;right:0;top:100%;visibility:hidden}.HeaderProfile_FullScreen_5f713b .HeaderProfile__dropdownPositioner_5f713b{background:rgba(0,0,0,.5);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;right:0;top:0}[data-device-type=tv] .HeaderProfile__dropdownPositioner_5f713b{bottom:0;left:0;position:fixed;right:0;top:0}.HeaderProfile__dropdownPositioner_ShowUserMenu_5f713b{-webkit-animation:fadeIn_5f713b var(--HP-transition-duration) ease-in;animation:fadeIn_5f713b var(--HP-transition-duration) ease-in;opacity:1;visibility:visible}.HeaderProfile__dropdownWrap_5f713b{padding-top:1.7rem}[data-device-type=tv] .HeaderProfile__dropdownWrap_5f713b{padding-top:var(--height_header-tv)}.HeaderProfile_FullScreen_5f713b .HeaderProfile__dropdownWrap_5f713b{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-animation:slideUp_5f713b var(--HP-transition-duration) ease-in;animation:slideUp_5f713b var(--HP-transition-duration) ease-in;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;margin-top:5rem;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.HeaderProfileIcon_4388cb{fill:var(--color_white);height:2.8rem;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .15s ease;transition:all .15s ease;width:2.8rem}@media screen and (min-width:375px){.HeaderProfileIcon_4388cb{height:3.2rem;width:3.2rem}}[data-device-type=tv] .HeaderProfileIcon_4388cb{height:5.4rem;-webkit-transition:none;transition:none;width:5.4rem}.HeaderProfileIcon_4388cb:hover{-webkit-filter:drop-shadow(0 .1rem .4rem rgba(0,0,0,.5));filter:drop-shadow(0 .1rem .4rem rgba(0,0,0,.5));-webkit-transform:scale(1.1);transform:scale(1.1)}.HeaderProfileIcon_PlaceholderImage_4388cb{fill:var(--color_white);background-color:var(--color_chalkboard);border-radius:50%;padding:.7rem}.HeaderProfileIcon_Dark_4388cb.HeaderProfileIcon_PlaceholderImage_4388cb{fill:var(--color_chalkboard);background-color:var(--color_white)}.HeaderProfileIcon_IsLoggedIn_4388cb.HeaderProfileIcon_PlaceholderImage_4388cb{fill:#4c626f;background-color:#bccdd7}[data-device-type=tv] .HeaderProfileIcon_IsLoggedIn_4388cb.HeaderProfileIcon_PlaceholderImage_4388cb{padding:7}.HeaderProfileIcon_Active_4388cb{border-radius:50%;-webkit-box-shadow:0 0 0 .4rem var(--color_white-5);box-shadow:0 0 0 .4rem var(--color_white-5)}.HeaderProfileIcon_4388cb img,.HeaderProfileIcon_4388cb svg{height:100%;width:100%}.HeaderProfileIcon__profileAvatar_4388cb{height:.9rem;width:.9rem}[data-device-type=tv] .HeaderProfileIcon__profileAvatar_4388cb{height:1.5rem;padding:0;width:1.5rem}.HeaderSearchIcon_Ae56b6{--color_icon-active-bg:var(--color_white-10);--color_icon-active-fg:var(--color_white);--color_icon-bg:var(--color_white-10);height:var(--size_header-search-icon);width:var(--size_header-search-icon)}[data-theme~=telecomitalia] .HeaderSearchIcon_Ae56b6{--color_icon-active-bg:var(--color_gold-dark-secondary);--color_icon-active-fg:var(--color_black);--color_icon-bg:var(--color_gold-dark-secondary)}@media (--mq-from-xsmall-420 ){.HeaderSearchIcon_Ae56b6{margin-right:.2rem}}[data-device-type=tv] .HeaderSearchIcon_Ae56b6{background-color:var(--color_icon-bg);border-radius:50%;height:5.4rem;overflow:visible;padding:1.1rem;width:5.4rem}[data-device-type=tv] .HeaderSearchIcon_IsActive_Ae56b6{background-color:var(--color_icon-active-bg)}.HeaderSearchIcon_IsActive_Ae56b6{border-radius:50%;-webkit-box-shadow:0 0 0 .4rem var(--color_white-5);box-shadow:0 0 0 .4rem var(--color_white-5)}@-webkit-keyframes introduceInput_Ab9e7f{0%,50%{padding:0 0 0 var(--HS-size-input-horizontal-padding)}to{padding:0 var(--HS-size-input-horizontal-padding)}}@keyframes introduceInput_Ab9e7f{0%,50%{padding:0 0 0 var(--HS-size-input-horizontal-padding)}to{padding:0 var(--HS-size-input-horizontal-padding)}}@-webkit-keyframes introduceCloseButton_Ab9e7f{0%,50%{opacity:0}to{opacity:1}}@keyframes introduceCloseButton_Ab9e7f{0%,50%{opacity:0}to{opacity:1}}.HeaderSearch_Ab9e7f{--HS-color-bg:var(--color_header-v5-light-bg);--HS-color-fg:var(--color_header-v5-light-fg);--HS-color-close-bg:var(--color_header-v5-light-close-bg);--HS-color-close-fg:var(--color_header-v5-light-close-fg);--HS-color-border:var(--color_header-v5-light-border);--HS-size-input-horizontal-padding:calc(var(--size_header-search-icon) + var(--size_header-search-input-icon-distance-from-edge)*2);display:block;height:100%;position:relative;width:100%}.HeaderSearch_Dark_Ab9e7f{--HS-color-bg:var(--color_header-v5-dark-bg);--HS-color-fg:var(--color_white);--HS-color-close-bg:var(--color_header-v5-dark-close-bg);--HS-color-close-fg:var(--color_header-v5-dark-close-fg);--HS-color-border:var(--color_header-v5-dark-border)}.HeaderSearch__input_Ab9e7f{-webkit-animation:introduceInput_Ab9e7f var(--duration_header-search-expansion);animation:introduceInput_Ab9e7f var(--duration_header-search-expansion);-webkit-appearance:none;background:var(--HS-color-bg);border:.1rem solid var(--HS-color-border);border-radius:var(--border-radius-big);-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--HS_color-fg);color:var(--HS-color-fg);font-size:1.6rem;height:100%;padding:0 var(--HS-size-input-horizontal-padding);width:100%}.HeaderSearch__input_Ab9e7f[type=search]::-webkit-search-cancel-button,.HeaderSearch__input_Ab9e7f[type=search]::-webkit-search-decoration,.HeaderSearch__input_Ab9e7f[type=search]::-webkit-search-results-button,.HeaderSearch__input_Ab9e7f[type=search]::-webkit-search-results-decoration{display:none}.HeaderSearch__input_Ab9e7f .HeaderSearch_IsClosing_Ab9e7f{animation:introduceInput_Ab9e7f var(--duration_header-search-expansion) reverse forwards}.HeaderSearch__searchIcon_Ab9e7f{fill:var(--HS-color-fg);left:var(--size_header-search-input-icon-distance-from-edge)}.HeaderSearch__closeButton_Ab9e7f,.HeaderSearch__searchIcon_Ab9e7f{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.HeaderSearch__closeButton_Ab9e7f{fill:var(--HS-color-close-fg);-webkit-animation:introduceCloseButton_Ab9e7f var(--duration_header-search-expansion);animation:introduceCloseButton_Ab9e7f var(--duration_header-search-expansion);background-color:var(--HS-color-close-bg);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-filter:brightness(1);filter:brightness(1);height:2.4rem;opacity:1;padding:.6rem;right:var(--size_header-search-input-icon-distance-from-edge);-webkit-transition:-webkit-filter .15s ease;transition:-webkit-filter .15s ease;transition:filter .15s ease;transition:filter .15s ease,-webkit-filter .15s ease;width:2.4rem}.HeaderSearch__closeButton_Ab9e7f:hover{-webkit-filter:brightness(.85);filter:brightness(.85)}.HeaderSearch__closeButton_Ab9e7f svg{width:100%}.HeaderSearch__closeButton_Ab9e7f .HeaderSearch_IsClosing_Ab9e7f{animation:introduceCloseButton_Ab9e7f var(--duration_header-search-expansion) reverse forwards}.HeaderSearchButton_Af93ea{--HSB_color-fg:var(--color_header-v5-light-fg);fill:var(--HSB_color-fg);background:transparent;border:none;border-radius:var(--border-radius-big);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .25s ease;transition:all .25s ease}.HeaderSearchButton_Af93ea:focus{--HSB_color-fg:var(--color_header-v5-light-fg-focus)}.HeaderSearchButton_Af93ea:hover{--HSB_color-fg:var(--color_header-v5-light-fg-hover)}.HeaderSearchButton_Dark_Af93ea,.HeaderSearchButton_Dark_Af93ea:focus:not(:hover){--HSB_color-fg:var(--color_white)}[data-device-type=tv] .HeaderSearchButton_Af93ea{border-radius:50%}@-webkit-keyframes fadeInSearchBg_8fc851{0%,50%{background:transparent}to{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--HWSL-color-bg)),color-stop(var(--HWSL-color-bg)),to(transparent));background:linear-gradient(to bottom,var(--HWSL-color-bg) 0,var(--HWSL-color-bg) var(--height_header-mobile),transparent var(--height_header-mobile))}}@keyframes fadeInSearchBg_8fc851{0%,50%{background:transparent}to{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--HWSL-color-bg)),color-stop(var(--HWSL-color-bg)),to(transparent));background:linear-gradient(to bottom,var(--HWSL-color-bg) 0,var(--HWSL-color-bg) var(--height_header-mobile),transparent var(--height_header-mobile))}}@-webkit-keyframes fadeOutSearchLayout_8fc851{0%{opacity:1}to{opacity:0}}@keyframes fadeOutSearchLayout_8fc851{0%{opacity:1}to{opacity:0}}.HeaderWithSearchLayout_8fc851{--HWSL-color-bg:var(--color_header-v5-light-bg);-webkit-box-flex:0;-ms-flex:none;flex:none;height:var(--height_header-mobile);position:relative;-webkit-transition:height var(--duration_header-search-expansion) ease;transition:height var(--duration_header-search-expansion) ease;z-index:7}.HeaderWithSearchLayout_Dark_8fc851{--HWSL-color-bg:var(--color_header-v5-dark-bg)}@media screen and (min-width:700px){.HeaderWithSearchLayout_8fc851{height:auto}}.HeaderWithSearchLayout_SearchOpen_8fc851{height:var(--height_header-mobile-search-open);overflow:hidden}@media screen and (min-width:700px){.HeaderWithSearchLayout_SearchOpen_8fc851{height:auto;overflow:visible}}.HeaderWithSearchLayout_Closing_8fc851{height:var(--height_header-transparent-gradient)}.HeaderWithSearchLayout_SearchOpen_8fc851 .HeaderWithSearchLayout__headerWrap_8fc851{pointer-events:none}@media screen and (min-width:700px){.HeaderWithSearchLayout_SearchOpen_8fc851 .HeaderWithSearchLayout__headerWrap_8fc851{pointer-events:auto}}.HeaderWithSearchLayout__searchLayout_8fc851{-webkit-animation:fadeInSearchBg_8fc851 var(--duration_header-search-expansion);animation:fadeInSearchBg_8fc851 var(--duration_header-search-expansion);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--HWSL-color-bg)),color-stop(var(--HWSL-color-bg)),to(transparent));background:linear-gradient(to bottom,var(--HWSL-color-bg) 0,var(--HWSL-color-bg) var(--height_header-mobile),transparent var(--height_header-mobile));height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@media screen and (min-width:700px){.HeaderWithSearchLayout__searchLayout_8fc851{-webkit-animation:none;animation:none;background:transparent}}.HeaderWithSearchLayout_Closing_8fc851 .HeaderWithSearchLayout__searchLayout_8fc851{-webkit-animation:fadeOutSearchLayout_8fc851 var(--duration_header-search-expansion) forwards;animation:fadeOutSearchLayout_8fc851 var(--duration_header-search-expansion) forwards}.HeaderWithSearchLayout__searchWrap_8fc851{height:var(--size_header-search-input-height);pointer-events:auto;position:absolute;-webkit-transition-duration:var(--duration_header-search-expansion);transition-duration:var(--duration_header-search-expansion);-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-timing-function:ease;transition-timing-function:ease}@-webkit-keyframes placeHolderFade_Aec671{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@keyframes placeHolderFade_Aec671{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@-webkit-keyframes rotate_Aec671{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate_Aec671{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.heading_Aec671{--title_font-size:2.3rem;--title_small-font-size:1.4rem;--title_large-font-size:3.2rem;--title_detail-font-size:1.9rem;--title_showcase-font-size:2.2rem;--title_placeholder-height:3.6rem;--title_largePlaceholder-height:4.4rem;color:currentColor;font-size:var(--title_font-size);font-weight:var(--fontWeight_semiBold);margin:0}@media (--mq-from-tablet ){.heading_Aec671{--title_showcase-font-size:3rem}}@media (--mq-from-laptop ){.heading_Aec671{--title_small-font-size:1.6rem;--title_showcase-font-size:3rem}}@media (--mq-from-desktop ){.heading_Aec671{--title_font-size:2.6rem;--title_small-font-size:1.6rem}}[data-device-type=tv] .heading_Aec671{--title_font-size:4.7rem;--title_small-font-size:3.1rem;--title_showcase-font-size:4rem}.heading_Aec671:first-letter{text-transform:uppercase}.heading_Showcase_Aec671{font-family:var(--font_canal-bold-italique);font-size:var(--title_showcase-font-size);text-transform:uppercase}.heading_DetailV5_Aec671{font-size:var(--title_detail-font-size);font-weight:var(--fontWeight_medium)}[data-device-type=tv] .heading_DetailV5_Aec671{font-size:3.6rem}.heading_IsBig_Aec671{font-size:var(--title_large-font-size)}.heading_IsSmall_Aec671{font-family:var(--font_hind);font-size:var(--title_small-font-size);font-weight:var(--fontWeight_regular);text-transform:inherit}.heading_Loader_Aec671{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:placeHolderFade_Aec671;animation-name:placeHolderFade_Aec671;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:var(--color_placeholder);height:var(--title_placeholder-height);width:40%}.heading_Loader_Aec671.heading_Big_Aec671{height:var(--title_largePlaceholder-height)}.HorizontalList_0cd73c{--list-side-padding:var(--HZL-list-side-padding,0);-webkit-tap-highlight-color:transparent;overflow:hidden;position:relative;-ms-touch-action:pan-y;touch-action:pan-y}.HorizontalList_0cd73c,.HorizontalList_0cd73c *{-webkit-box-sizing:border-box;box-sizing:border-box}.HorizontalList__list_0cd73c{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:visible;overflow-y:hidden;padding:0 var(--list-side-padding);position:relative;scrollbar-width:none;white-space:nowrap;z-index:1}.HorizontalList__list_0cd73c::-webkit-scrollbar{display:none}.HorizontalList__list_0cd73c>li{display:inline-block}.HorizontalList__controlsWrap_0cd73c{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:space-between;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.HorizontalList__buttonWrap_0cd73c{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;pointer-events:auto;-webkit-transition:all .25s ease;transition:all .25s ease}.HorizontalList__buttonWrap_Hidden_0cd73c{opacity:0;pointer-events:none}.HorizontalListPageButton_8df5c4{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color_black);display:-webkit-box;display:-ms-flexbox;display:flex;height:3.8rem;justify-content:center;margin:0 .4rem;opacity:.65;padding:0 1.5rem;width:3.8rem}.HorizontalListPageButton_8df5c4:hover{opacity:.8}.HorizontalListPageButton_8df5c4 svg{fill:var(--color_white);width:100%}.ImageType_56d4ea{-webkit-animation:opacity_56d4ea .35s ease-in;animation:opacity_56d4ea .35s ease-in}@-webkit-keyframes opacity_56d4ea{0%{opacity:0}to{opacity:1}}@keyframes opacity_56d4ea{0%{opacity:0}to{opacity:1}}.ImageWall_0aef1a{--IW-padding:var(--showcase-side-padding-mobile);--IW-ctaJumbo-display:block;--IW-grid-template-columns:repeat(2,1fr);--IW-grid-gap:0.9rem;--IW-grid-template-areas:"box_34_1 box_169_1" "box_34_1 box_34_2" "box_169_2 box_34_2" "box_34_3 box_169_3" "box_34_3 box_34_4" "box_169_4 box_34_4";--IW-item-34_0-display:none;--IW-item-34_4-display:block;padding:0 var(--IW-padding)}@media screen and (min-width:700px){.ImageWall_0aef1a{--IW-padding:var(--showcase-side-padding-tablet);--IW-grid-template-columns:repeat(4,1fr);--IW-grid-template-areas:"box_34_1 box_169_2 box_34_3 box_169_4" "box_34_1 box_34_2 box_34_3 box_34_4" "box_169_1 box_34_2 box_169_3 box_34_4"}}@media (min-width:961px){.ImageWall_0aef1a{--IW-ctaJumbo-display:none;--IW-grid-gap:1.2rem;--IW-grid-template-areas:"box_34_0 box_169_2 box_34_2 box_169_4" "box_34_0 box_34_1 box_34_2 box_34_3" "box_169_1 box_34_1 box_169_3 box_34_3";--IW-item-34_0-display:block;--IW-item-34_4-display:none}}@media (min-width:1285px){.ImageWall_0aef1a{--IW-padding:var(--showcase-side-padding-desktop)}}.ImageWall__ctaJumboWrap_0aef1a{border-radius:var(--border-radius-small);display:var(--IW-ctaJumbo-display);margin-bottom:.8rem;overflow:hidden}.ImageWall__grid_0aef1a{grid-gap:var(--IW-grid-gap);display:grid;gap:var(--IW-grid-gap);grid-template-areas:var(--IW-grid-template-areas);grid-template-columns:var(--IW-grid-template-columns);grid-template-rows:auto}.ImageWall__grid__item_0aef1a{border-radius:var(--border-radius-small);position:relative}.ImageWall__grid__item_Cta_0aef1a{display:var(--IW-item-34_0-display);grid-area:box_34_0}.ImageWall__grid__item_Ratio341_0aef1a{grid-area:box_34_1}.ImageWall__grid__item_Ratio342_0aef1a{grid-area:box_34_2}.ImageWall__grid__item_Ratio343_0aef1a{grid-area:box_34_3}.ImageWall__grid__item_Ratio344_0aef1a{display:var(--IW-item-34_4-display);grid-area:box_34_4}.ImageWall__grid__item_Ratio1691_0aef1a{grid-area:box_169_1}.ImageWall__grid__item_Ratio1692_0aef1a{grid-area:box_169_2}.ImageWall__grid__item_Ratio1693_0aef1a{grid-area:box_169_3}.ImageWall__grid__item_Ratio1694_0aef1a{grid-area:box_169_4}.ImageWall__grid__item__contentWrap_0aef1a{height:100%;left:0;position:absolute;top:0;width:100%}.ImageWall__grid__item__contentWrap__linker_0aef1a{display:block;height:100%;width:100%}.imageWallFocus .tv__focus:after{border:.4rem solid var(--color_secondary)!important;border-radius:var(--border-radius-outline)!important;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:10}.ImageWallContent_8791c9{--IWC-content-wrap-padding:0.4rem 0.4rem;--IWC-content-wrap-padding-tv:0 1.5rem 0.5rem;--IWC-logo-width:3.6rem;--IWC-logo-width-tv:7.6rem;--IWC-content-separation:0.4rem;--IWC-title-font-size:1rem;--IWC-title-font-size-tv:1.8rem;--IWC-title-line-height:1.4rem;--IWC-title-margin-left:0.4rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:flex-end;position:relative}@media screen and (min-width:700px){.ImageWallContent_8791c9{--IWC-content-wrap-padding:0 0.8rem}}@media (min-width:961px){.ImageWallContent_8791c9{--IWC-logo-width:4.6rem;--IWC-content-separation:0.8rem;--IWC-title-font-size:1.2rem;--IWC-title-line-height:1.6rem}}@media (min-width:1600px){.ImageWallContent_8791c9{--IWC-content-wrap-padding:0 1.5rem 0.2rem}}.ImageWallContent_8791c9:before{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),color-stop(60%,transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.ImageWallContent__contentWrap_8791c9{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding:var(--IWC-content-wrap-padding);z-index:2}[data-device-type=tv] .ImageWallContent__contentWrap_8791c9{padding:var(--IWC-content-wrap-padding-tv)}.ImageWallContent__logo_8791c9{width:var(--IWC-logo-width)}[data-device-type=tv] .ImageWallContent__logo_8791c9{width:var(--IWC-logo-width-tv)}.ImageWallContent__title_8791c9{color:var(--color_white);font-family:var(--font_canal-bold-italique);font-size:var(--IWC-title-font-size);line-height:var(--IWC-title-line-height);margin-left:var(--IWC-title-margin-left);max-height:NaNrem;overflow:hidden;text-transform:uppercase}.ImageWallContent__title_8791c9:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}.ImageWallContent__title_8791c9:not(:root):after,.ImageWallContent__title_8791c9:not(:root):before{display:none}.ImageWallContent__title_8791c9:not(:root)>:first-child{float:none;margin:0}.ImageWallContent__title_8791c9 picture{margin:0 0 0 var(--IWC-content-separation)}[data-device-type=tv] .ImageWallContent__title_8791c9{font-size:var(--IWC-title-font-size-tv)}.ImageWallCta_59ea24{--max-line:4;--IWCTA-padding:2.5rem 1.5rem 2rem;--IWCTA-padding-tv:3.6rem 3rem;--IWCTA-title-font-size:1.6rem;--IWCTA-title-font-size-tv:2.7rem;--IWCTA-title-margin-bottom:0.6rem;--IWCTA-subtitle-margin-bottom:1.2rem;--IWCTA-subtitle-font-size:2.2rem;--IWCTA-subtitle-font-size-tv:4rem;--IWCTA-description-font-size:1.4rem;--IWCTA-description-font-size-tv:2.7rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--color_showcase-element-bg);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:var(--IWCTA-padding)}@media screen and (min-width:700px){.ImageWallCta_59ea24{--IWCTA-padding:2.5rem 2rem 2rem;--IWCTA-subtitle-font-size:3rem}}@media (min-width:961px){.ImageWallCta_59ea24{--IWCTA-padding:2rem 1.2rem;--IWCTA-title-font-size:1.8rem;--IWCTA-subtitle-margin-bottom:1rem;--IWCTA-subtitle-font-size:2.2rem;--IWCTA-description-font-size:1.6rem}}@media (min-width:1285px){.ImageWallCta_59ea24{--IWCTA-padding:4rem 2rem 3rem;--IWCTA-title-margin-bottom:0.8rem;--IWCTA-subtitle-font-size:3rem;--IWCTA-subtitle-margin-bottom:1.6rem}}@media (min-width:1600px){.ImageWallCta_59ea24{--IWCTA-padding:8rem 4rem 6rem}}@media (min-width:1920px){.ImageWallCta_59ea24{--IWCTA-padding:12rem 6rem 9rem;--IWCTA-subtitle-font-size:3rem}}[data-device-type=tv] .ImageWallCta_59ea24{padding:var(--IWCTA-padding-tv)}[data-device-type=tv] .ImageWallCta__linkerTV_59ea24{display:block;height:100%;width:100%}.ImageWallCta__title_59ea24{color:var(--color_secondary);font-family:var(--font_canal-bold-italique);font-size:var(--IWCTA-title-font-size);margin:0 0 var(--IWCTA-title-margin-bottom);text-transform:uppercase}[data-device-type=tv] .ImageWallCta__title_59ea24{font-size:var(--IWCTA-title-font-size-tv)}.ImageWallCta__subtitle_59ea24{color:var(--color_white);font-family:var(--font_canal-bold-italique);font-size:var(--IWCTA-subtitle-font-size);line-height:1.2;line-height:calc(var(--IWCTA-subtitle-font-size)*1.2);margin:0 0 var(--IWCTA-subtitle-margin-bottom);max-height:NaNrem;overflow:hidden;text-transform:uppercase}.ImageWallCta__subtitle_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.ImageWallCta__subtitle_59ea24:not(:root):after,.ImageWallCta__subtitle_59ea24:not(:root):before{display:none}.ImageWallCta__subtitle_59ea24:not(:root)>:first-child{float:none;margin:0}@media (min-width:1285px){.ImageWallCta__subtitle_59ea24{line-height:calc(var(--IWCTA-subtitle-font-size)*1.2);max-height:NaNrem;overflow:hidden}.ImageWallCta__subtitle_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box}.ImageWallCta__subtitle_59ea24:not(:root):after,.ImageWallCta__subtitle_59ea24:not(:root):before{display:none}.ImageWallCta__subtitle_59ea24:not(:root)>:first-child{float:none;margin:0}}[data-device-type=tv] .ImageWallCta__subtitle_59ea24{font-size:var(--IWCTA-subtitle-font-size-tv);line-height:calc(var(--IWCTA-subtitle-font-size-tv)*1.2);line-height:1.1;max-height:NaNrem;overflow:hidden}[data-device-type=tv] .ImageWallCta__subtitle_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box}[data-device-type=tv] .ImageWallCta__subtitle_59ea24:not(:root):after,[data-device-type=tv] .ImageWallCta__subtitle_59ea24:not(:root):before{display:none}[data-device-type=tv] .ImageWallCta__subtitle_59ea24:not(:root)>:first-child{float:none;margin:0}.ImageWallCta__description_59ea24{color:var(--color_showcase-description-fg);font-size:var(--IWCTA-description-font-size);line-height:1.25;line-height:calc(var(--IWCTA-description-font-size)*1.15);margin:0 0 1.5rem;max-height:NaNrem;overflow:hidden}.ImageWallCta__description_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box}.ImageWallCta__description_59ea24:not(:root):after,.ImageWallCta__description_59ea24:not(:root):before{display:none}.ImageWallCta__description_59ea24:not(:root)>:first-child{float:none;margin:0}@media (min-width:1285px){.ImageWallCta__description_59ea24{line-height:calc(var(--IWCTA-description-font-size)*1.15);margin:0 0 3rem;max-height:NaNrem;overflow:hidden}.ImageWallCta__description_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box}.ImageWallCta__description_59ea24:not(:root):after,.ImageWallCta__description_59ea24:not(:root):before{display:none}.ImageWallCta__description_59ea24:not(:root)>:first-child{float:none;margin:0}}[data-device-type=tv] .ImageWallCta__description_59ea24{font-size:var(--IWCTA-description-font-size-tv);line-height:calc(var(--IWCTA-description-font-size-tv)*1.15);max-height:NaNrem;overflow:hidden}[data-device-type=tv] .ImageWallCta__description_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box}[data-device-type=tv] .ImageWallCta__description_59ea24:not(:root):after,[data-device-type=tv] .ImageWallCta__description_59ea24:not(:root):before{display:none}[data-device-type=tv] .ImageWallCta__description_59ea24:not(:root)>:first-child{float:none;margin:0}.ImageWallCta__button_59ea24{-ms-flex-line-pack:center;align-content:center;background-color:var(--color_showcase-button-secondary-bg);border-radius:var(--border-radius-big);color:var(--color_showcase-button-secondary-fg);display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;margin-top:auto;padding:1rem .2rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ImageWallCta__button_59ea24:hover{-webkit-filter:var(--showcase-button-filter-hover-bg);filter:var(--showcase-button-filter-hover-bg)}@media (min-width:1285px){.ImageWallCta__button_59ea24{padding:1rem 1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.ImageWallCta__buttonText_59ea24{font-family:var(--font_canal-bold-italique);font-size:1.4rem;line-height:1.4rem;margin:0 1.6rem;max-height:1.4rem;overflow:hidden;text-align:center}.ImageWallCta__buttonText_59ea24:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box}.ImageWallCta__buttonText_59ea24:not(:root):after,.ImageWallCta__buttonText_59ea24:not(:root):before{display:none}.ImageWallCta__buttonText_59ea24:not(:root)>:first-child{float:none;margin:0}@media (min-width:961px){.ImageWallCta__buttonText_59ea24{margin:0 .3rem}}.modal_432ee0{--color-modal-bg:var(--color_white,#fff);--color-modal-content-fg:var(--color_primary,#1c1c1c);--color-modal-dark-bg:var(--color_darkmode-primary,#16191c);--color-modal-dark-content-fg:var(--color_darkmode-textcolor-primary,#fff);display:none;height:100vh;opacity:0;outline:none;visibility:hidden;width:100%;z-index:1001}[data-theme~=telecomitalia] .modal_432ee0{--color-modal-bg:var(--color_gold-kumera,#986d23);--color-modal-content-fg:var(--color_white,#fff);--color-modal-dark-bg:var(--color_gold-kumera,#986d23);--color-modal-dark-content-fg:var(--color_white,#fff)}.modal_Open_432ee0{bottom:0;display:block;left:0;opacity:1;overflow-y:auto;position:fixed;right:0;top:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;visibility:visible}.modal__overlay_432ee0{background:rgba(28,28,28,.5);bottom:0;cursor:pointer;height:100vh;left:0;position:absolute;right:0;top:0;width:100%}.modal__content_432ee0{background-color:#fff;background-color:var(--color-modal-bg,#fff);color:#1c1c1c;color:var(--color-modal-content-fg,#1c1c1c);height:auto;left:50%;max-width:120.4rem;padding:3rem 2rem 12rem;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:90%}@media screen and (min-width:700px){.modal__content_432ee0{bottom:auto;left:50%;padding:3rem 2rem;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}.modal__close_432ee0{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color_grey-100);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:4rem;z-index:100;z-index:var(--z-index-1,100)}@media (min-width:961px){.modal__close_432ee0{right:.5rem}}.modal__close_432ee0.focus-visible{outline:1px auto -webkit-focus-ring-color}.modal__close_432ee0:focus-visible{outline:1px auto -webkit-focus-ring-color}.modal__close_432ee0:hover svg{fill:#ec3655;fill:var(--color_secondary,#ec3655)}.modal__close_432ee0 svg{fill:#1c1c1c;fill:var(--color_primary,#1c1c1c);height:3rem;-webkit-transition:fill .25s ease-out;transition:fill .25s ease-out;width:3rem}@media (min-width:961px){.modal__close_432ee0 svg{width:auto}}.modal_Dark_432ee0 .modal__content_432ee0{background-color:#16191c;background-color:var(--color-modal-dark-bg,#16191c);color:#fff;color:var(--color-modal-dark-content-fg,#fff)}.modal_Dark_432ee0 .modal__overlay_432ee0{background-color:rgba(0,0,0,.5)}.modal_Dark_432ee0 .modal__close_432ee0{background-color:#000;background-color:var(--color_black,#000)}.modal_Dark_432ee0 .modal__close_432ee0:hover svg{fill:#ec3655;fill:var(--color_secondary,#ec3655)}.modal_Dark_432ee0 .modal__close_432ee0 svg{fill:#fff;fill:var(--color_darkmode-textcolor-primary,#fff)}.modal_Small_432ee0 .modal__content_432ee0{bottom:0;bottom:inherit;left:auto;position:absolute;right:auto;top:auto;-webkit-transform:none;transform:none;width:100vw}@media screen and (min-width:700px){.modal_Small_432ee0 .modal__content_432ee0{bottom:auto;-webkit-box-shadow:0 2.4rem 2.4rem 0 rgba(0,0,0,.3);box-shadow:0 2.4rem 2.4rem 0 rgba(0,0,0,.3);left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:38rem}}.modal_Medium_432ee0 .modal__content_432ee0{max-width:64rem}.modalV2_0a30fd{--color_modal-funnel-bg:var(--color_chalkboard,#212429);--color_modal-light-bg:var(--color_white,#fff);--color_modal-light-fg:var(--color_primary,#1c1c1c);--color_modal-light-button-close-hover-bg:var(--color_white,#fff);--color_modal-light-button-close-hover-fg:var(--color_secondary,#ec3655);--color_modal-dark-bg:var(--color_darkmode-primary,#16191c);--color_modal-dark-fg:var(--color_darkmode-textcolor-primary,#fff);--color_modal-profile-tv-bg:var(--color_darkmode-primary,#16191c);--color_modal-dark-button-close-bg:var(--color_black,#000);--color_modal-dark-button-close-hover-bg:var(--color_black,#000);--color_modal-dark-button-close-fg:var(--color_darkmode-textcolor-primary,#fff);--color_modal-dark-button-close-hover-fg:var(--color_secondary,#ec3655);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:1001}[data-theme~=telecomitalia] .modalV2_0a30fd{--color_modal-funnel-bg:var(--color_gold-kumera,#986d23);--color_modal-light-bg:var(--color_gold-kumera,#986d23);--color_modal-light-fg:var(--color_white,#fff);--color_modal-light-button-close-hover-bg:var(--color_white-70,#fff);--color_modal-light-button-close-hover-fg:var(--color_black,#000);--color_modal-dark-fg:var(--color_white,#fff);--color_modal-dark-bg:var(--color_gold-kumera,#986d23);--color_modal-profile-tv-bg:var(--color_gold-kumera,#986d23);--color_modal-dark-button-close-bg:var(--color_white,#fff);--color_modal-dark-button-close-fg:var(--color_black,#000);--color_modal-dark-button-close-hover-bg:var(--color_white-70,#fff);--color_modal-dark-button-close-hover-fg:var(--color_black,#000)}[data-device-type=tv] [data-theme~=telecomitalia] .modalV2_0a30fd{--color_modal-funnel-bg:var(--color_gold-kumera)}[data-device-type=tv] .modalV2_0a30fd{--color_modal-funnel-bg:#0e0e0e}.modalV2__overlay_0a30fd{background:rgba(28,28,28,.5);bottom:0;cursor:pointer;height:100vh;left:0;position:fixed;right:0;top:0;width:100%}.modalV2__content_0a30fd{background-color:var(--color_modal-light-bg);color:var(--color_modal-light-fg);max-width:120.4rem;min-height:100vh;overflow-y:auto;padding:3rem 2rem 0;position:absolute;width:100%}@media screen and (min-width:700px){.modalV2__content_0a30fd{bottom:auto;min-height:auto;padding-bottom:3rem;width:90%}}.modalV2__button_0a30fd{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff;background:var(--color_white,#fff);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;justify-content:center;position:absolute;top:.8rem;width:4rem;z-index:100;z-index:var(--z-index-1,100)}.modalV2__button_0a30fd:focus{outline:.1rem solid var(--color_grey-400)}.modalV2__button_0a30fd:hover{background-color:var(--color_modal-light-button-close-hover-bg)}.modalV2__button_0a30fd:hover svg{fill:var(--color_modal-light-button-close-hover-fg)}.modalV2__button_Close_0a30fd{right:.8rem}.modalV2__button_Back_0a30fd{left:.8rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.modalV2__button_Back_0a30fd svg{-webkit-transform:scale(.75);transform:scale(.75)}.modalV2__button_0a30fd svg{fill:#1c1c1c;fill:var(--color_primary,#1c1c1c);height:3rem;-webkit-transition:fill .25s ease-out;transition:fill .25s ease-out;width:3rem}@media (min-width:961px){.modalV2__button_0a30fd svg{width:auto}}.modalV2_Dark_0a30fd .modalV2__content_0a30fd{background-color:var(--color_modal-dark-bg);color:var(--color_modal-dark-fg)}.modalV2_Dark_0a30fd .modalV2__overlay_0a30fd{background-color:rgba(0,0,0,.5)}.modalV2_Dark_0a30fd .modalV2__button_0a30fd{background-color:var(--color_modal-dark-button-close-bg)}[data-device-type=tv] .modalV2_Dark_0a30fd .modalV2__button_0a30fd{display:none}.modalV2_Dark_0a30fd .modalV2__button_0a30fd:hover{background-color:var(--color_modal-dark-button-close-hover-bg)}.modalV2_Dark_0a30fd .modalV2__button_0a30fd:hover svg{fill:var(--color_modal-dark-button-close-hover-fg)}.modalV2_Dark_0a30fd .modalV2__button_0a30fd svg{fill:var(--color_modal-dark-button-close-fg)}.modalV2_Funnel_0a30fd{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modalV2_Funnel_0a30fd .modalV2__content_0a30fd{background-color:var(--color_modal-funnel-bg);padding-bottom:0}@media screen and (min-width:700px){.modalV2_Funnel_0a30fd .modalV2__content_0a30fd{top:3vh}}.modalV2_Profile_0a30fd .modalV2__content_0a30fd{height:100%;margin-top:5rem;width:100%}@media screen and (min-width:700px){.modalV2_Profile_0a30fd .modalV2__content_0a30fd{height:calc(100vh - 10rem);margin-top:0;width:90%}}[data-device-type=tv] .modalV2_Profile_0a30fd .modalV2__content_0a30fd{background-color:var(--color_modal-profile-tv-bg);height:auto}.modalV2_LiveGrid_0a30fd .modalV2__content_0a30fd{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 7.6rem);max-width:100%;min-height:auto;padding:0;position:relative;width:100%}@media screen and (min-width:700px){.modalV2_LiveGrid_0a30fd .modalV2__content_0a30fd{max-width:128rem;width:85%}}.modalV2_Small_0a30fd .modalV2__content_0a30fd{bottom:0;bottom:inherit;height:auto;left:auto;min-height:none;position:fixed;right:auto;top:auto;-webkit-transform:none;transform:none;width:100vw}@media screen and (min-width:700px){.modalV2_Small_0a30fd .modalV2__content_0a30fd{border-radius:2px;bottom:auto;-webkit-box-shadow:0 2.4rem 2.4rem 0 rgba(0,0,0,.3);box-shadow:0 2.4rem 2.4rem 0 rgba(0,0,0,.3);left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:38rem}}.modalV2_Medium_0a30fd .modalV2__content_0a30fd{max-width:64rem;padding:3.2rem 3.4rem 4rem;width:auto}[data-device-type=tv] .modalV2_Medium_0a30fd .modalV2__content_0a30fd{max-width:96rem;padding:7.6rem 8rem 9.08rem}.modalV2_FullScreen_0a30fd .modalV2__content_0a30fd{left:0;max-width:none;min-height:100vh;padding:0 40.8rem;top:0;-webkit-transform:none;transform:none;width:100%}.modalV2_NoPadding_0a30fd .modalV2__content_0a30fd{padding:0}.navigationItem_47ea39{color:var(--color_white);cursor:pointer;display:inline-block;font-size:1.6rem;line-height:3.4rem;list-style:none;margin:0;padding:0 .8rem;position:relative;text-decoration:none;white-space:nowrap}@media (min-width:961px){.navigationItem_47ea39{font-size:1.8rem;font-weight:600;line-height:3.8rem;padding:0 1.4rem}}.navigationItem_47ea39:first-child{padding-left:0}.navigationItem_47ea39 a{color:inherit;display:block;position:relative;text-decoration:none;-webkit-transition:color .25s ease-out;transition:color .25s ease-out}.navigationItem_47ea39 a:focus{color:inherit}.navigationItem_Dark_47ea39{color:var(--color_darkmode-textcolor-primary)}.navigationItem_47ea39:hover,.navigationItem_Active_47ea39{color:var(--color_secondary)}.navigationItem_47ea39:hover svg,.navigationItem_Active_47ea39 svg{fill:var(--color_secondary)}.navigationItem_47ea39 svg{fill:currentColor;-webkit-box-sizing:content-box;box-sizing:content-box;height:2.6rem;padding:0;-webkit-transition:fill .25s ease-out,color .25s ease-out;transition:fill .25s ease-out,color .25s ease-out;vertical-align:middle;width:3.2rem}@media (min-width:961px){.navigationItem_47ea39 svg{font-size:2rem;font-weight:600;height:2.8rem;width:3.4rem}}.navigationDropDown_49bdd4{background:var(--color_primary);list-style:none;min-width:23rem;opacity:0;padding:.5rem 0;position:absolute;right:0;top:100%;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;visibility:hidden;z-index:10}.navigationDropDown_Dark_49bdd4{background:var(--color_darkmode-primary)}.navigationDropDown_49bdd4 li{display:block;line-height:2.7rem;padding-bottom:.5rem;text-align:right}@media (min-width:961px){.navigationDropDown_49bdd4 li{padding:.7rem 2.5rem}}.navigationDropDown__container_49bdd4{color:var(--color_white);cursor:pointer;display:inline-block;font-size:1.6rem;line-height:1.2;list-style:none;margin:0;padding:0 1rem;position:relative;text-decoration:none;white-space:nowrap}@media (min-width:961px){.navigationDropDown__container_49bdd4{padding:0 1.5rem}}.navigationDropDown__container_Open_49bdd4 .navigationDropDown_49bdd4{opacity:1;visibility:visible}.navigationDropDown__container_Open_49bdd4 .navigationDropDown__trigger_49bdd4{color:var(--color_secondary)}.navigationDropDown__container_Open_49bdd4 .navigationDropDown__trigger_49bdd4 svg{fill:var(--color_secondary)}.navigationDropDown__trigger_49bdd4{color:var(--color_white);cursor:pointer;display:block;font-size:1.7rem;line-height:3.4rem;list-style:none;margin:0;position:relative;text-decoration:none;-webkit-transition:color .25s ease-out;transition:color .25s ease-out;white-space:nowrap}.navigationDropDown__trigger_49bdd4:focus{color:var(--color_secondary)}.navigationDropDown__trigger_49bdd4:focus svg{fill:var(--color_secondary)}@media (min-width:961px){.navigationDropDown__trigger_49bdd4{font-weight:600;line-height:3.8rem}}.navigationDropDown__trigger_49bdd4 svg{fill:var(--color_white);display:inline-block;height:1.2rem;margin-left:1.5rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:fill .25s ease-out,color .25s ease-out;transition:fill .25s ease-out,color .25s ease-out;vertical-align:middle;width:1.2rem}.navigationDropDown__trigger_Transparent_49bdd4{text-shadow:0 .1rem .3rem rgba(0,0,0,.7)}.navigationDropDown__trigger_Transparent_49bdd4 svg{-webkit-filter:drop-shadow(.1rem .1rem rgba(0,0,0,.7));filter:drop-shadow(.1rem .1rem rgba(0,0,0,.7))}.navigationDropDown__trigger_Active_49bdd4{color:var(--color_secondary)}.navigationDropDown__trigger_Active_49bdd4 svg{fill:var(--color_secondary)}.navigation_51c84a{position:relative}.navigation__items_51c84a{-ms-overflow-style:none;color:var(--color_primary);display:inline-block;font-weight:700;list-style:none;margin:0;padding:0 2rem 0 0;position:relative;white-space:nowrap}@media (--mq-from-tablet ){.navigation__items_51c84a{height:auto;padding:0}}.navigation__resizer_51c84a{margin-left:-9999rem;position:absolute;visibility:hidden}.navigation__resizer_51c84a ul{margin:0;padding:0}.navigation__wrapper_51c84a:after{background:var(--color_grey-200);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:2}.navigation__wrapper_Dark_51c84a:after{background:var(--color_darkmode-line)}@media (--mq-mobile-webkit ){.navigation__wrapper_51c84a::-webkit-scrollbar{display:none}}.navigation_Mobile_51c84a:after{background:-webkit-gradient(linear,right top,left top,color-stop(30%,var(--color_white)),to(transparent));background:linear-gradient(to left,var(--color_white) 30%,transparent);content:"";height:100%;position:absolute;right:0;top:0;width:3rem;z-index:1}.navigation_Mobile_51c84a .navigation__wrapper_51c84a{-webkit-overflow-scrolling:touch;overflow-x:scroll;overflow-y:hidden}@media (--mq-from-tablet ){.navigation_Mobile_51c84a .navigation__wrapper_51c84a{overflow-x:visible;overflow-x:initial;overflow-y:visible;overflow-y:initial}}.navigation_MobileDark_51c84a:after{background:-webkit-gradient(linear,right top,left top,color-stop(60%,var(--color_darkmode-primary)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,var(--color_darkmode-primary) 60%,hsla(0,0%,100%,0))}@media (--mq-from-tablet ){.navigation_Transparent_51c84a a{text-shadow:0 .1rem .3rem rgba(0,0,0,.7)}.navigation_Transparent_51c84a svg{-webkit-filter:drop-shadow(0 .1rem .3rem rgba(0,0,0,.7));filter:drop-shadow(0 .1rem .3rem rgba(0,0,0,.7))}}.navigation_AsideComponent_51c84a:after{display:none}.navigation_AsideComponent_51c84a:after .navigation__items_51c84a{padding:0 4.6rem 0 .8rem}@media (--mq-from-tablet ){.navigation_AsideComponent_51c84a:after .navigation__items_51c84a{padding:0}.navigation_Mobile_51c84a.navigation_Transparent_51c84a.navigation_AsideComponent_51c84a{padding-right:4.6rem}.navigation_Mobile_51c84a.navigation_Transparent_51c84a.navigation_AsideComponent_51c84a .navigation__items_51c84a{padding:0 0 0 .8rem}}.VideoBackground_3cc66a{background-color:#000;height:100%;left:0;opacity:.01;overflow:hidden;position:absolute;top:0;-webkit-transition:opacity 0s;transition:opacity 0s;visibility:hidden;width:100%;z-index:1}.VideoBackground_Show_3cc66a{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;visibility:visible}.VideoBackground__video_3cc66a{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto}.VideoBackground__video__bottomCropped_3cc66a{-o-object-fit:cover;object-fit:cover;position:static;-webkit-transform:scale(.8) translateX(-50%) translateY(-15%);transform:scale(.8) translateX(-50%) translateY(-15%)}@media screen and (min-width:700px){.VideoBackground__video__bottomCropped_3cc66a{left:50%;-o-object-fit:initial;object-fit:fill;position:absolute;top:50%;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}}@media(min-width:1285px){.VideoBackground__video__bottomCropped_3cc66a{-webkit-transform:scale(1) translateX(-50%) translateY(-40%);transform:scale(1) translateX(-50%) translateY(-40%)}}.OfferHighlight_5b20ee{--OH-height:75vh;--OH-padding-top:0;--OH-layout-padding-vertical:0.2rem;--OH-layout-padding-bottom:0.2rem;--OH-layout-padding-vertical-tv:4.6rem;--OH-layout-padding-horizontal:var(--showcase-side-padding-mobile);--OH-layout-padding-horizontal-tv:9rem;--OH-main-text-width:100%;--OH-title-margin:0 0 0.5rem;--OH-title-font-size:2.4rem;--OH-description-font-size:1.4rem;--OH-actions-wrap-margin:1.5rem 0 3.2rem;--OH-button-size-base:4.4rem;--OH-button-font-size:1.6rem;--OH-controlVideoButton-width:4.4rem;height:var(--OH-height);padding-top:var(--OH-padding-top);position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}@media screen and (min-width:700px){.OfferHighlight_5b20ee{--OH-height:85vh;--OH-layout-padding-vertical:4rem;--OH-layout-padding-bottom:0.2rem;--OH-layout-padding-horizontal:var(--showcase-side-padding-tablet);--OH-title-margin:0 0 1.6rem;--OH-title-font-size:3rem;--OH-description-font-size:1.6rem;--OH-actions-wrap-margin:3rem 0 3.2rem}}@media (min-width:961px){.OfferHighlight_5b20ee{--OH-main-text-width:50%;--OH-layout-padding-vertical:3rem;--OH-layout-padding-bottom:0.2rem;--OH-button-size-base:4.4rem;--OH-button-font-size:1.8rem}}@media (min-width:1285px){.OfferHighlight_5b20ee{--OH-height:auto;--OH-padding-top:43.75%;--OH-layout-padding-vertical:6rem;--OH-layout-padding-bottom:6rem;--OH-layout-padding-horizontal:var(--showcase-side-padding-desktop);--OH-actions-wrap-margin:3rem 0 0}}[data-device-type=tv] .OfferHighlight_5b20ee{--OH-title-font-size:4rem;--OH-description-font-size:3.1rem;--OH-button-font-size:2.8rem}.OfferHighlight__noPictureOrVideo_5b20ee{height:auto;padding-top:0}.OfferHighlight_5b20ee:before{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),color-stop(60%,transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.OfferHighlight__image_5b20ee{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.OfferHighlight__layoutWrap_5b20ee{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:var(--OH-layout-padding-vertical) var(--OH-layout-padding-horizontal) var(--OH-layout-padding-bottom);position:absolute;top:0;width:100%;z-index:2}[data-device-type=tv] .OfferHighlight__layoutWrap_5b20ee{padding:var(--OH-layout-padding-vertical-tv) var(--OH-layout-padding-horizontal-tv)}.OfferHighlight__layoutWrap__noPictureOrVideo_5b20ee{position:relative}.OfferHighlight__contentWrap_5b20ee{position:relative;width:100%;z-index:2}[data-device-type=tv] .OfferHighlight__contentWrap_5b20ee{margin-bottom:4.6rem;min-height:30rem}.OfferHighlight__logo_5b20ee{display:block;height:5rem;margin-bottom:1.7rem;width:19.8rem}.OfferHighlight__title_5b20ee{display:inline-block;font-family:var(--font_canal-bold-italique);font-size:var(--OH-title-font-size);line-height:1.14;margin:var(--OH-title-margin);text-transform:uppercase;width:var(--OH-main-text-width)}.OfferHighlight__description_5b20ee{color:var(--color_showcase-description-fg);font-size:var(--OH-description-font-size);margin:0;width:var(--OH-main-text-width)}.OfferHighlight__actionsWrap_5b20ee{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--OH-button-size-base);margin:var(--OH-actions-wrap-margin)}.OfferHighlight__button_5b20ee{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color_showcase-button-primary-bg);border-radius:var(--border-radius-big);color:var(--color_showcase-button-primary-fg);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--font_canal-bold-italique);font-size:var(--OH-button-font-size);padding:0 1.6rem;text-transform:uppercase}.OfferHighlight__button_5b20ee:hover{cursor:pointer;-webkit-filter:var(--showcase-button-filter-hover-bg);filter:var(--showcase-button-filter-hover-bg)}[data-device-type=tv] .OfferHighlight__button_5b20ee{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color_showcase-button-secondary-bg);border-radius:var(--border-radius-big-outline);color:var(--color_showcase-button-secondary-fg);height:7.8rem;justify-content:center;margin-right:3.1rem;min-width:39.5rem}.OfferHighlight__controlVideoButton_5b20ee{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(36,36,36,.5);border-radius:var(--border-radius-big);display:-webkit-box;display:-ms-flexbox;display:flex;height:4.4rem;opacity:0;position:absolute;right:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition-delay:1.2s;transition-delay:1.2s;width:var(--OH-controlVideoButton-width)}.OfferHighlight__controlVideoButton_5b20ee svg{height:100%;width:100%}.OfferHighlight__controlVideoButton_5b20ee svg path{fill:var(--color_white-70)}.OfferHighlight__controlVideoButton_5b20ee:hover svg path{fill:var(--color_white)}.OfferHighlight__controlVideoButton_Show_5b20ee{opacity:1}.OfferHighlight__credit_5b20ee{bottom:1rem;color:var(--color_white);font-size:1.2rem;opacity:.3;position:absolute}.OfferHighlight__credit_Hidden_5b20ee{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.4s;transition-delay:.4s}.OfferHighlight__credit_Show_5b20ee{opacity:.3;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:1.2s;transition-delay:1.2s;white-space:nowrap;width:100%}@media (min-width:1285px){.OfferHighlight__credit_5b20ee{bottom:1.3rem;right:calc(var(--OH-controlVideoButton-width) + 1.8rem)}.OfferHighlight__credit_Show_5b20ee{width:-webkit-min-content;width:-moz-min-content;width:min-content}}.offerHighlightFocus .tv__focus.tv__focus{background-color:var(--color_focus-bg);color:var(--color_focus-fg);-webkit-transform:scale(1.04);transform:scale(1.04)}.OverlayTrigger_0d3ead{position:relative}.OverlayTrigger__overlay_0d3ead{position:absolute}.OverlayTrigger__overlay_PositionTopStart_0d3ead{bottom:100%;left:0}.OverlayTrigger__overlay_PositionTopCenter_0d3ead{bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.OverlayTrigger__overlay_PositionTopEnd_0d3ead{bottom:100%;right:0}.OverlayTrigger__overlay_PositionRightStart_0d3ead{left:100%;top:0}.OverlayTrigger__overlay_PositionRightCenter_0d3ead{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.OverlayTrigger__overlay_PositionRightEnd_0d3ead{bottom:0;left:100%}.OverlayTrigger__overlay_PositionBottomEnd_0d3ead{right:0;top:100%}.OverlayTrigger__overlay_PositionBottomCenter_0d3ead{left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.OverlayTrigger__overlay_PositionBottomStart_0d3ead{left:0;top:100%}.OverlayTrigger__overlay_PositionLeftEnd_0d3ead{bottom:0;right:100%}.OverlayTrigger__overlay_PositionLeftCenter_0d3ead{right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.OverlayTrigger__overlay_PositionLeftStart_0d3ead{right:100%;top:0}@-webkit-keyframes placeHolderFade_15abe6{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@keyframes placeHolderFade_15abe6{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@-webkit-keyframes rotate_15abe6{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate_15abe6{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.placeholder_15abe6{--margin-for-large-desktop:0.5rem;--margin-for-tablet:0.5rem;--margin-for-small:0.25rem;margin:0;padding:0;position:relative}.placeholder__ratio_15abe6{display:inline-block;margin-bottom:1.5rem;position:relative;vertical-align:top}.placeholder__ratio_15abe6>:first-child{display:block;margin:var(--margin-for-small)}@media screen and (min-width:700px){.placeholder__ratio_15abe6>:first-child{margin:var(--margin-for-tablet)}@media (min-width:1600px){.placeholder__ratio_15abe6>:first-child{margin:var(--margin-for-large-desktop)}}}.placeholder__ratio_Grid_15abe6[data-ratio~="166_normal"]{width:100%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_normal"]{width:50%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_normal"]{width:50%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_normal"]{width:33.33333333333333%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_normal"]{width:25%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_normal"]{width:25%}}.placeholder__ratio_Grid_15abe6[data-ratio~="166_large"]{width:100%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_large"]{width:50%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_large"]{width:50%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_large"]{width:33.33333333333333%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_large"]{width:25%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="166_large"]{width:25%}}.placeholder__ratio_Grid_15abe6[data-ratio~="169_normal"]{width:50%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_normal"]{width:33.33333333333333%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_normal"]{width:25%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_normal"]{width:20%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_normal"]{width:16.666666666666664%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_normal"]{width:14.285714285714285%}}.placeholder__ratio_Grid_15abe6[data-ratio~="169_large"]{width:100%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_large"]{width:50%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="169_large"]{width:25%}}.placeholder__ratio_Grid_15abe6[data-ratio~="34_normal"]{width:33.33333333333333%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="34_normal"]{width:20%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="34_normal"]{width:16.666666666666664%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="34_normal"]{width:14.285714285714285%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="34_normal"]{width:12.5%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="34_normal"]{width:11.11111111111111%}}.placeholder__ratio_Grid_15abe6[data-ratio~="43_normal"]{width:33.33333333333333%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_normal"]{width:20%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_normal"]{width:16.666666666666664%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_normal"]{width:14.285714285714285%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_normal"]{width:11.11111111111111%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_normal"]{width:9.090909090909092%}}.placeholder__ratio_Grid_15abe6[data-ratio~="43_large"]{width:50%}@media screen and (min-width:700px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_large"]{width:33.33333333333333%}}@media (min-width:961px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_large"]{width:25%}}@media (min-width:1285px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_large"]{width:20%}}@media (min-width:1600px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_large"]{width:16.666666666666664%}}@media (min-width:1920px){.placeholder__ratio_Grid_15abe6[data-ratio~="43_large"]{width:14.285714285714285%}}.placeholder__ratio_Row_15abe6[data-ratio~="166_normal"]{width:100%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="166_normal"]{width:50%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="166_normal"]{width:33.33333333333333%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="166_normal"]{width:33.33333333333333%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="166_normal"]{width:25%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="166_normal"]{width:25%}}.placeholder__ratio_Row_15abe6[data-ratio~="166_large"]{width:100%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="166_large"]{width:50%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="166_large"]{width:33.33333333333333%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="166_large"]{width:33.33333333333333%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="166_large"]{width:25%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="166_large"]{width:25%}}.placeholder__ratio_Row_15abe6[data-ratio~="169_normal"]{width:50%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="169_normal"]{width:33.33333333333333%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="169_normal"]{width:25%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="169_normal"]{width:20%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="169_normal"]{width:16.666666666666664%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="169_normal"]{width:14.285714285714285%}}.placeholder__ratio_Row_15abe6[data-ratio~="169_large"]{width:100%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="169_large"]{width:50%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="169_large"]{width:33.33333333333333%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="169_large"]{width:25%}}.placeholder__ratio_Row_15abe6[data-ratio~="34_normal"]{width:33.33333333333333%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="34_normal"]{width:20%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="34_normal"]{width:16.666666666666664%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="34_normal"]{width:14.285714285714285%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="34_normal"]{width:12.5%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="34_normal"]{width:11.11111111111111%}}.placeholder__ratio_Row_15abe6[data-ratio~="34_large"]{width:50%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="34_large"]{width:33.33333333333333%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="34_large"]{width:25%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="34_large"]{width:20%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="34_large"]{width:16.666666666666664%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="34_large"]{width:14.285714285714285%}}.placeholder__ratio_Row_15abe6[data-ratio~="43_normal"]{width:33.33333333333333%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="43_normal"]{width:20%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="43_normal"]{width:16.666666666666664%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="43_normal"]{width:14.285714285714285%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="43_normal"]{width:11.11111111111111%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="43_normal"]{width:9.090909090909092%}}.placeholder__ratio_Row_15abe6[data-ratio~="43_large"]{width:50%}@media screen and (min-width:700px){.placeholder__ratio_Row_15abe6[data-ratio~="43_large"]{width:33.33333333333333%}}@media (min-width:961px){.placeholder__ratio_Row_15abe6[data-ratio~="43_large"]{width:25%}}@media (min-width:1285px){.placeholder__ratio_Row_15abe6[data-ratio~="43_large"]{width:20%}}@media (min-width:1600px){.placeholder__ratio_Row_15abe6[data-ratio~="43_large"]{width:16.666666666666664%}}@media (min-width:1920px){.placeholder__ratio_Row_15abe6[data-ratio~="43_large"]{width:14.285714285714285%}}.placeholder__content_15abe6{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:placeHolderFade_15abe6;animation-name:placeHolderFade_15abe6;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes placeHolderFade_F4bafd{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@keyframes placeHolderFade_F4bafd{0%{background-color:var(--color_placeholder-bg-1)}50%{background-color:var(--color_placeholder-bg-2)}to{background-color:var(--color_placeholder-bg-1)}}@-webkit-keyframes rotate_F4bafd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate_F4bafd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.poster_F4bafd{background-color:transparent;border-radius:var(--border-radius-small);bottom:0;display:block;left:0;position:absolute;right:0;top:0}.poster_Loader_F4bafd{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:placeHolderFade_F4bafd;animation-name:placeHolderFade_F4bafd;-webkit-animation-timing-function:linear;animation-timing-function:linear}.poster_Dark_F4bafd{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:var(--border-radius-small);bottom:0;display:block;left:0;position:absolute;right:0;top:0}.poster_BorderRadius_F4bafd{border-radius:var(--border-radius-big)}.poster_Disabled_F4bafd{cursor:default}.poster_Opacity_F4bafd{opacity:.5}.poster_Tv_F4bafd{background-color:var(--color_darkmode-settings-background)!important;border:none;border-radius:var(--border-radius-big-outline)!important;height:100%}.poster__cover_F4bafd{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:var(--border-radius-small);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.poster__cover_BorderRadius_F4bafd,[data-device-type=tv] .poster__cover_F4bafd{border-radius:var(--border-radius-big)}.poster__children_F4bafd{height:100%;position:relative;width:100%;z-index:2}.poster_IsBackgroundTransparent_F4bafd{background:none}.ProfileAvatar_6fb845{position:relative;width:100%}.ProfileAvatar_6fb845 img{width:100%}.ProfileAvatar__iconEdit_6fb845,.ProfileAvatar__iconKids_6fb845{position:absolute;right:0}.ProfileAvatar__iconEdit_6fb845 svg,.ProfileAvatar__iconKids_6fb845 svg{display:block;height:100%;width:100%}.ProfileAvatar__iconEdit_6fb845{top:0}.ProfileAvatar__iconKids_6fb845{bottom:0}.ProfileSelector_B3bcd8{--HZL-list-side-padding:2rem;border-bottom:1px solid var(--color_usermenu-profileselector-light-border);margin-bottom:2rem;padding-bottom:.6rem}[data-device-type=tv] .ProfileSelector_B3bcd8{--HZL-list-side-padding:48rem 2rem;border-bottom:0;margin:0 auto 2rem}.ProfileSelector_Dark_B3bcd8{border-bottom:1px solid var(--color_usermenu-profileselector-dark-border)}.profileSelectorTitle_B3bcd8{margin-bottom:2.9rem}[dir=ltr] [data-device-type=tv] .profileSelectorTitle_B3bcd8{text-align:left}[dir=rtl] [data-device-type=tv] .profileSelectorTitle_B3bcd8{text-align:right}[data-device-type=tv] .profileSelectorTitle_B3bcd8{margin:0 auto 2.9rem;width:var(--size_settings_tv_width)}.profileWrap_B3bcd8{vertical-align:middle}.profileWrap_B3bcd8:first-of-type{padding-right:1.5rem}[data-device-type=tv] .profileWrap_B3bcd8:first-of-type{padding-left:0}[data-device-type=tv] .profileWrap_B3bcd8{padding-top:.5rem}.profileWrap_B3bcd8:not(:first-of-type){padding-right:2rem}[data-device-type=tv] .profileWrap_B3bcd8:not(:first-of-type){padding-left:.5rem}[data-device-type=tv] .profileWrap_B3bcd8:not(:last-of-type){padding-right:4.8rem}.profileWrap_B3bcd8:last-of-type{-ms-flex-item-align:center;align-self:center;padding-right:0}.profile_B3bcd8{--PS_color-fg:var(--color_usermenu-profileselector-light-fg);--PS_color-shadow:rgba(0,0,0,.5);--PS_color-light-image-bg:var(--color_usermenu-profileselector-image-light-fg);--PS_color-dark-image-bg:var(--color_usermenu-profileselector-image-dark-fg);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .15s ease;transition:all .15s ease;width:7.2rem}[data-device-type=tv] .profile_B3bcd8{height:20.8rem;margin-bottom:4rem;width:20.8rem}.profile_Active_B3bcd8{cursor:default;width:8.8rem}.profile_B3bcd8:not(.profile_Active_B3bcd8):hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.ProfileSelector_Dark_B3bcd8 .profile_B3bcd8{--PS_color-fg:var(--color_usermenu-profileselector-dark-fg)}.profile__profileAvatar_B3bcd8{height:2.2rem;width:2.2rem}[data-device-type=tv] .profile__profileAvatar_B3bcd8{height:5.4rem;width:5.4rem}.profile__iconPlus_B3bcd8{background-color:var(--PS_color-light-image-bg);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .15s ease;transition:all .15s ease;width:7.2rem}[data-device-type=tv] .profile__iconPlus_B3bcd8{height:20.8rem;width:20.8rem}.profile__iconPlus_B3bcd8 svg{height:100%;width:100%}.profile_B3bcd8:not(.profile_Active_B3bcd8):not(.profile_Add_B3bcd8):hover .profile__iconPlus_B3bcd8{-webkit-filter:drop-shadow(0 .2rem .4rem var(--PS_color-shadow));filter:drop-shadow(0 .2rem .4rem var(--PS_color-shadow))}.profile_Add_B3bcd8 .profile__iconPlus_B3bcd8{fill:var(--PS_color-fg);background-color:rgba(34,37,42,.05);border-radius:50%;padding:2.5rem}[data-device-type=tv] .profile_Add_B3bcd8 .profile__iconPlus_B3bcd8{padding:7rem}.ProfileSelector_Dark_B3bcd8 .profile_Add_B3bcd8 .profile__iconPlus_B3bcd8{background-color:var(--PS_color-dark-image-bg)}.profile_Add_B3bcd8:hover .profile__iconPlus_B3bcd8{-webkit-box-shadow:0 .2rem .4rem var(--PS_color-shadow);box-shadow:0 .2rem .4rem var(--PS_color-shadow)}.profile__titleWrapper_B3bcd8{margin-top:.3rem;max-width:8.2rem;overflow:hidden;text-overflow:ellipsis}[data-device-type=tv] .profile__titleWrapper_B3bcd8{margin-top:1.5rem;max-width:none;overflow:visible;text-overflow:clip}.profile__title_B3bcd8{color:var(--PS_color-fg);font-size:1.3rem;font-weight:var(--fontWeight_medium);-webkit-transform:translate3d(0);transform:translate3d(0);-webkit-transition:all .15s ease;transition:all .15s ease}.profile_B3bcd8:not(.profile_Active_B3bcd8):hover .profile__title_B3bcd8{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}[data-device-type=tv] .profile__title_B3bcd8{font-size:3.3rem}.editButtonWrap_B3bcd8{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:2rem}.ProfileSelectorPageButton_5cfd76{-webkit-box-align:center;-ms-flex-align:center;fill:var(--color_profileSelector-arrow-button-light-fg);align-items:center;background-color:var(--color_profileSelector-arrow-button-light-bg);border-radius:var(--border-radius-small);-webkit-box-shadow:0 0 .4rem rgba(0,0,0,.5);box-shadow:0 0 .4rem rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;height:8.8rem;padding:0 .8rem;-webkit-transition:all .15s ease;transition:all .15s ease;width:3rem}.ProfileSelectorPageButton_5cfd76:hover{background-color:var(--color_profileSelector-arrow-button-light-bg-hover)}.ProfileSelectorPageButton_5cfd76 svg{width:100%}.ProfileSelectorPageButton_5cfd76.ProfileSelectorPageButton_Dark_5cfd76{fill:var(--color_profileSelector-arrow-button-dark-fg);background-color:var(--color_profileSelector-arrow-button-dark-bg)}.ProfileSelectorPageButton_5cfd76.ProfileSelectorPageButton_Dark_5cfd76:hover{background-color:var(--color_profileSelector-arrow-button-dark-bg-hover)}.ProgramsHighlight_4d84b2{--PH-padding:0 var(--showcase-side-padding-mobile);--PH-grid-template-rows:auto auto;--PH-grid-template-columns:auto;--PH-grid-gap:0.8rem;--PH-cta-padding:2.4rem 1.5rem 2rem;--PH-cta-padding-tv:3.6rem 3rem;--PH-diffusion-label-margin-bottom:0.6rem;--PH-diffusion-label-font-size:1.6rem;--PH-diffusion-label-font-size-tv:2.7rem;--PH-title-margin:0 0 1.2rem;--PH-title-font-size:2.2rem;--PH-title-font-size-tv:4rem;--PH-description-font-size:1.4rem;--PH-description-font-size-tv:2.7rem;--PH-button-margin-top:3rem;grid-gap:var(--PH-grid-gap);display:grid;grid-template-columns:var(--PH-grid-template-columns);grid-template-rows:var(--PH-grid-template-rows);padding:var(--PH-padding)}@media screen and (min-width:700px){.ProgramsHighlight_4d84b2{--PH-padding:0 var(--showcase-side-padding-tablet);--PH-cta-padding:2.4rem 2rem 2rem;--PH-title-font-size:3rem}}@media (min-width:961px){.ProgramsHighlight_4d84b2{--PH-grid-template-rows:unset;--PH-grid-template-rows:1fr;--PH-grid-template-columns:7.5fr 2.5fr;--PH-grid-area-cta:1/2/2/3;--PH-grid-area-image:1/1/2/2;--PH-grid-gap:1.2rem;--PH-cta-padding:2rem 1.2rem;--PH-diffusion-label-font-size:1.8rem;--PH-title-font-size:2.2rem;--PH-description-font-size:1.6rem;--PH-button-margin-top:auto}}@media (min-width:1285px){.ProgramsHighlight_4d84b2{--PH-padding:0 var(--showcase-side-padding-desktop);--PH-cta-padding:3rem 2rem;--PH-diffusion-label-margin-bottom:0.8rem;--PH-title-font-size:3rem;--PH-title-margin:0 0 1.6rem}}@media (min-width:1600px){.ProgramsHighlight_4d84b2{--PH-cta-padding:8rem 4rem 6rem;--PH-diffusion-label-margin-bottom:1rem}}@media (min-width:1920px){.ProgramsHighlight_4d84b2{--PH-cta-padding:12rem 6rem 9rem;--PH-title-font-size:3rem}}.ProgramsHighlight__ctaWrap_4d84b2{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--color_showcase-element-bg);border-radius:var(--border-radius-small);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-area:var(--PH-grid-area-cta);padding:var(--PH-cta-padding)}[data-device-type=tv] .ProgramsHighlight__ctaWrap_4d84b2{height:100%;padding:var(--PH-cta-padding-tv)}.ProgramsHighlight__diffusionLabel_4d84b2{color:var(--color_secondary);font-family:var(--font_canal-bold-italique);font-size:var(--PH-diffusion-label-font-size);margin:0 0 var(--PH-diffusion-label-margin-bottom);text-transform:uppercase}[data-device-type=tv] .ProgramsHighlight__diffusionLabel_4d84b2{font-size:var(--PH-diffusion-label-font-size-tv)}.ProgramsHighlight__title_4d84b2{color:var(--color_white);font-family:var(--font_canal-bold-italique);font-size:var(--PH-title-font-size);line-height:1.2;line-height:calc(var(--PH-title-font-size)*1.2);margin:var(--PH-title-margin);max-height:NaNrem;overflow:hidden;text-transform:uppercase}.ProgramsHighlight__title_4d84b2:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.ProgramsHighlight__title_4d84b2:not(:root):after,.ProgramsHighlight__title_4d84b2:not(:root):before{display:none}.ProgramsHighlight__title_4d84b2:not(:root)>:first-child{float:none;margin:0}@media (min-width:1285px){.ProgramsHighlight__title_4d84b2{line-height:calc(var(--PH-title-font-size)*1.2);max-height:NaNrem;overflow:hidden}.ProgramsHighlight__title_4d84b2:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box}.ProgramsHighlight__title_4d84b2:not(:root):after,.ProgramsHighlight__title_4d84b2:not(:root):before{display:none}.ProgramsHighlight__title_4d84b2:not(:root)>:first-child{float:none;margin:0}}[data-device-type=tv] .ProgramsHighlight__title_4d84b2{font-size:var(--PH-title-font-size-tv);line-height:calc(var(--PH-title-font-size-tv)*1.2);max-height:NaNrem;overflow:hidden}[data-device-type=tv] .ProgramsHighlight__title_4d84b2:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box}[data-device-type=tv] .ProgramsHighlight__title_4d84b2:not(:root):after,[data-device-type=tv] .ProgramsHighlight__title_4d84b2:not(:root):before{display:none}[data-device-type=tv] .ProgramsHighlight__title_4d84b2:not(:root)>:first-child{float:none;margin:0}.ProgramsHighlight__description_4d84b2{color:var(--color_showcase-description-fg);font-size:var(--PH-description-font-size);line-height:1.25;margin:0}[data-device-type=tv] .ProgramsHighlight__description_4d84b2{font-size:var(--PH-description-font-size-tv)}.ProgramsHighlight__button_4d84b2{-ms-flex-item-align:start;align-self:flex-start;background-color:var(--color_showcase-button-secondary-bg);border-radius:var(--border-radius-big);color:var(--color_showcase-button-secondary-fg);display:inline-block;font-family:var(--font_canal-bold-italique);font-size:1.4rem;margin-top:var(--PH-button-margin-top);padding:1rem 1.2rem;text-transform:uppercase}.ProgramsHighlight__button_4d84b2:hover{-webkit-filter:var(--showcase-button-filter-hover-bg);filter:var(--showcase-button-filter-hover-bg)}.ProgramsHighlight__mediaWrap_4d84b2{-webkit-box-flex:1;-ms-flex-positive:1;border-radius:var(--border-radius-small);flex-grow:1;grid-area:var(--PH-grid-area-image)}.ProgramsHighlight__mediaWrap_4d84b2 picture,.ProgramsHighlight__mediaWrap_4d84b2 picture img{width:100%}.ProgramsHighlight__mediaWrap__linker_4d84b2{display:block}.programsHighlightFocus .tv__focus{border:.4rem solid var(--color_secondary);border-radius:var(--border-radius-big-outline);margin:-.4rem}.ratioHandler43_65aa6b{position:relative}.ratioHandler43_65aa6b,.ratioHandler43_65aa6b>*{-webkit-box-sizing:border-box;box-sizing:border-box}.ratioHandler43_65aa6b>*{bottom:0;left:0;position:absolute;right:0;top:0}.ratioHandler43_65aa6b:before{content:"";display:block;padding-top:calc(75% - 1px)}.ratioHandler169_65aa6b,.ratioHandler43_65aa6b:before{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.ratioHandler169_65aa6b>*{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.ratioHandler169_65aa6b:before{content:"";display:block;padding-top:calc(56.25% - 1px)}.ratioHandler166_65aa6b,.ratioHandler169_65aa6b:before{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.ratioHandler166_65aa6b>*{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.ratioHandler166_65aa6b:before{content:"";display:block;padding-top:calc(37.5% - 1px)}.ratioHandler166_65aa6b:before,.ratioHandler34_65aa6b{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.ratioHandler34_65aa6b>*{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:absolute;right:0;top:0}.ratioHandler34_65aa6b:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;padding-top:calc(133.33333% - 1px);position:relative}.ReboundProduct_D36772{--RP-padding:1.5rem;--RP-padding-tv:4.5rem;--RP-title-display:block;--RP-title-font-size:1.6rem;--RP-title-font-size-tv:3rem;--RP-title-margin:0 0 1.5rem;background-color:var(--color_showcase-element-bg);color:var(--color_white);padding:var(--RP-padding);text-align:center}@media screen and (min-width:700px){.ReboundProduct_D36772{--RP-padding:3rem;--RP-title-display:inline-block;--RP-title-font-size:1.7rem;--RP-title-margin:0 2rem 0 0}}[data-device-type=tv] .ReboundProduct_D36772{padding:var(--RP-padding-tv)}.ReboundProduct__title_D36772{display:var(--RP-title-display);font-size:var(--RP-title-font-size);font-weight:var(--fontWeight_semiBold);margin:var(--RP-title-margin)}[data-device-type=tv] .ReboundProduct__title_D36772{font-size:var(--RP-title-font-size-tv)}.ReboundProduct__button_D36772{background-color:var(--color_showcase-button-secondary-bg);border-radius:var(--border-radius-big);color:var(--color_showcase-button-secondary-fg);display:inline-block;font-family:var(--font_canal-bold-italique);font-size:1.4rem;font-weight:700;line-height:1;padding:1rem 1.2rem;text-transform:uppercase}[data-device-type=tv] .ReboundProduct__button_D36772{border-radius:var(--border-radius-big-outline);color:var(--color_white-70);font-size:var(--RP-title-font-size-tv);min-height:5rem;min-width:38rem}.ReboundProduct__button_D36772:hover{-webkit-filter:var(--showcase-button-filter-hover-bg);filter:var(--showcase-button-filter-hover-bg)}.reboundProductFocus .tv__focus.tv__focus{background-color:var(--color_focus-bg);color:var(--color_focus-fg);-webkit-transform:scale(1.04);transform:scale(1.04)}.ShowcaseImage_8370dc{--SI-layout-padding-horizontal:var(--showcase-side-padding-mobile);--SI-title-font-size:2.2rem;--SI-title-font-size-tv:4rem;--SI-title-margin:0 0 1.2rem;--SI-description-width:100%;--SI-description-width-tv:100rem;--SI-description-font-size:1.4rem;--SI-description-font-size-tv:3.1rem;--SI-description-margin:0 0 2rem;padding:0 var(--SI-layout-padding-horizontal)}@media screen and (min-width:700px){.ShowcaseImage_8370dc{--SI-layout-padding-horizontal:var(--showcase-side-padding-tablet);--SI-title-margin:0 0 0.5rem;--SI-title-font-size:3rem}}@media (min-width:961px){.ShowcaseImage_8370dc{--SI-title-margin:0 0 1rem;--SI-description-width:64rem;--SI-description-font-size:1.6rem;--SI-title-font-size:2.2rem}}@media (min-width:1285px){.ShowcaseImage_8370dc{--SI-title-font-size:3rem;--SI-layout-padding-horizontal:var(--showcase-side-padding-desktop);--SI-title-margin:0 0 1.6rem}}.ShowcaseImage__title_8370dc{font-family:var(--font_canal-bold-italique);font-size:var(--SI-title-font-size);margin:var(--SI-title-margin);text-transform:uppercase}[data-device-type=tv] .ShowcaseImage__title_8370dc{font-size:var(--SI-title-font-size-tv)}.ShowcaseImage__description_8370dc{color:var(--color_showcase-description-fg);font-size:var(--SI-description-font-size);margin:var(--SI-description-margin);width:var(--SI-description-width)}[data-device-type=tv] .ShowcaseImage__description_8370dc{font-size:var(--SI-description-font-size-tv);width:var(--SI-description-width-tv)}.ShowcaseImage__imageWrap_8370dc img{width:100%}[data-device-type=tv] .ShowcaseImage__imageWrap_8370dc{background-color:var(--color_showcase-element-bg);padding:6rem}.tv__focus .global-ShowcaseImage__imageWrap{border:.4rem solid var(--color_focus-border);border-radius:var(--border-radius-big-outline);margin:-.4rem;-webkit-transform:scale(1.04);transform:scale(1.04)}.StickyContainer_9125ad{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;position:fixed;top:0;width:100%;z-index:51}.StickyContainer_FullHeight_9125ad{bottom:0}[data-device-type=tv] .StickyContainer_9125ad{position:absolute}.tabs_7964b2{margin:0 1.3rem}.tabs__list_7964b2{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:0 auto 3rem}.tabs__list_Unused_7964b2{margin:initial}.tabs__indicator_7964b2{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.6rem;position:relative}.tabs__indicator_7964b2:after{background-color:var(--color_grey-100);border-radius:.2rem;content:"";display:block;height:.4rem;left:0;position:absolute;right:0;top:3rem}.tabs__indicator_Small_7964b2 .tabs__activeTab_7964b2:after,.tabs__indicator_Small_7964b2:after{height:.2rem}.tabs__indicator_Dark_7964b2{color:var(--color_white)}.tabs__indicator_Dark_7964b2:after{background-color:var(--color_showcase-tabs-indicator)}.tabs__container_7964b2{display:block;margin:0 auto;max-width:97rem}@media screen and (min-width:700px){.tabs__indicator_7964b2{font-size:1.8rem}.tabs__activeTab_7964b2,.tabs__inactiveTab_7964b2{margin-right:3rem}}@media screen and (min-width:1024px){.tabs_7964b2{margin:0}}@media (min-width:1600px){.tabs__container_7964b2{max-width:98rem}}.tabs__activeTab_7964b2{color:var(--color_secondary);line-height:100%;margin-right:1.6rem;margin-top:0;position:relative}.tabs__activeTab_7964b2:after{background:var(--color_secondary);border-radius:.2rem;content:"";display:block;height:.4rem;position:absolute;top:3rem;width:100%;z-index:10}.tabs__activeTab_7964b2:last-child{margin-right:0}.tabs__inactiveTab_7964b2{color:var(--color_font-base);margin-right:1.6rem;margin-top:0}.tabs__inactiveTab_7964b2:last-child{margin-right:0}.Tiles_F8f5c3,.tabs_Dark_7964b2 .tabs__inactiveTab_7964b2{color:var(--color_white)}.Tiles_F8f5c3{--TS-side-padding:var(--showcase-side-padding-mobile);--TS-title-margin-bottom:2rem;--TS-title-font-size:2.2rem;--TS-title-font-size-tv:4rem;--TS-tiles-wrap-grid-template-columns:1fr;--TS-tiles-wrap-grid-gap:2rem;--TS-tiles-wrap-grid-gap-tv:5.2rem;--TS_tile-icon-margin-bottom:1rem;--TS_tile-title-margin-bottom:0.5rem;--TS_tile-buttons-margin-top:0.5rem;--TS_tile-title-font-size:2.2rem;--TS_tile-title-font-size-tv:3.6rem;--TS_tile-title-font-weight:var(--fontWeight_medium);--TS-tile-description-font-size:1.4rem;--TS-tile-description-font-size-tv:2.7rem;padding:0 var(--TS-side-padding)}@media screen and (min-width:700px){.Tiles_F8f5c3{--TS-side-padding:var(--showcase-side-padding-tablet);--TS-title-margin-bottom:3rem;--TS-title-font-size:3rem}}@media (min-width:961px){.Tiles_F8f5c3{--TS-title-font-size:2.2rem;--TS-title-margin-bottom:2.4rem;--TS-tiles-wrap-grid-template-columns:1fr 1fr 1fr;--TS-tiles-wrap-grid-gap:3rem;--TS_tile-icon-margin-bottom:2rem;--TS_tile-title-margin-bottom:1rem;--TS_tile-title-font-size:2.6rem;--TS_tile-title-font-weight:var(--fontWeight_semiBold);--TS-tile-description-font-size:1.6rem}}@media (min-width:1285px){.Tiles_F8f5c3{--TS-side-padding:var(--showcase-side-padding-desktop);--TS-title-font-size:3rem}}.Tiles__title_F8f5c3{display:inline-block;font-family:var(--font_canal-bold-italique);font-size:var(--TS-title-font-size);margin:0 0 var(--TS-title-margin-bottom);text-transform:uppercase}[data-device-type=tv] .Tiles__title_F8f5c3{font-size:var(--TS-title-font-size-tv)}.Tiles__tilesWrap_F8f5c3{grid-gap:var(--TS-tiles-wrap-grid-gap);display:grid;grid-template-columns:var(--TS-tiles-wrap-grid-template-columns)}[data-device-type=tv] .Tiles__tilesWrap_F8f5c3{grid-gap:var(--TS-tiles-wrap-grid-gap-tv)}[data-device-type=tv] .Tiles__tile_F8f5c3{background-color:var(--color_showcase-element-bg);border-radius:.4rem;padding:3rem 2.4rem}.Tiles__tile__icon_F8f5c3{margin-bottom:var(--TS_tile-icon-margin-bottom);width:3rem}[data-device-type=tv] .Tiles__tile__icon_F8f5c3{width:5.2rem}.Tiles__tile__title_F8f5c3{display:block;font-size:var(--TS_tile-title-font-size);font-weight:var(--TS_tile-title-font-weight);margin:0 0 var(--TS_tile-title-margin-bottom)}[data-device-type=tv] .Tiles__tile__title_F8f5c3{font-size:var(--TS_tile-title-font-size-tv)}.Tiles__tile__description_F8f5c3{color:var(--color_showcase-description-fg);font-size:var(--TS-tile-description-font-size);margin:0}[data-device-type=tv] .Tiles__tile__description_F8f5c3{font-size:var(--TS-tile-description-font-size-tv)}.Tiles__tile__link_F8f5c3{color:var(--color_link-normal);display:inline-block;font-weight:var(--TS_tile-title-font-weight);margin-top:var(--TS_tile-buttons-margin-top)}[data-theme~=telecomitalia] .Tiles__tile__link_F8f5c3{text-decoration:underline}.tilesFocus .tv__focus{border:.4rem solid var(--color_focus-outline);border-radius:var(--border-radius-big-outline);margin:-.4rem;-webkit-transform:scale(1.04);transform:scale(1.04)}.templateHeader_7e278e{--color_title-fg:var(--color_text-primary);--color_subtitle-fg:rgba(34,37,42,.5);--title_showcase-margin-bottom:1.2rem;--subtitle_margin-bottom:-0.35rem;--subtitle_maxWidth:34.5rem;--subtitle_lineHeight:1.4rem;--subtitle_showcase-margin-bottom:1.75rem;--button_font-size:1.6rem;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:space-between}@media screen and (min-width:700px){.templateHeader_7e278e{--title_showcase-margin-bottom:0.5rem;--subtitle_margin-bottom:0.5rem;--subtitle_maxWidth:31rem;--subtitle_showcase_maxWidth:100%;--subtitle_showcase-margin-bottom:0.4rem;--button_font-size:2rem}}@media (min-width:961px){.templateHeader_7e278e{--title_showcase-margin-bottom:1.2rem;--subtitle_showcase_maxWidth:64rem;--subtitle_lineHeight:1.6rem;--subtitle_margin-bottom:1.5rem;--subtitle_showcase-margin-bottom:1.5rem}}@media (min-width:1285px){.templateHeader_7e278e{--subtitle_maxWidth:36.7rem;--subtitle_margin-bottom:0.8rem;--title_showcase-margin-bottom:1.6rem}}[data-device-type=tv] .templateHeader_7e278e{--color_title-fg:var(--color_white-80);--color_subtitle-fg:var(--color_white-30);--subtitle_lineHeight:3.5rem;--subtitle_margin-bottom:0.9rem;--button_font-size:2.7rem;--subtitle_showcase_maxWidth:96rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}[data-theme=dark] .templateHeader_7e278e{--color_title-fg:var(--color_darkmode-textcolor-primary);--color_subtitle-fg:var(--color_white-50)}[data-theme~=telecomitalia] .templateHeader_7e278e{--color_subtitle-fg:var(--color_white-70)}.templateHeader__title_7e278e{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:var(--fontWeight_light)}.templateHeader__title_7e278e :first-child{color:var(--color_title-fg)}.templateHeader__title__showcase_7e278e{margin-bottom:var(--title_showcase-margin-bottom)}.templateHeader__title__dark_7e278e :first-child{color:var(--color_darkmode-textcolor-primary)}.templateHeader__subtitle_7e278e{margin-bottom:var(--subtitle_margin-bottom);max-width:var(--subtitle_maxWidth)}.templateHeader__subtitle_7e278e :first-child{color:var(--color_subtitle-fg)}.templateHeader__subtitle__truncate_7e278e{line-height:var(--subtitle_lineHeight);max-height:NaNrem;overflow:hidden}.templateHeader__subtitle__truncate_7e278e:not(:root){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}.templateHeader__subtitle__truncate_7e278e:not(:root):after,.templateHeader__subtitle__truncate_7e278e:not(:root):before{display:none}.templateHeader__subtitle__truncate_7e278e:not(:root)>:first-child{float:none;margin:0}[data-device-type=tv] .templateHeader__subtitle__truncate_7e278e{letter-spacing:-.02rem;margin-top:-.5rem}.templateHeader__subtitle__showcase_7e278e{line-height:var(--subtitle_lineHeight);margin-bottom:var(--subtitle_showcase-margin-bottom);max-width:var(--subtitle_showcase_maxWidth)}.templateHeader__subtitle__showcase_7e278e :first-child{color:var(--color_showcase-description-fg)}.templateHeader__subtitle__dark_7e278e :first-child{color:var(--color_white-70)}.templateHeader__button_7e278e{font-size:var(--button_font-size);font-weight:var(--fontWeight_semiBold)}.templateHeader__link_7e278e{color:var(--color_link-normal);cursor:pointer}.templateHeader__iconButton_7e278e{height:2.2rem;width:1.2rem}:root{--breakpoint_tablet:700px;--breakpoint_laptop:961px;--breakpoint_desktop:1285px;--breakpoint_large_desktop:1600px;--breakpoint_wide:1920px;--breakpoint_height:800px;--breakpoint_startImmersive:1100px;--breakpoint_large:1440px;--breakpoint_xsmall_375:375px}.UserMenu_B0e141{--UM_color-bg:var(--color_usermenu-light-bg);--UM_color-fg:var(--color_usermenu-light-fg);-webkit-box-flex:1;-ms-flex-positive:1;background:var(--UM_color-bg);border-radius:var(--border-radius-large);-webkit-box-shadow:0 .2rem 2rem 0 rgba(0,0,0,.3);box-shadow:0 .2rem 2rem 0 rgba(0,0,0,.3);color:var(--UM_color-fg);flex-grow:1;padding:2rem 0;padding:var(--user-menu-inner-spacing) 0;width:100%}@media screen and (min-width:700px){.UserMenu_B0e141{width:32rem}}[data-device-type=tv] .UserMenu_B0e141{--UM_color-bg:var(--color_header-v5-tv-dark-bg);--UM_color-fg:var(--color_white);-webkit-box-shadow:none;box-shadow:none;height:calc(100vh - var(--height_header-tv));overflow-y:scroll;width:100vw}.UserMenu_Dark_B0e141{--UM_color-bg:var(--color_usermenu-dark-bg);--UM_color-fg:var(--color_usermenu-dark-fg)}.UserMenu__closeButtonWrap_B0e141{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:1rem}@media screen and (min-width:700px){.UserMenu__closeButtonWrap_B0e141{display:none}}.UserMenu__closeButtonWrap__button_B0e141{background:rgba(34,37,42,.05);border-radius:50%;-webkit-filter:brightness(.8);filter:brightness(.8);height:4rem;padding:1.2rem;width:4rem}.UserMenu__closeButtonWrap__button_B0e141:hover{-webkit-filter:brightness(1);filter:brightness(1)}.UserMenu_Dark_B0e141 .UserMenu__closeButtonWrap__button_B0e141{fill:var(--color_white);background:hsla(0,0%,100%,.05)}.UserMenu__profileSelectorWrap_B0e141{border-bottom:1px solid var(--color_ivory);margin-bottom:2rem;padding-bottom:.6rem}.UserMenu_Dark_B0e141 .UserMenu__profileSelectorWrap_B0e141{border-bottom-color:var(--color_darkmode-secondary)}.UserMenu__button_B0e141{border:1px solid var(--color_grey-350);border-radius:var(--border-radius-medium);color:var(--UM_color-fg);display:block;font-size:1.7rem;font-weight:var(--fontWeight_semiBold);margin:2rem 2rem 0;margin:var(--user-menu-inner-spacing) var(--user-menu-inner-spacing) 0 var(--user-menu-inner-spacing);padding:1rem;text-align:center;width:calc(100% - 4rem);width:calc(100% - var(--user-menu-inner-spacing)*2)}.UserMenu__button_B0e141:hover{background-color:var(--color_ivory);color:var(--color_chalkboard)}.UserMenu__button_Primary_B0e141{background-color:var(--color_usermenu-button-primary-bg);border:none;color:var(--color_usermenu-button-primary-fg)}.UserMenu__button_Primary_B0e141:hover{background-color:var(--color_link-hover);color:var(--color_usermenu-button-primary-fg)}.UserMenu__button_Secondary_B0e141{background-color:var(--color_usermenu-button-secondary-light-bg);border:1px solid var(--color_usermenu-button-secondary-light-border);color:var(--color_usermenu-button-secondary-light-fg)}.UserMenu__button_Secondary_B0e141:hover{background-color:var(--color_usermenu-button-secondary-light-bg-hover);color:var(--color_usermenu-button-secondary-light-fg-hover)}.UserMenu_Dark_B0e141 .UserMenu__button_Secondary_B0e141{background-color:var(--color_usermenu-button-secondary-dark-bg);border:1px solid var(--color_usermenu-button-secondary-dark-border);color:var(--color_usermenu-button-secondary-dark-fg)}.UserMenu_Dark_B0e141 .UserMenu__button_Secondary_B0e141:hover{background-color:var(--color_usermenu-button-secondary-dark-bg-hover);color:var(--color_usermenu-button-secondary-dark-fg-hover)}.UserMenuOptionGroup_842426{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:1.7rem}.UserMenuOptionGroup_842426,.UserMenuOptionGroup__strate_list_842426{list-style:none;margin:0;padding:0}.UserMenuOptionGroup_842426+.UserMenuOptionGroup_842426{margin-top:1rem}.UserMenuOptionGroup__title_842426{font-size:2rem;font-weight:700;margin:0;padding:0 2rem}[data-device-type=tv] .UserMenuOptionGroup__title_842426{color:var(--color_white);font-family:var(--font_hind);font-size:4.2rem;font-weight:var(--fontWeight_semiBold);line-height:4.6rem;padding:0}:root{--user-menu-inner-spacing:2rem}.UserMenuOption_7be909{--UMO_color-bg:var(--color_usermenu-option-bg);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--UMO_color-bg);color:inherit;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:inherit;padding:.5rem 2rem;padding:.5rem var(--user-menu-inner-spacing);text-decoration:none}.UserMenuOption_7be909:hover{--UMO_color-bg:var(--color_usermenu-option-light-bg-hover);color:var(--color_usermenu-option-light-fg-hover)}[data-device-type=tv] .UserMenuOption_7be909{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color_usermenu-profileselector-dark-tv-bg);border-radius:var(--border-radius-large);justify-content:space-between;margin:1.6rem 0;min-height:6.6rem}.UserMenuOption_Dark_7be909:hover{--UMO_color-bg:var(--color_usermenu-option-dark-bg-hover);color:var(--color_usermenu-option-dark-fg-hover)}.UserMenuOption__image_7be909{height:1.5em;margin-right:.6em;width:1.5em}.UserMenuOption__label_7be909{white-space:nowrap}[data-device-type=tv] .UserMenuOption__label_7be909{color:var(--color_white-80);font-family:var(--font_hind);font-size:3rem;font-weight:var(--fontWeight_regular);line-height:3.5rem}.UserMenuOption__right_7be909{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.UserMenuOption__icon_7be909{fill:var(--color_usermenu-profileselector-dark-tv-fg);height:5rem;width:5rem}.UserMenuOption__subtitle_7be909{white-space:nowrap}[data-device-type=tv] .UserMenuOption__subtitle_7be909{color:var(--color_white-80);font-family:var(--font_hind);font-size:3rem;font-weight:var(--fontWeight_regular);line-height:3.5rem}:root{--width_virtual-keyboard:790px}[data-layout=polish]{--width_virtual-keyboard:974px}[data-layout=big]{--width_virtual-keyboard:1100px}[data-layout="polish,big"]{--width_virtual-keyboard:1370px}.virtualKeyboard_Ab067d{margin:0 auto;position:relative;width:790px;width:var(--width_virtual-keyboard)}.virtualKeyboard__wrapper_Ab067d{background-color:var(--color_virtual-keyboard-background);border-radius:4px 4px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;z-index:1}.virtualKeyboard__content_Ab067d{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.virtualKeyboard__content__isLastRow_Ab067d{margin:0 auto}.virtualKeyboard__footer_Ab067d{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color_virtual-keyboard-footer);border-radius:0 0 9px 9px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding-top:2px}:root{--fontsize_virtual-keyboard-key:22px;--height_virtual-keyboard-key:50px;--width_virtual-keyboard-key:42px;--width_virtual-keyboard-key-backspace:88px;--width_virtual-keyboard-key-clear:var(--width_virtual-keyboard-key-backspace);--width_virtual-keyboard-key-footer:107px}[data-layout="polish,big"],[data-layout=big]{--fontsize_virtual-keyboard-key:37px;--height_virtual-keyboard-key:75px;--width_virtual-keyboard-key:62px}.virtualKeyboardKey_7cfeb7{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color_virtual-keyboard-key);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--font_hind);font-size:22px;font-size:var(--fontsize_virtual-keyboard-key);justify-content:center;margin-bottom:2px;min-height:50px;min-height:var(--height_virtual-keyboard-key);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:42px;width:var(--width_virtual-keyboard-key)}.virtualKeyboardKey__isBackspace_7cfeb7{-ms-flex-item-align:stretch;-ms-flex-negative:0;align-self:stretch;flex-shrink:0;width:88px;width:var(--width_virtual-keyboard-key-backspace)}.virtualKeyboardKey__isBackspace_7cfeb7:after{background-color:transparent;border:2px solid var(--color_virtual-keyboard-key);border-top:none;content:"";display:block;height:6px;-webkit-transform:translateY(.6rem);transform:translateY(.6rem);width:28px}.virtualKeyboardKey__isBackspace_7cfeb7.virtualKeyboardKey__isSelected_7cfeb7:after{border-color:var(--color_virtual-keyboard-key-selected)}.virtualKeyboardKey__isClear_7cfeb7{-ms-flex-item-align:stretch;-ms-flex-negative:0;align-self:stretch;flex-shrink:0;width:88px;width:var(--width_virtual-keyboard-key-clear)}.virtualKeyboardKey__isDisabled_7cfeb7{color:var(--color_grey-500)}.virtualKeyboardKey__isDisabled_7cfeb7:after{border:2px solid var(--color_grey-500);border-top:none}.virtualKeyboardKey__isDisabled_7cfeb7 svg{fill:#474747}.virtualKeyboardKey__isSpecial_7cfeb7{letter-spacing:-1px}.virtualKeyboardKey__isFooter_7cfeb7{background-color:transparent;color:var(--color_virtual-keyboard-key-footer);font-weight:600;width:107px;width:var(--width_virtual-keyboard-key-footer)}.virtualKeyboardKey__isActive_7cfeb7{background-color:var(--color_virtual-keyboard-background)}.virtualKeyboardKey__isSelected_7cfeb7{background-color:var(--color_link-normal);border-radius:var(--border-radius-small);-webkit-box-shadow:0 4px 7px 0 var(--color_boxShadow);box-shadow:0 4px 7px 0 var(--color_boxShadow);color:var(--color_virtual-keyboard-key-selected);position:relative}.virtualKeyboardKey__isSelected_7cfeb7.virtualKeyboardKey__isDisabled_7cfeb7{background-color:var(--color_button-disabled);color:var(--color_grey-500)}.virtualKeyboardKey__isClicked_7cfeb7{background-color:var(--color_link-hover);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.8);box-shadow:0 2px 8px 0 rgba(0,0,0,.8);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.virtualKeyboardKey__svg__isClear_7cfeb7{fill:#aaacaf;height:18px;width:22px}.virtualKeyboardKey__isSelected_7cfeb7 .virtualKeyboardKey__svg__isClear_7cfeb7{fill:#fff}[data-theme~=telecomitalia] .virtualKeyboardKey__isSelected_7cfeb7 .virtualKeyboardKey__svg__isClear_7cfeb7{fill:#181818}.virtualKeyboardKey__svg__isPrev_7cfeb7{fill:#aaacaf;height:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:11px}.virtualKeyboardKey__isDisabled_7cfeb7 .virtualKeyboardKey__svg__isPrev_7cfeb7{fill:#474747}.virtualKeyboardKey__isSelected_7cfeb7 .virtualKeyboardKey__svg__isPrev_7cfeb7{fill:#fff}[data-theme~=telecomitalia] .virtualKeyboardKey__isSelected_7cfeb7 .virtualKeyboardKey__svg__isPrev_7cfeb7{fill:#181818}.virtualKeyboardKey__svg__isNext_7cfeb7{fill:#aaacaf;height:20px;width:11px}.virtualKeyboardKey__isDisabled_7cfeb7 .virtualKeyboardKey__svg__isNext_7cfeb7{fill:#474747}.virtualKeyboardKey__isSelected_7cfeb7 .virtualKeyboardKey__svg__isNext_7cfeb7{fill:#fff}[data-theme~=telecomitalia] .virtualKeyboardKey__isSelected_7cfeb7 .virtualKeyboardKey__svg__isNext_7cfeb7{fill:#181818} /* IMPORT ---------------------------------------------------*/ :root { --color_white: hsl(0, 0%, 100%); --color_black: hsl(0, 0%, 0%); --color_primary: hsl(0, 0%, 11%); --color_secondary: hsl(350, 83%, 57%); --color_primary-card: hsl(218, 11%, 15%); --color_secondary-card: hsla(218, 11%, 15%, 0.63); --color_darkmode-primary: hsl(210, 12%, 10%); --color_darkmode-secondary: hsl(214, 7%, 19%); --color_darkmode-tertiary: hsl(233, 8%, 23%); --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); --color_grey-100: hsl(0, 0%, 96%); --color_grey-200: hsl(220, 14%, 88%); --color_grey-300: hsl(218, 7%, 78%); --color_grey-400: hsl(215, 6%, 39%); --color_grey-450: hsl(217, 9%, 29%); --color_grey-500: hsl(0, 0%, 28%); --color_grey-600: hsl(213, 12%, 12%); --color_grey-700: hsl(220, 12%, 10%); --color_grey-800: hsl(346, 35%, 7%); --color_primary-header: hsl(218, 11%, 15%); --color_link-normal: hsl(350, 83%, 57%); --color_link-hover: hsl(350.1, 67.4%, 45.7%); --color_action-success: hsl(128, 85%, 57%); --color_placeholder: hsl(220, 16%, 89%); --color_boxShadow: hsla(0, 100%, 0%, 0.5); --color_carousel-dots: hsla(218, 11%, 15%, 0.1); /* showcase colors */ --color_showcase-tabs-indicator: hsl(214, 6%, 23%); } .contentRowNav_9bc563 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0.4rem; padding: 0 1.5rem; background: hsl(0, 0%, 0%); background: var(--color_black); opacity: 0.65; height: 3.8rem; width: 3.8rem; } .contentRowNav_9bc563 svg { fill: hsl(0, 0%, 100%); fill: var(--color_white); width: 100%; } .contentRowNav_9bc563:hover { opacity: 0.8; } .contentRowNav_Prev_9bc563 { -webkit-transform: scaleX(-1); transform: scaleX(-1); /* use the same component as next arrow */ } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } .ContentRowHorizontalScroller_F28d2d { --CRHS-padding-for-small: 1.25rem; --CRHS-padding-for-tablet: 2.5rem; --CRHS-padding-for-desktop: 5.5rem; --CRHS-padding-for-large-desktop: 5rem; --CRHS-padding-for-large-tv: 6.5rem; --HZL-list-side-padding: var(--CRHS-padding-for-small); } .ContentRowHorizontalScroller_DetailV5_F28d2d { --CRHS-padding-for-small: 1.25rem; --CRHS-padding-for-tablet: 2.5rem; --CRHS-padding-for-desktop: 3.5rem; --CRHS-padding-for-large-desktop: 3.5rem; --CRHS-padding-for-large-tv: 6.5rem; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_F28d2d { --HZL-list-side-padding: var(--CRHS-padding-for-tablet) } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_F28d2d { --HZL-list-side-padding: var(--CRHS-padding-for-desktop) } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_F28d2d { --HZL-list-side-padding: var(--CRHS-padding-for-large-desktop) } } [data-device-type="tv"] .ContentRowHorizontalScroller_F28d2d { --HZL-list-side-padding: var(--CRHS-padding-for-large-tv); } /* Higher specificity to ensure these styles override the sharedcomponent styles */ .ContentRowHorizontalScroller_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { position: absolute; top: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: none; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { display: -webkit-box; display: -ms-flexbox; display: flex } } .ContentRowHorizontalScroller_F28d2d .ContentRowHorizontalScroller__pageButton_Previous_F28d2d { left: 0; } .ContentRowHorizontalScroller_F28d2d .ContentRowHorizontalScroller__pageButton_Next_F28d2d { right: 0; } .ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 18.75%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } .ContentRowHorizontalScroller_Ratio166_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 18.75%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio166_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio166_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio166_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio166_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio166_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } .ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.03125%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 5.625%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.017857142857143%; } } .ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 28.125%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.03125%; } } .ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 22.22222222222222%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 13.333333333333334%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 11.11111111111111%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.523809523809524%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 8.333333333333332%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.4074074074074066%; } } .ContentRowHorizontalScroller_Ratio34_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 33.33333333333333%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio34_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 22.22222222222222%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio34_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 16.666666666666664%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio34_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 13.333333333333334%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio34_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 11.11111111111111%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio34_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.523809523809524%; } } .ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 12.5%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.5%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 5.357142857142857%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.166666666666666%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 3.4090909090909087%; } } .ContentRowHorizontalScroller_Ratio43_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 18.75%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Ratio43_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 12.5%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Ratio43_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Ratio43_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.5%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Ratio43_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Ratio43_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 5.357142857142857%; } } .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 18.75%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.03125%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.03125%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.03125%; } } .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 22.22222222222222%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 16.666666666666664%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 13.333333333333334%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 11.11111111111111%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 11.11111111111111%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio34_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 11.11111111111111%; } } .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 18.75%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 12.5%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.5%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.5%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Immersive_F28d2d.ContentRowHorizontalScroller_Ratio43_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } .ContentRowHorizontalScroller_LogoTyped_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_LogoTyped_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_LogoTyped_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 7.03125%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_LogoTyped_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 5.625%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_LogoTyped_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.6875%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_LogoTyped_F28d2d.ContentRowHorizontalScroller_Ratio169_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 4.017857142857143%; } } .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 18.75%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio166_normal_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 6.25%; } } .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 28.125%; } @media screen and (min-width: 700px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } } @media (min-width: 961px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } } @media (min-width: 1285px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } } @media (min-width: 1600px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 14.0625%; } } @media (min-width: 1920px) { .ContentRowHorizontalScroller_Carrousel_F28d2d.ContentRowHorizontalScroller_Ratio169_large_F28d2d .ContentRowHorizontalScroller__pageButton_F28d2d { margin-top: 9.375%; } } :root { --color_white: hsl(0, 0%, 100%); --color_black: hsl(0, 0%, 0%); --color_primary: hsl(0, 0%, 11%); --color_secondary: hsl(350, 83%, 57%); --color_primary-card: hsl(218, 11%, 15%); --color_secondary-card: hsla(218, 11%, 15%, 0.63); --color_darkmode-primary: hsl(210, 12%, 10%); --color_darkmode-secondary: hsl(214, 7%, 19%); --color_darkmode-tertiary: hsl(233, 8%, 23%); --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); --color_grey-100: hsl(0, 0%, 96%); --color_grey-200: hsl(220, 14%, 88%); --color_grey-300: hsl(218, 7%, 78%); --color_grey-400: hsl(215, 6%, 39%); --color_grey-450: hsl(217, 9%, 29%); --color_grey-500: hsl(0, 0%, 28%); --color_grey-600: hsl(213, 12%, 12%); --color_grey-700: hsl(220, 12%, 10%); --color_grey-800: hsl(346, 35%, 7%); --color_primary-header: hsl(218, 11%, 15%); --color_link-normal: hsl(350, 83%, 57%); --color_link-hover: hsl(350.1, 67.4%, 45.7%); --color_action-success: hsl(128, 85%, 57%); --color_placeholder: hsl(220, 16%, 89%); --color_boxShadow: hsla(0, 100%, 0%, 0.5); --color_carousel-dots: hsla(218, 11%, 15%, 0.1); --color_showcase-tabs-indicator: hsl(214, 6%, 23%); --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ --marginItem-for-large-desktop: 1rem; --marginItem-for-tablet: 0.5rem; --marginItem-for-small: 0.25rem; --margin-for-laptop: 1rem 3rem; --margin-for-desktop: 1rem 6rem; --margin-for-small: 1.2rem 1.2rem 1.4rem; } .carousel_0701f2 { height: auto; width: 100%; font-size: 0; overflow: hidden; position: relative; -webkit-tap-highlight-color: transparent; -ms-touch-action: pan-y; touch-action: pan-y; z-index: 1; } @supports (-moz-appearance: none) { .carousel_0701f2 { margin-bottom: -2rem; padding-bottom: 2rem } } /* fix space between inline--block elements */ .carousel__track_0701f2 { margin: 1.2rem 1.2rem 1.4rem; margin: var(--margin-for-small); overflow: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; white-space: nowrap; z-index: 2; } @media (min-width: 961px) { .carousel__track_0701f2 { margin: 1rem 3rem; margin: var(--margin-for-laptop); -webkit-transition: 0.5s ease; transition: 0.5s ease } } @media (min-width: 1285px) { .carousel__track_0701f2 { margin: 1rem 6rem; margin: var(--margin-for-desktop) } } @media (min-width: 961px) { .carousel__track_0701f2:hover { -webkit-box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.25); box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.25); -webkit-transition: 0.5s ease; transition: 0.5s ease } } .carousel__track_0701f2::-webkit-scrollbar { display: none; } .carousel__item_0701f2 { display: inline-block; position: relative; width: 100%; } @media screen and (min-width: 700px) { .carousel__item_0701f2 { vertical-align: top } .carousel__item_0701f2[data-ratio~="166_normal"] { width: 100%; width: 50%; } @media screen and (min-width: 700px) {} @media (min-width: 961px) { .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1285px) { .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1600px) { .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1920px) { .carousel__item_0701f2[data-ratio~="166_normal"] { width: 33.33333333333333%; } } .carousel__item_0701f2[data-ratio~="169_large"] { width: 100%; width: 50%; } @media screen and (min-width: 700px) {} @media (min-width: 961px) { .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1285px) { .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1600px) { .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1920px) { .carousel__item_0701f2[data-ratio~="169_large"] { width: 33.33333333333333%; } } .carousel__item_0701f2::before { margin: 0.25rem; margin: var(--marginItem-for-small); display: block; margin: 0.5rem; margin: var(--marginItem-for-tablet); } @media screen and (min-width: 700px) { @media (min-width: 1600px) { .carousel__item_0701f2::before { margin: 1rem; margin: var(--marginItem-for-large-desktop); } } } } [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="166_normal"] { width: 100%; } @media screen and (min-width: 700px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 961px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1285px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1600px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 1920px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="166_normal"] { width: 50%; } } [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="169_large"] { width: 100%; } @media screen and (min-width: 700px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 961px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1285px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1600px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 1920px) { [data-device-type="tv"] .carousel__item_0701f2[data-ratio~="169_large"] { width: 50%; } } .carousel__tablet_0701f2 { display: none; } @media screen and (min-width: 700px) { .carousel__tablet_0701f2 { display: block } } .carousel__mobile_0701f2 { display: block; } @media screen and (min-width: 700px) { .carousel__mobile_0701f2 { display: none } } .carousel__prevButton_0701f2, .carousel__nextButton_0701f2 { display: none; } @media (min-width: 961px) { .carousel__prevButton_0701f2, .carousel__nextButton_0701f2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: 0; z-index: -1 } } .carousel__prevButton_Active_0701f2, .carousel__nextButton_Active_0701f2 { opacity: 1; -webkit-transition: opacity ease-in 250ms; transition: opacity ease-in 250ms; z-index: 3; } .carousel__prevButton_0701f2 { left: 0; } .carousel__nextButton_0701f2 { right: 0; } .carousel__dots_0701f2 { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; } .carousel__dotsItem_0701f2 { height: 0.6rem; width: 0.6rem; background: hsla(218, 11%, 15%, 0.1); background: var(--color_carousel-dots); border-radius: 50%; margin: 0 0.3rem; -webkit-transition: background 250ms ease; transition: background 250ms ease; } @media (min-width: 961px) { .carousel__dotsItem_0701f2 { display: none } } .carousel__dotsItem_Dark_0701f2 { background: hsl(233, 8%, 23%); background: var(--color_darkmode-tertiary); } .carousel__dotsItem_Active_0701f2 { background: hsl(0, 0%, 0%); background: var(--color_black); opacity: 1; } .carousel__dotsItem_Active_Dark_0701f2 { background: hsl(0, 0%, 100%); background: var(--color_white); } .carousel_Cover_0701f2 .carousel__track_0701f2 { margin: 0; } /* TODO delete after new Carousel ( when featIgnoreContentRowCarousel can be removed) */ .carousel__old_0701f2 .carousel__prevButton_0701f2, .carousel__old_0701f2 .carousel__nextButton_0701f2 { position: absolute; top: calc(50% - 1.9rem); } @media (min-width: 961px) { .carousel__old_0701f2 .carousel__prevButton_0701f2, .carousel__old_0701f2 .carousel__nextButton_0701f2 { top: calc(50%) } } .carousel__old_0701f2 .carousel__prevButton_Active_0701f2, .carousel__old_0701f2 .carousel__nextButton_Active_0701f2 { display: none; } @media screen and (min-width: 700px) { .carousel__old_0701f2 .carousel__prevButton_Active_0701f2, .carousel__old_0701f2 .carousel__nextButton_Active_0701f2 { display: -webkit-box; display: -ms-flexbox; display: flex } } .carousel__dotsOld_0701f2 { bottom: 2rem; } .carousel__dotsOld_0701f2 .carousel__dotsItem_0701f2 { height: 1rem; width: 1rem; background: hsl(218, 7%, 78%); background: var(--color_grey-300); -webkit-box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.8); box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.8); margin: 0 0.25rem; opacity: 0.7; } .carousel__dotsOld_0701f2 .carousel__dotsItem_Dark_0701f2 { background: hsl(233, 8%, 23%); background: var(--color_darkmode-tertiary); } .carousel__dotsOld_0701f2 .carousel__dotsItem_Active_0701f2 { background: hsl(0, 0%, 100%); background: var(--color_white); } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } .contentRow_84c19e { --header_margin: 0 1.5rem 1rem; --header_tv-margin: 0 7.5rem 0; --header_showcase-margin: 0 1.3rem; --item_margin-for-small: 0.25rem; --item_margin-for-tablet: 0.5rem; --item_margin-for-large-desktop: 1rem; } @media screen and (min-width: 700px) { .contentRow_84c19e { --header_margin: 0 3rem; --header_showcase-margin: 0 3rem } } @media (min-width: 1285px) { .contentRow_84c19e { --header_margin: 0 5.5rem; --header_detailV5-margin: 0 4rem; --header_showcase-margin: 0 6rem } } /* to keep align title & contents in carousel */ .contentRow__header_84c19e { margin: var(--header_margin); } [data-device-type="tv"] .contentRow__header_84c19e { margin: var(--header_tv-margin); } .contentRow__header_DetailV5_84c19e { margin: var(--header_detailV5-margin); } [data-device-type="tv"] .contentRow__header_DetailV5_84c19e { margin: var(--header_tv-margin); } .contentRow__header_Showcase_84c19e { margin: var(--header_showcase-margin); } .contentRow__item_84c19e[data-ratio~="166_normal"] { width: 100%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="166_normal"] { width: 50%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="166_normal"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="166_normal"] { width: 25%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="166_normal"] { width: 25%; } } .contentRow__item_84c19e[data-ratio~="166_large"] { width: 100%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="166_large"] { width: 50%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="166_large"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="166_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="166_large"] { width: 25%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="166_large"] { width: 25%; } } .contentRow__item_84c19e[data-ratio~="169_normal"] { width: 50%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="169_normal"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="169_normal"] { width: 25%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="169_normal"] { width: 20%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="169_normal"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="169_normal"] { width: 14.285714285714285%; } } .contentRow__item_84c19e[data-ratio~="169_large"] { width: 100%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="169_large"] { width: 50%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="169_large"] { width: 33.33333333333333%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="169_large"] { width: 25%; } } .contentRow__item_84c19e[data-ratio~="34_normal"] { width: 33.33333333333333%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="34_normal"] { width: 20%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="34_normal"] { width: 16.666666666666664%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="34_normal"] { width: 14.285714285714285%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="34_normal"] { width: 12.5%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="34_normal"] { width: 11.11111111111111%; } } .contentRow__item_84c19e[data-ratio~="34_large"] { width: 50%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="34_large"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="34_large"] { width: 25%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="34_large"] { width: 20%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="34_large"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="34_large"] { width: 14.285714285714285%; } } .contentRow__item_84c19e[data-ratio~="43_normal"] { width: 33.33333333333333%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="43_normal"] { width: 20%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="43_normal"] { width: 16.666666666666664%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="43_normal"] { width: 14.285714285714285%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="43_normal"] { width: 11.11111111111111%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="43_normal"] { width: 9.090909090909092%; } } .contentRow__item_84c19e[data-ratio~="43_large"] { width: 50%; } @media screen and (min-width: 700px) { .contentRow__item_84c19e[data-ratio~="43_large"] { width: 33.33333333333333%; } } @media (min-width: 961px) { .contentRow__item_84c19e[data-ratio~="43_large"] { width: 25%; } } @media (min-width: 1285px) { .contentRow__item_84c19e[data-ratio~="43_large"] { width: 20%; } } @media (min-width: 1600px) { .contentRow__item_84c19e[data-ratio~="43_large"] { width: 16.666666666666664%; } } @media (min-width: 1920px) { .contentRow__item_84c19e[data-ratio~="43_large"] { width: 14.285714285714285%; } } .contentRow__item_84c19e { display: inline-block; position: relative; vertical-align: top; margin: var(--item_margin-for-small); } @media screen and (min-width: 700px) { .contentRow__item_84c19e { margin: var(--item_margin-for-tablet); } @media (min-width: 1600px) { .contentRow__item_84c19e { margin: var(--item_margin-for-large-desktop); } } } /* TODO delete after new Carrousel */ .contentRow__container_Mobile_84c19e { display: block; } @media screen and (min-width: 700px) { .contentRow__container_Mobile_84c19e { display: none } } .contentRow__container_Desktop_84c19e { display: none; } @media screen and (min-width: 700px) { .contentRow__container_Desktop_84c19e { display: block } } :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* TYPOGRAPHY ---------------------------------------------------*/ /* SETTINGS -----------------------------------------------------------*/ button { background: transparent; border: 0; cursor: pointer; display: inline-block; font: inherit; padding: 0; text-decoration: none; vertical-align: middle; } .horizontalScroller_47912e { --margin-for-large-desktop: 0 5rem; --padding-for-desktop: 0 5.5rem; --padding-for-tablet: 0 2.5rem; --padding-for-small: 0 1.25rem; --padding-for-large-tv: 0 6.5rem; height: auto; width: 100%; font-size: 0; overflow: hidden; position: relative; -webkit-tap-highlight-color: transparent; -ms-touch-action: pan-y; touch-action: pan-y; z-index: 1; } .horizontalScroller__track_47912e { padding: var(--padding-for-small); -webkit-overflow-scrolling: touch; -ms-overflow-style: none; overflow-x: visible; overflow-y: hidden; position: relative; white-space: nowrap; z-index: 2; } @media screen and (min-width: 700px) { .horizontalScroller__track_47912e { padding: var(--padding-for-tablet); } @media (min-width: 1285px) { .horizontalScroller__track_47912e { padding: var(--padding-for-desktop); } } @media (min-width: 1600px) { .horizontalScroller__track_47912e { padding: var(--margin-for-large-desktop); } } } @supports (-moz-appearance: none) { .horizontalScroller__track_47912e { margin-bottom: -2rem; padding-bottom: 2rem } } .horizontalScroller__track_47912e::-webkit-scrollbar { display: none; } [data-device-type="tv"] .horizontalScroller__track_47912e { padding: var(--padding-for-large-tv); } @media screen and (min-resolution: 0ddpx) { .horizontalScroller__track_47912e li:last-child { margin-right: 4rem } @media (min-width: 1600px) { .horizontalScroller__track_47912e li:last-child { margin-right: 2.5rem } } @media (min-width: 961px) { .horizontalScroller__track_47912e li:last-child { margin-right: 1.25rem } } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .horizontalScroller__track_47912e li:last-child { margin-right: 4rem } @media (min-width: 1600px) {} @media (min-width: 961px) {} } @supports (-ms-ime-align: auto) { .horizontalScroller__track_47912e li:last-child { margin-right: 4rem } @media (min-width: 1600px) {} @media (min-width: 961px) {} } .horizontalScroller__track_NoPadding_47912e { padding: 0 1.25rem; } .horizontalScroller__track__noscroll_47912e { overflow-y: visible; } /* IMPORT ---------------------------------------------------*/ :root { --color_white: hsl(0, 0%, 100%); --color_black: hsl(0, 0%, 0%); --color_primary: hsl(0, 0%, 11%); --color_secondary: hsl(350, 83%, 57%); --color_primary-card: hsl(218, 11%, 15%); --color_secondary-card: hsla(218, 11%, 15%, 0.63); --color_darkmode-primary: hsl(210, 12%, 10%); --color_darkmode-secondary: hsl(214, 7%, 19%); --color_darkmode-tertiary: hsl(233, 8%, 23%); --color_darkmode-textcolor-primary: hsl(0, 0%, 100%); --color_grey-100: hsl(0, 0%, 96%); --color_grey-200: hsl(220, 14%, 88%); --color_grey-300: hsl(218, 7%, 78%); --color_grey-400: hsl(215, 6%, 39%); --color_grey-450: hsl(217, 9%, 29%); --color_grey-500: hsl(0, 0%, 28%); --color_grey-600: hsl(213, 12%, 12%); --color_grey-700: hsl(220, 12%, 10%); --color_grey-800: hsl(346, 35%, 7%); --color_primary-header: hsl(218, 11%, 15%); --color_link-normal: hsl(350, 83%, 57%); --color_link-hover: hsl(350.1, 67.4%, 45.7%); --color_action-success: hsl(128, 85%, 57%); --color_placeholder: hsl(220, 16%, 89%); --color_boxShadow: hsla(0, 100%, 0%, 0.5); --color_carousel-dots: hsla(218, 11%, 15%, 0.1); --color_showcase-tabs-indicator: hsl(214, 6%, 23%); --breakpoint_tablet: 700px; --breakpoint_laptop: 961px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; --breakpoint_height: 800px; --breakpoint_startImmersive: 1100px; /* 100% * 1000px / 90% = 1100px */ } /* SETTINGS ---------------------------------------------------*/ .horizontalScrollerNav_0a334d { height: 3.8rem; width: 3.8rem; -webkit-appearance: none; background: hsl(213, 12%, 12%); background: var(--color_grey-600); border: 0; border-radius: 0; color: hsl(0, 0%, 100%); color: var(--color_white); cursor: pointer; display: none; margin: 0 0.6rem; opacity: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: -1; } @media screen and (min-width: 700px) { .horizontalScrollerNav_0a334d { display: block } } .horizontalScrollerNav_PrevButton_0a334d { left: 0; -webkit-transform: translate3d(0, -50%, 0) scaleX(-1); transform: translate3d(0, -50%, 0) scaleX(-1); /* use the same component as next arrow */ } .horizontalScrollerNav_NextButton_0a334d { right: 0; } .horizontalScrollerNav_Active_0a334d { opacity: 0.8; -webkit-transition: opacity ease-in 250ms; transition: opacity ease-in 250ms; z-index: 3; } .horizontalScrollerNav_Active_0a334d:hover, .horizontalScrollerNav_Active_0a334d:focus { opacity: 1; } .horizontalScrollerNav__icon_0a334d { height: 2rem; width: 1.1rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); fill: hsl(0, 0%, 100%); fill: var(--color_white); outline: 0; } .horizontalScrollerNav_SizeSmall_0a334d { height: 4.5rem; width: 7rem; } .horizontalScrollerNav_SizeSmall_0a334d .horizontalScrollerNav__icon_0a334d { height: 2.8rem; width: 1.6rem; } .horizontalScrollerNav_AlignTop_0a334d { top: 10%; } .horizontalScrollerNav_DisplayOnMobile_0a334d { opacity: 0.8; display: block; z-index: 3; } .icon___onEfV{display:inline-block}.socials___eRdC8{--color_socialIcon-bg:var(--color_grey-100);--color_socialIcon-hover-bg:var(--color_grey-200);--color_socialIcon-svg-fill:var(--color_grey-800)}[data-theme~=telecomitalia] .socials___eRdC8{--color_socialIcon-bg:var(--color_gold-dark-primary);--color_socialIcon-hover-bg:var(--color_gold-dark-secondary);--color_socialIcon-svg-fill:var(--color_white)}[data-theme=dark] .socials___eRdC8{--color_socialIcon-bg:var(--color_darkmode-primary);--color_socialIcon-hover-bg:var(--color_darkmode-secondary);--color_socialIcon-svg-fill:var(--color_white)}.socials___eRdC8{padding:0}.socials___eRdC8,.socials__socialIcon___Nzz9y{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.socials__socialIcon___Nzz9y{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color_socialIcon-bg);border-radius:50%;height:3rem;justify-content:center;line-height:4rem;overflow:hidden;text-align:center;-webkit-transition:background .3s;transition:background .3s;vertical-align:middle;width:3rem}.socials__socialIcon___Nzz9y:hover{background-color:var(--color_socialIcon-hover-bg)}.socials__socialIcon___Nzz9y svg{fill:var(--color_socialIcon-svg-fill)}.socials__items___uBYgO{display:inline-block;padding-right:1rem}.socials__items___uBYgO:hover{cursor:pointer}.socials__items___uBYgO img{height:60%;width:auto}:root{--color_white:#fff;--color_black:#000;--color_darkmode-primary:#16191d;--color_darkmode-secondary:#2d3034;--color_darkmode-tertiary:#36373f;--color_darkmode-textcolor-primary:#fff;--color_darkmode-line:#22252a;--color_darkmode-background-menu:#22252a;--color_darkmode-footer-bg:var(--color_black);--color_darkmode-footer-title:var(--color_white);--color_darkmode-footer-text:var(--color_grey-400);--color_darkmode-footer-border-top:var(--color_darkmode-line);--color_darkmode-footer-anchor-hover:var(--color_white);--color_darkmode-footer-text-link-hover:var(--color_white);--color_grey-100:#f4f4f5;--color_grey-200:#e2e2e9;--color_grey-400:#4c5157;--color_grey-500:#2d2f34;--color_grey-800:#180c0f;--color_white-70:hsla(0,0%,100%,.7);--color_black-40:rgba(0,0,0,.4);--color_dove-gray:#6e6e6e;--color_mycanal:#9d062c;--color_vod:#fff;--color_espaceClient:#22c9e2;--color_premierRang:#ffbb0f;--color_communaute:#7b9cad;--color_boutique:#00d6bd;--color_lekiosk:#3fcfb2;--color_chainesDigitales:#f2f2f2;--color_menu:hsla(0,0%,100%,.3);--color_abonnement:#ec3655;--color_abonnement-hover:#c32640;--color_footer-bg:var(--color_white);--color_footer-text:var(--color_black-40);--color_footer-text-title:var(--color_grey-800);--color_footer-text-link:var(--color_black);--color_footer-border-top:var(--color_grey-200);--color_footer-anchor-hover:var(--color_black);--color_darkmode-footer-text-link:var(--color_white-70)}:root [data-theme~=telecomitalia]{--color_gold-kumera:#986d23;--color_gold-dark-primary:#89621f;--color_gold-dark-secondary:#7a571c;--color_footer-bg:var(--color_gold-kumera);--color_footer-text:var(--color_white-70);--color_footer-text-title:var(--color_white);--color_footer-text-link:var(--color_white-60);--color_footer-anchor-hover:var(--color_white);--color_darkmode-footer-bg:var(--color_gold-kumera);--color_darkmode-footer-title:var(--color_white);--color_darkmode-footer-border-top:var(--color_white);--color_darkmode-footer-text:var(--color_white-70);--color_darkmode-footer-text-link:var(--color_white-70);--color_darkmode-footer-text-link-hover:var(--color_white)}:root{--breakpoint_tablet:700px;--breakpoint_laptop:961px;--breakpoint_desktop:1285px;--breakpoint_large_desktop:1600px;--breakpoint_wide:1920px;--font_hind:"Hind","Arial",sans-serif;--fontWeight_light:300;--fontWeight_regular:400;--fontWeight_semiBold:600;--size_topBarHeight:6.8rem;--size_topBarHeight-negative:-6.8rem;--size_mTopBarHeight:4.8rem;--size_mTopBarHeight-negative:-4.8rem;--size_topBarHeight-withNav:5.6rem;--size_topBarHeight-withNav-negative:-5.6rem;--size_mTopBarHeight-withNav:4.2rem;--size_mTopBarHeight-withNav-negative:-4.2rem;--size_bottomBarHeight:4.8rem;--size_mBottomBarHeight:4.2rem;--size_buttonHeight:3.2rem;--size_buttonLineHeight:3rem;--size_buttonFontSize:1.5rem;--size_buttonPadding:0 1rem;--size_mButtonPadding:0.5rem;--size_buttonBorderRadius:0.2rem;--size_buttonIconMarginRight:0.4rem;--size_buttonIconHeight:2.2rem;--size_mButtonIconHeight:2.6rem;--size_searchButtonWidth:4rem;--border-radius-mini:0.1rem;--border-radius-small:0.2rem;--border-radius-medium:0.3rem;--border-radius-big:0.4rem;--border-radius-large:0.6rem}.footer___EfZdO{background:#fff;background:var(--color_footer-bg);border-top:1px solid #e2e2e9;border-top:1px solid var(--color_footer-border-top);color:#4c5157;color:var(--color_grey-400);font-family:Hind,Arial,sans-serif;font-family:var(--font_hind);font-size:1.3rem;padding:1.5rem;width:100%;z-index:1}@media (min-width:1285px){.footer___EfZdO{padding:3rem}}.footer___EfZdO a{text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.footer___EfZdO a:hover{color:#000;color:var(--color_footer-anchor-hover)}@media (min-width:1285px){.footer__columns___HlKn_{display:-webkit-box;display:-ms-flexbox;display:flex}}.footer__column___BpQxO{margin-bottom:2rem}@media (min-width:1285px){.footer__column___BpQxO{-ms-flex-preferred-size:280px;-webkit-box-flex:1;-ms-flex-positive:1;flex-basis:280px;flex-grow:1;margin-bottom:0;margin-right:3rem}}.footer__column_links___semNn{grid-gap:2rem;display:grid;font-size:1.3rem;grid-template-columns:50% 50%;margin-right:2rem}.footer__column_link___mIJU4{color:#000;color:var(--color_footer-text-link);padding-bottom:1rem}.footer__column_title___P7meI{border-bottom:1px solid #e2e2e9;border-bottom:1px solid var(--color_grey-200);color:#180c0f;color:var(--color_footer-text-title);font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem}.footer__zoneSelector___RxdB9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.footer__text___amSQK{color:rgba(0,0,0,.4);color:var(--color_footer-text);font-size:1.3rem;margin-bottom:2rem}@media (min-width:1285px){.footer__last_column___Xj26B{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:400px;text-align:right}}.footer__credits___Ko_pe{color:rgba(0,0,0,.4);color:var(--color_footer-text)}.footer--dark___QmKwf{background:#000;background:var(--color_darkmode-footer-bg);border-color:#22252a;border-color:var(--color_darkmode-footer-border-top);color:hsla(0,0%,100%,.7);color:var(--color_white-70)}.footer--dark___QmKwf a:hover{color:#fff;color:var(--color_darkmode-footer-anchor-hover)}.footer--dark___QmKwf .footer__column_title___P7meI{border-color:#22252a;border-color:var(--color_darkmode-footer-border-top);color:#fff;color:var(--color_darkmode-footer-title)}.footer--dark___QmKwf .footer__column_link___mIJU4{color:hsla(0,0%,100%,.7);color:var(--color_darkmode-footer-text-link)}.footer--dark___QmKwf .footer__column_link___mIJU4:hover{color:#fff;color:var(--color_darkmode-footer-text-link-hover)}.footer--dark___QmKwf .footer__credits___Ko_pe,.footer--dark___QmKwf .footer__text___amSQK{color:#4c5157;color:var(--color_darkmode-footer-text)} /*# sourceMappingURL=footer.min.css.map*/ /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .zoneSelector___oSw8N { display: flex; align-items: center; margin-top: 3rem; } .zoneSelector__flag___ksHMD { width: 2.4rem; height: 2.4rem; margin-left: 1rem; } .zoneSelector__country___KhkQP { font-size: 1.5rem; font-weight: var(--fontWeight_semiBold); color: var(--color_zoneSelector-country); } .zoneSelector__country___KhkQP:hover { color: var(--color_zoneSelector-country-hover); } .zoneSelector__country--dark___a8uVZ { color: var(--color_darkmode-zoneSelector-country); } .zoneSelector__country--dark___a8uVZ:hover { color: var(--color_darkmode-zoneSelector-country-hover); } .HeaderLogoMyCanal__heading___I_FWO { margin: 0; } .HeaderLogoMyCanal__link___SmyEg { display: flex; } .HeaderNavigationTv___a9dYx { --color_item-fg: var(--color_white-70); --color_item-active-bg: var(--color_white-10); } [data-theme~='telecomitalia'] .HeaderNavigationTv___a9dYx { --color_item-fg: var(--color_white-80); --color_item-active-bg: var(--color_gold-dark-tertiary); } .HeaderNavigationTv___a9dYx { width: 100%; white-space: nowrap; } .HeaderNavigationTv__list___MMyBO { display: flex; align-items: center; } .HeaderNavigationTv__item___Qk7rQ { color: var(--color_item-fg); font-size: 3.1rem; font-weight: var(--fontWeight_semiBold); } .HeaderNavigationTv__item___Qk7rQ > a { padding: 0.2rem 2.9rem; } .HeaderNavigationTv__item___Qk7rQ:first-child { padding-left: 1rem; } .HeaderNavigationTv__item___Qk7rQ:last-child { padding-right: 1rem; } .HeaderNavigationTv__item___Qk7rQ[data-is-active='true'] > a, .HeaderNavigationTv__item___Qk7rQ[data-is-active='true'] > button { border-radius: var(--border-radius-extraLarge); background-color: var(--color_item-active-bg); } /* TV focus style */ li.HeaderNavigation a.tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } li.HeaderNavigation a.tv__focus { border-radius: var(--border-radius-extraLarge); } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .avatarSelection___XGVX3 { height: 100%; width: 100%; } [data-device-type="tv"] .avatarSelection___XGVX3 { display: flex; align-items: center; justify-content: center; } .avatarSelection__title___tbVN5 { font-weight: var(--fontWeight_regular); font-size: 3rem; text-align: center; } [data-device-type="tv"] .avatarSelection__title___tbVN5 { margin: 7.5rem auto 13.41rem; font-size: 4.7rem; font-weight: var(--fontWeight_semiBold); } .avatarSelection__title--dark___X7tFI { color: var(--color_darkmode-textcolor-primary); } .avatarSelection__list___tnVEw { max-width: 60rem; display: grid; grid-template-columns: repeat(3, 1fr); margin: auto; } @media screen and (min-width: 700px) { .avatarSelection__list___tnVEw { grid-template-columns: repeat(5, 1fr); grid-gap: 2rem } } [data-device-type="tv"] .avatarSelection__list___tnVEw { max-width: 125rem; grid-template-columns: repeat(5, 1fr); grid-gap: 4.1rem 4.8rem; padding: 1.4rem 1.4rem 15.7rem; } .avatarSelection__item___ngz7j { height: 8.5rem; width: 8.5rem; margin: 1rem 0; align-self: center; justify-self: center; place-self: center; } @media screen and (min-width: 700px) { .avatarSelection__item___ngz7j { width: 10rem } } [data-device-type="tv"] .avatarSelection__item___ngz7j { height: 20.8rem; width: 20.8rem; margin: 0; padding: 0.4rem; } [data-device-type="tv"] .avatarSelection__item__avatar___kKOR_ { height: 100%; width: 100%; } .globalAvatarSelection.tv__focus img { box-shadow: 0 0 0 0.4rem var(--color_focus-border); } .globalAvatarSelection.tv__focus img { border-radius: 50%; } .ProfileDeleteConfirmation___omGx5 { --color_bg: var(--color_darkmode-primary); --color_text-fg: var(--color_white-50); } [data-theme~='telecomitalia'] .ProfileDeleteConfirmation___omGx5 { --color_bg: var(--color_gold-kumera); --color_text-fg: var(--color_white-70); } .ProfileDeleteConfirmation___omGx5 { background-color: var(--color_bg); position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); height: 100vh; } .ProfileDeleteConfirmation__wrapper___n4JgU { height: 100%; align-items: center; justify-content: center; display: flex; flex-direction: column; } .ProfileDeleteConfirmation__title___G96M9 { font-size: 4.7rem; font-weight: var(--fontWeight_semiBold); } .ProfileDeleteConfirmation__text___GSczk { font-size: 2.8rem; color: var(--color_text-fg); margin-top: 3rem; } .ProfileDeleteConfirmation__buttonWrapper___RVO1I { display: flex; flex-direction: column; margin-top: 3rem; } .ProfileDeleteConfirmation__button___TemHQ { height: 7.5rem; width: 48rem; border-radius: var(--border-radius-extraLarge); font-size: 3.6rem; padding: 0.19rem 1.81rem 0.16rem 1.83rem; margin: auto; } .ProfileDeleteConfirmation__button___TemHQ:not(:last-child) { margin-bottom: 1.6rem; } .ProfileDeleteConfirmation .tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .ProfileDeleteConfirmation .tv__focus { transform: scale(1.04); } .ProfileDeleteConfirmation .tv__focus { border-radius: 8.3px; } .ChoiceButton___Lh8_v { align-items: center; background-color: var(--color_GDPR-button-bg); border-radius: var(--border-radius-extraLarge); color: var(--color_GDPR-button-fg); display: flex; font-size: 4rem; justify-content: space-between; line-height: 4.2rem; margin-top: 1.6rem; padding: 1.6rem 2rem 0.9rem; width: 100%; } .ChoiceButton__icon___lvp8L { fill: var(--color_GDPR-icon-fg); width: 5rem; } .ChoiceButton__label___PRQp1 { color: var(--color_GDPR-choice-fg); } .flipSwitch__labelText___zr9j5 { color: var(--color_form_flipSwitch_label-fg); cursor: pointer; display: inline-block; font-size: 2rem; margin-right: 1.5rem; vertical-align: middle; } .flipSwitch__checkbox___xwZFW { position: absolute; opacity: 0; pointer-events: none; } .flipSwitch__toggle___IKEgi { height: 3rem; width: 5.7rem; border-radius: 3rem; cursor: pointer; display: inline-block; padding: 0.2rem; position: relative; transition: background 400ms; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; } .flipSwitch__toggle___IKEgi::before, .flipSwitch__toggle___IKEgi::after { content: ''; display: block; position: absolute; } .flipSwitch__toggle___IKEgi::before { background-color: var(--color_form-flipSwitch-off); border-radius: 3rem; bottom: 0.2rem; left: 0.2rem; right: 0.2rem; top: 0.2rem; transition: background 400ms; } .flipSwitch__toggle___IKEgi::after { background-color: var(--color_white); border-radius: 2.3rem; bottom: 0.4rem; left: 0.4rem; top: 0.4rem; transition: margin 400ms, background 400ms; width: 2.3rem; } .flipSwitch__toggle--dark___j8Khc::before { background-color: var(--color_darkmode-settings-background); } .flipSwitch__checkbox___xwZFW[value='true'] + .flipSwitch__toggle___IKEgi::before { background-color: var(--color_form_flipSwitch); } .flipSwitch__checkbox___xwZFW[value='true'] + .flipSwitch__toggle___IKEgi::after { margin-left: 2.6rem; } .flipSwitch__label__focus___MyU1p [type='checkbox']:focus + .flipSwitch__toggle__focus___C5FxP { outline: var(--color_form_focus_outline) solid 1px; box-shadow: 0 0 8px var(--color_form_focus_outline); } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .setting___rxwFL { --color_setting-light-bg: var(--background-page); --color_setting-dark-bg: var(--color_primary-card-shadow); --color_setting-dark-border: var(--color_darkmode-tertiary); --font-size_setting: 1.4rem; } [data-theme~='telecomitalia'] .setting___rxwFL { --color_setting-light-bg: var(--color_gold-dark-secondary); --color_setting-dark-bg: var(--color_gold-dark-secondary); --color_setting-dark-border: var(--color_gold-dark-tertiary); } @media screen and (min-width: 700px) { .setting___rxwFL { --font-size_setting: 1.6rem } } .setting___rxwFL { align-items: flex-start; display: flex; justify-content: space-between; padding: 2rem 0; } .setting__multilinks___Xa2Qd { padding: 0 0 2rem; } .setting__withBorder___es2be { background-color: var(--color_setting-light-bg); border-radius: var(--border-radius-big); border: 0.1rem solid var(--color_settings-border); display: flex; align-items: center; padding: 1.5rem 1.5rem 1.25rem; max-height: 4.8rem; width: 100%; } [data-theme~='telecomitalia'] .setting__withBorder___es2be { border: none; } .setting__withBorder___es2be .setting__type___V8z8X { margin-right: 2rem; } .setting__withBorder___es2be .setting__type___V8z8X, .setting__withBorder___es2be .setting__action___bTsI6 { font-size: 1.4rem; display: flex; align-items: center; } .setting__withBorder___es2be .setting__type--medium___F99QX, .setting__withBorder___es2be .setting__action--medium___L1ICD { font-size: var(--font-size_setting); } .setting__withBorder___es2be .setting__action___bTsI6 { margin-left: auto; } .setting__withBorder___es2be .setting--dark___bZDAE { background-color: var(--color_setting-dark-bg); } .setting__sticky___zCaEe:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .setting__sticky___zCaEe:last-child { border-top: none; border-top-right-radius: 0; border-top-left-radius: 0; } .setting__type___V8z8X, .setting__title___Qm9S2 { font-weight: normal; margin: 0; } .setting__title___Qm9S2 { font-size: 2rem; margin: 0 0 1rem; } .setting__text___eRbfp { font-size: 1.5rem; margin: 0; } .setting__list___A7tSg { font-size: 1.5rem; padding-left: 1.75rem; } .setting__list___A7tSg li { list-style: disc; } .setting__action___bTsI6 a, .setting__action___bTsI6 button { color: var(--color_link-normal); transition: color 300ms ease-in; } .setting__action___bTsI6 a:hover, .setting__action___bTsI6 button:hover { color: var(--color_link-hover); } .setting__action__multilinks___EeHU1 { padding: 0 0 1rem; text-align: right; } .setting__action__multilinks__last___Ze3lv { padding: 0; } [data-theme~='telecomitalia'] .setting__action___bTsI6 a { text-decoration: underline; } .setting__button___Zj_IF { display: flex; align-items: center; width: 100%; } .setting__button___Zj_IF ._action___wgdBZ { margin-left: auto; } .setting--dark___bZDAE.setting__withBorder___es2be { border: none; background-color: var(--color_setting-dark-bg); } .setting--dark___bZDAE.setting__withBorder___es2be.setting__sticky___zCaEe:last-child { border-top: 0.1rem solid var(--color_settings-border); } [data-theme~='telecomitalia'] .setting__withBorder___es2be.setting__sticky___zCaEe:last-child { border-top: 0.1rem solid var(--color_settings-border); } .setting--dark___bZDAE:not(:last-child) { border-bottom-color: var(--color_darkmode-line); } .setting--dark___bZDAE .setting__button___Zj_IF { color: var(--color_white); } .setting_tv_title___s09Zi { font-size: 2rem; font-weight: var(--fontWeight_semiBold); margin: 0 0 1rem; } .setting_tv_info___Urmbg { margin-top: 1.6rem; font-size: 3.1rem; line-height: 3.6rem; letter-spacing: -0.02rem; color: var(--color_white-50); } .setting_tv_button___F8JRD { align-items: center; background-color: var(--color_darkmode-button-lighter); border-radius: var(--border-radius-extraLarge); display: flex; font-size: 4rem; justify-content: space-between; line-height: 4.2rem; margin-top: 1.6rem; padding: 1.6rem 2rem 0.9rem; transition: background-color 200ms ease-out; width: 100%; color: var(--color_white-70); } .setting_tv_button--title___W5PF2 { max-width: 50rem; text-align: left; } .setting_tv_button--choice___Ua5Sr { align-items: center; color: var(--color_white-30); display: flex; font-weight: 500; } .setting_tv_button--icon___zN0HH { fill: var(--color_white-70); margin: -1.5rem 0 -0.6rem; width: 5rem; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .profileForm___SaiIH { --color_kidsSettings-description-fg: var(--color_cod-grey-50); } [data-theme~='dark'] .profileForm___SaiIH { --color_kidsSettings-description-fg: var(--color_white-70); } [data-theme~='telecomitalia'] .profileForm___SaiIH { --color_kidsSettings-description-fg: var(--color_white); } .profileForm___SaiIH { margin: auto; max-width: 65rem; } [data-device-type="tv"] .profileForm___SaiIH { max-width: none; display: flex; align-items: center; justify-content: center; } .profileForm__title___KMpa0 { text-align: center; font-weight: var(--fontWeight_regular); font-size: 3rem; margin: 0 0 4.5rem; } [data-device-type="tv"] .profileForm__title___KMpa0 { font-size: 4.7rem; font-weight: var(--fontWeight_semiBold); margin-top: 7.5rem; } .profileForm__profileAvatarWrapper___WCx_d { width: 10rem; display: flex; margin: 2rem auto; } [data-device-type="tv"] .profileForm__profileAvatarWrapper___WCx_d { height: 20.8rem; width: 20.8rem; } .profileForm__profileAvatar___ej632 { height: 2.5rem; width: 2.5rem; } [data-device-type="tv"] .profileForm__profileAvatar___ej632 { height: 5.5rem; width: 5.5rem; } [data-device-type="tv"] .profileForm__kidsSettings___WDCt2 { width: 76rem; margin: 0 auto 6.4rem; } .profileForm__kidsSettings__title___lDUxD { font-size: 2rem; font-weight: var(--fontWeight_semiBold); } .profileForm__kidsSettings__description___Cgeu6 { color: var(--color_profileForm-kidsSettings-description-fg); margin: 0; max-width: 50rem; } @media screen and (min-width: 700px) { .profileForm__kidsSettings__description___Cgeu6 { margin-top: 1rem } } [data-device-type="tv"] .profileForm__kidsSettings__description___Cgeu6 { max-width: none; font-size: 2.8rem; } .profileForm__name___aKSyM { height: 5rem; width: 100%; padding: 1.5rem; margin-bottom: 2rem; font-size: 1.8rem; background: var(--color_profileForm-name-light-bg); color: var(--color_profileForm-name-light-fg); border: 0.1rem solid var(--color_profileForm-name-border); border-radius: var(--border-radius-medium); } .profileForm__name___aKSyM::-moz-placeholder { color: var(--color_standard_placeholder); } .profileForm__name___aKSyM::placeholder { color: var(--color_standard_placeholder); } .profileForm__name--dark___FSPfs { background: var(--color_profileForm-name-dark-bg); color: var(--color_profileForm-name-dark-fg); } .profileForm__name--dark___FSPfs:focus { background: var(--color_profileForm-name-dark-bg-focus); color: var(--color_profileForm-name-dark-fg-focus); } .profileForm__name--dark___FSPfs::-moz-placeholder { color: var(--color_standard_placeholder); } .profileForm__name--dark___FSPfs::placeholder { color: var(--color_standard_placeholder); } [data-device-type="tv"] .profileForm__name___aKSyM { width: 76rem; display: flex; height: 6.6rem; background-color: var(--color_white); color: var(--color_black); font-size: 4.16rem; border: 0; border-radius: var(--border-radius-extraLarge); margin: 0 auto 1rem; } [data-device-type="tv"] .profileForm__name___aKSyM::-moz-placeholder { color: var(--color_standard_placeholder); } [data-device-type="tv"] .profileForm__name___aKSyM::placeholder { color: var(--color_standard_placeholder); } .profileForm__keyboard___SPriw { display: flex; justify-content: center; margin-bottom: 3rem; } [data-device-type="tv"] .profileForm__buttonWrapper___wzp3X { display: flex; flex-direction: column; align-items: center; padding-bottom: 15.7rem; } .profileForm__button___owwZo { height: 5rem; width: 100%; font-size: 1.8rem; margin-bottom: 2rem; } [data-device-type="tv"] .profileForm__button___owwZo { height: 7.5rem; width: 48rem; border-radius: var(--border-radius-extraLarge); font-size: 3.6rem; padding: 0.19rem 1.81rem 0.16rem 1.83rem; margin-bottom: 1.4rem; } .profileFormInputFocus.tv__focus { box-shadow: 0 0 0 0.4rem var(--color_focus-border); } .profileFormAvatar.tv__focus img { box-shadow: 0 0 0 0.4rem var(--color_focus-border); } .profileFormAvatar.tv__focus img { border-radius: 50%; } .profileFormKidsSetting.tv__focus, .profileFormSubmitButtonFocus.tv__focus, .profileFormDeleteButtonFocus.tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .profileFormKidsSetting.tv__focus, .profileFormSubmitButtonFocus.tv__focus, .profileFormDeleteButtonFocus.tv__focus { transform: scale(1.04); } .profileFormKidsSetting.tv__focus, .profileFormSubmitButtonFocus.tv__focus, .profileFormDeleteButtonFocus.tv__focus { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); } .profileFormKidsSetting.tv__focus, .profileFormSubmitButtonFocus.tv__focus, .profileFormDeleteButtonFocus.tv__focus { font-size: 3.74rem; } .profilesListTV___OCjFN { height: 100vh; display: flex; align-items: center; justify-content: center; margin: auto; } .profilesListTV__title___ErFGN { font-size: 4.7rem; font-weight: var(--fontWeight_semiBold); color: var(--color_white); text-align: center; } .profilesListTV__list___cbBT7 { display: flex; max-width: 100vw; width: 100%; padding: 0.4rem 10rem 0; overflow: auto; margin: 4.81rem 10rem 0; } .profilesListTV__item___mDtlL { text-align: center; } .profilesListTV__item___mDtlL:not(:first-child) { margin-left: 4.8rem; } .profilesListTV__avatar___YeX4n { height: 20.8rem; width: 20.8rem; } .profilesListTV__profileAvatar___sCnR7 svg { height: 5.5rem; width: 5.5rem; } .profilesListTV__nameWrapper___piG_A { margin-top: 1.19rem; } .profilesListTV__name___umkiV { font-size: 3.3rem; color: var(--color_white-70); } .globalProfilesListTV.tv__focus img { box-shadow: 0 0 0 0.4rem var(--color_focus-border); } .globalProfilesListTV.tv__focus img { border-radius: 50%; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .profilesList___CrW3r { --color_title-fg: initial; --color_profile-border: var(--color_profilesList-profile-border-light); --color_label-fg: initial; } [data-theme~='dark'] .profilesList___CrW3r { --color_profile-border: var(--color_profilesList-profile-border-dark); --color_label-fg: var(--color_darkmode-textcolor-primary); } [data-theme='tvod light'] .profilesList___CrW3r { --color_title-fg: var(--color_profilesList-light-fg); --color_label-fg: var(--color_profilesList-light-fg); } [data-theme='tvod dark'] .profilesList___CrW3r { --color_title-fg: var(--color_profilesList-dark-fg); --color_label-fg: var(--color_profilesList-dark-fg); } .profilesList___CrW3r { margin: 0 auto 14rem; max-width: 65rem; width: 100%; } @media screen and (min-width: 700px) { .profilesList___CrW3r { margin-bottom: 9rem } } .profilesList__title___x9zcR { font-weight: var(--fontWeight_regular); font-size: 3rem; margin: 0; text-align: center; color: var(--color_title-fg); } .profilesList__list___e3p7a { margin: 3rem 0; } .profilesList__profile___If3qN { cursor: pointer; width: 100%; height: 8rem; border-radius: 3px; margin: 1rem auto; border: 1px solid var(--color_profile-border); transition: box-shadow 0.1s linear; } @media screen and (min-width: 700px) { .profilesList__profile___If3qN { width: 70% } } .profilesList__profile___If3qN:first-child { height: 10rem; margin-bottom: 4rem; } .profilesList__profile___If3qN:hover { box-shadow: 0 0.4rem 1rem 0 hsla(0, 0%, 0%, 0.2); } .profilesList__container___rHvvo { height: 100%; width: 100%; display: flex; align-items: center; margin: auto 0; } .profilesList__profileAvatarWrapper___krEoP { height: 6.1rem; width: 6.1rem; margin: 1.9rem 3.1rem 1.8rem 2.9rem; } .profilesList__profileAvatar___YaOiI { height: 1.6rem; width: 1.6rem; } .profilesList__label___u0uk7 { display: block; flex: 1; overflow: hidden; color: var(--color_label-fg); } .profilesList__name___EJ0DO { display: block; text-align: left; font-size: 2.4rem; } .profilesList__arrow___b3MtD { fill: var(--color_profilesList-arrow); display: block; height: 1.7rem; margin: 0 2rem; width: 1rem; } .profilesList__disclaimer___Igtxk { color: var(--color_grey-300); text-align: center; } .profilesList__disclaimer__line___Ti73g { display: block; } .profilesList__addProfileButton___GKnXv { height: 5rem; width: 100%; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ [data-device-type="tv"] .ProfileSelectorMyCanal___ptMTr { margin-top: 2.2rem; } [data-device-type="tv"] .ProfileSelectorMyCanal__profileSelectorTitle___kbguI { color: var(--color_white); font-family: var(--font_hind); font-weight: var(--fontWeight_semiBold); font-size: 4.2rem; line-height: 4.6rem; } .ProfileSelectorMyCanal__editButton___ubHS6 { color: var(--color_usermenu-profile-edit-button-fg); font-weight: var(--fontWeight_semiBold); } [data-device-type="tv"] .ProfileSelectorMyCanal__editButton___ubHS6 { margin: 1.6rem 0; display: flex; justify-content: space-between; align-items: center; background-color: var(--color_usermenu-profile-edit-button-tv-bg); border-radius: var(--border-radius-large); color: var(--color_white-80); font-family: var(--font_hind); font-weight: var(--fontWeight_regular); font-size: 3rem; line-height: 3.5rem; padding: 0.5rem 2rem; width: var(--size_settings_tv_width); min-height: 6.6rem; } .ProfileSelectorMyCanal__editButtonIcon___m3ddo { height: 5rem; width: 5rem; fill: var(--color_usermenu-profile-edit-button-tv-fg); } .tv__focus.profileSelectorEditButton { color: var(--color_focus-fg); background-color: var(--color_focus-bg); box-shadow: 0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.5); border-radius: 8.3px; transform: scale(1.04); } .tv__focus.profileSelectorEditButton svg { fill: var(--color_focus-fg); } .profileSelectorAvatar.tv__focus img { box-shadow: 0 0 0 0.4rem var(--color_focus-border); } .profileSelectorAvatar.tv__focus img { border-radius: 50%; } .addProfile.tv__focus > div:first-of-type { box-shadow: 0 0 0 0.4rem var(--color_focus-border); } .dialogModal___kVUtq { border-radius: 1rem; text-align: center; padding: 1.6rem; } [data-device-type="tv"] .dialogModal___kVUtq { max-width: 96rem; padding: 7.6rem 9rem 8rem; } .dialogModal__heading___q81nC { margin-bottom: 0.6rem; } [data-device-type="tv"] .dialogModal__heading___q81nC { margin-bottom: 4.8rem; } .dialogModal__title___ClFZI { color: var(--color_white); font-family: var(--font_CanalBoldItalique); font-weight: var(--fontWeight_semiBold); font-size: 2rem; text-transform: uppercase; line-height: 2.4rem; margin-top: 0; } [data-device-type="tv"] .dialogModal__title___ClFZI { font-size: 3.6rem; width: 77rem; line-height: 4rem; } .dialogModal__description___NPebu { color: var(--color_white); font-family: var(--font_hind); font-weight: var(--fontWeight_regular); font-size: 1rem; line-height: 1.4rem; margin-top: 0.6rem; } [data-device-type="tv"] .dialogModal__description___NPebu { font-size: 3rem; width: 77rem; line-height: 3.6rem; margin-top: 3.2rem; } .dialogModal__button___MxI6J { font-family: var(--font_hind); font-weight: var(--fontWeight_semiBold); font-size: 1.8rem; line-height: 2.2rem; margin-top: 0.8rem; width: 100%; padding: 1.3rem 1.6rem; } [data-device-type="tv"] .dialogModal__button___MxI6J { font-size: 3.6rem; text-transform: none; margin-top: 1.5rem; width: 62rem; padding: 2.6rem 4.2rem 2.2rem; } .dialogModal--focus___LyBkA { list-style: none; } /* TV focus style */ .dialogModal .tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .dialogModal .tv__focus { transform: scale(1.04); } .dialogModal .tv__focus { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); } .dialogModal .tv__focus { border-radius: 8.7px; } .dialogModal .tv__focus span { color: var(--color_focus-fg); } [data-device-type="tv"] .buttonSettings___spf2n { width: var(--size_settings_tv_width); } .buttonSettings__button___MstYT { align-items: center; font-style: normal; background-color: var(--color_settings-button-bg); border-radius: var(--border-radius-extraLarge); color: var(--color_white-80); font-family: var(--font_hind); font-weight: var(--fontWeight_regular); font-size: 3rem; line-height: 3.5rem; display: flex; justify-content: space-between; margin-top: 1.4rem; padding: 0.5rem 2rem; transition: none; width: 100%; min-height: 6.6rem; } .buttonSettings__icon___b8bnt { fill: var(--color_settings-icon-fg); height: 5rem; width: 5rem; } /* TV focus style */ .buttonSettings__button.tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .buttonSettings__button.tv__focus { transform: scale(1.04); } .buttonSettings__button.tv__focus { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); } .buttonSettings__button.tv__focus { border-radius: 8.7px; } .buttonSettings__button.tv__focus svg { fill: var(--color_focus-fg); } [data-device-type="tv"] .settings__container___WxHqV { width: var(--size_settings_tv_width); margin: auto; } [data-device-type="tv"] .settings__title___wSH5h { font-family: var(--font_canal-bold-italique); font-size: 4.8rem; text-transform: uppercase; line-height: 5.2rem; font-weight: var(--fontWeight_semiBold); margin: 7rem auto 4.4rem auto; width: var(--size_settings_tv_width); } .recoPerso__text___dginz{ color: var(--color_white-80); font-family: var(--font_hind); font-weight: var(--fontWeight_regular); font-size: 3rem; line-height: 3.6rem; margin: 3rem 0; } .recoPerso__list___gwe7n{ color: var(--color_white-80); font-family: var(--font_hind); font-weight: var(--fontWeight_regular); font-size: 3rem; line-height: 3.6rem; padding-left: 5.5rem; } .recoPerso__list___gwe7n li { list-style: disc; } /* Override dialogModal button style using wrapperClassName */ [data-device-type="tv"] .recoPerso__dialogModal___N8raa button { font-family: var(--font_canal-bold-italique); text-transform: uppercase; } .UserMenuMyCanalExtended___gTNjg { --color_usermenu-border: var(--color_ivory); --color_usermenu-button-secondary-bg: transparent; --color_usermenu-button-secondary-bg-hover: var(--color_ivory); --color_usermenu-button-secondary-fg: var(--color_chalkboard); --color_usermenu-button-secondary-fg-hover: var(--color_chalkboard); --color_usermenu-button-border: var(--color_grey-350); } [data-theme~='dark'] .UserMenuMyCanalExtended___gTNjg { --color_usermenu-border: var(--color_darkmode-secondary); --color_usermenu-button-secondary-bg: var(--color_darkmode-secondary); --color_usermenu-button-secondary-bg-hover: var(--color_darkmode-tertiary); --color_usermenu-button-secondary-fg: var(--color_white); --color_usermenu-button-secondary-fg-hover: var(--color_white); --color_usermenu-button-border: transparent; } [data-theme~='telecomitalia'] .UserMenuMyCanalExtended___gTNjg { --color_usermenu-border: var(--color_white); --color_usermenu-button-secondary-bg: var(--color_gold-dark-secondary); --color_usermenu-button-secondary-bg-hover: var(--color_gold-dark-tertiary); --color_usermenu-button-secondary-fg: var(--color_white); --color_usermenu-button-secondary-fg-hover: var(--color_white); --color_usermenu-button-border: transparent; } [data-device-type="tv"] .UserMenuMyCanalExtended__sections___rEZzR { width: var(--size_settings_tv_width); margin: auto; } .UserMenuMyCanalExtended__sections__privacyManager___UyqiC { display: flex; height: auto; min-height: 100vh; padding: 0 47.4rem; max-width: none; max-width: initial; width: 100vw; } [data-device-type="tv"] .UserMenuMyCanalExtended__buttons___V_WMD { width: var(--size_settings_tv_width); margin: auto; } .UserMenuMyCanalExtended__buttons___V_WMD:not(:last-child) { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--color_usermenu-border); } .UserMenuMyCanalExtended__buttons__title___W0Hc9, .UserMenuMyCanalExtended__buttons__subtitle___oh4qr, .UserMenuMyCanalExtended__buttons__button___Fieue { display: block; width: calc(100% - var(--user-menu-inner-spacing)*2); } .UserMenuMyCanalExtended__buttons__title___W0Hc9, .UserMenuMyCanalExtended__buttons__subtitle___oh4qr { margin: 0 var(--user-menu-inner-spacing); } .UserMenuMyCanalExtended__buttons__title___W0Hc9 { font-weight: var(--fontWeight_semiBold); font-size: 2rem; } .UserMenuMyCanalExtended__buttons__subtitle___oh4qr { font-weight: var(--fontWeight_regular); font-size: 1.7rem; } .UserMenuMyCanalExtended__buttons__button___Fieue { margin: var(--user-menu-inner-spacing) var(--user-menu-inner-spacing) 0 var(--user-menu-inner-spacing); padding: 1rem; font-size: 1.7rem; text-align: center; font-weight: var(--fontWeight_semiBold); background-color: var(--color_usermenu-button-secondary-bg); color: var(--color_usermenu-button-secondary-fg); border: 1px solid var(--color_usermenu-button-border); border-radius: var(--border-radius-medium); } .UserMenuMyCanalExtended__buttons__button___Fieue:hover { background-color: var(--color_usermenu-button-secondary-bg-hover); color: var(--color_usermenu-button-secondary-fg-hover); } [data-device-type="tv"] .UserMenuMyCanalExtended__buttons__button___Fieue { padding: 1.9rem 0 1.7rem; font-size: 3.74rem; margin: 3rem auto 15.7rem; max-width: 48rem; border-radius: 8.3px; } .UserMenuMyCanalExtended__buttons__button--secondary___BeX3H { background-color: var(--color_usermenu-button-secondary-bg); color: var(--color_usermenu-button-secondary-fg); } .UserMenuMyCanalExtended__buttons__button--secondary___BeX3H:hover { background-color: var(--color_usermenu-button-secondary-bg-hover); color: var(--color_usermenu-button-secondary-fg-hover); } .UserMenuMyCanalExtended__buttons__button--primary___pJxu4 { color: var(--color_usermenu-bottom-button-authentication-fg); background-color: var(--color_secondary); border: none; } .UserMenuMyCanalExtended__buttons__button--primary___pJxu4:hover { color: var(--color_usermenu-bottom-button-authentication-fg); background-color: var(--color_link-hover); } .UserMenuMyCanalExtended__buttons .tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .UserMenuMyCanalExtended__buttons .tv__focus { transform: scale(1.04); } .UserMenuMyCanalExtended__buttons .tv__focus { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); } .UserMenuMyCanalExtended__buttons .tv__focus { border-radius: 8.7px; } .UserMenuMyCanalExtended__sections .tv__focus { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .UserMenuMyCanalExtended__sections .tv__focus { transform: scale(1.04); } .UserMenuMyCanalExtended__sections .tv__focus { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5); } .UserMenuMyCanalExtended__sections .tv__focus { border-radius: 8.3px; } .UserMenuMyCanalExtended__sections .tv__focus svg { fill: var(--color_focus-fg); } .UserMenuMyCanalExtended__sections .tv__focus .UserMenuOptionLabel { color: var(--color_focus-fg) !important; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .UserMenuMyCanal___sldGd { display: flex; justify-content: flex-end; align-items: center; } .UserMenuMyCanal___sldGd > *:not(:first-child) { margin-left: 1.2rem; } @media screen and (min-width: 420px) { .UserMenuMyCanal___sldGd > *:not(:first-child) { margin-left: 1.6rem } } .UserMenuMyCanal___sldGd > *:not(:first-child):not(:last-child) { margin-left: 1rem; } @media screen and (min-width: 420px) { .UserMenuMyCanal___sldGd > *:not(:first-child):not(:last-child) { margin-left: 1.8rem } } .UserMenuMyCanal__button___QjZt5 { cursor: pointer; color: var(--color_usermenu-bottom-button-authentication-fg); display: flex; height: 2.8rem; align-items: center; padding: 0.3rem; font-size: 1.2rem; font-weight: var(--fontWeight_Bold); font-family: var(--font_canal-bold-italique); background-color: var(--color_secondary); border-radius: var(--border-radius-small); white-space: nowrap; text-transform: uppercase; } @media screen and (min-width: 375px) { .UserMenuMyCanal__button___QjZt5 { height: 3.2rem; font-size: 1.4rem; padding: 0.7rem 0.8rem } } .UserMenuMyCanal__button___QjZt5:hover { background-color: var(--color_link-hover); } [data-device-type="tv"] .UserMenuMyCanal__button___QjZt5 { font-size: 3.1rem; height: 5.4rem; background-color: var(--color_white-10); border-radius: var(--border-radius-big-outline); } .UserMenuMyCanal__button__icon___MP5vT { display: block; height: 2.25rem; width: 2.25rem; } [data-theme~='telecomitalia'] .UserMenuMyCanal__button__icon___MP5vT path { fill: var(--color_chalkboard); } .UserMenuMyCanal__button__label___MDi89 { display: none; } @media screen and (min-width: 321px) { .UserMenuMyCanal__button__icon___MP5vT { display: none; } .UserMenuMyCanal__button__label___MDi89 { display: block; } } .Search .tv__focus .HeaderSearchIcon { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } .Search .tv__focus .HeaderSearchIcon path { fill: var(--color_focus-fg); } .SubscribeButton.tv__focus > a { background-color: var(--color_focus-bg); color: var(--color_focus-fg); } /* Using the div because it is impossible to target the element by its class */ .CurrentProfile .tv__focus > div { box-shadow: 0 0 0 0.4rem var(--color_focus-bg); border-radius: 50%; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .notification___ZYzHT { box-sizing: border-box; color: var(--color_white); font-size: 1.6rem; padding: 1.5rem 4.5rem; position: relative; text-align: center; } @media screen and (min-width: 700px) { .notification___ZYzHT { padding: 1rem 4.8rem } } .notification--alert___fbsvd { background: var(--background-notification-alert); } .notification__description___G4TTx { padding: 0 0.5em; } .notification__link___CE3xN { font-weight: var(--fontWeight_semiBold); text-decoration: underline; transition: opacity 250ms ease-out; } .notification__link___CE3xN:hover { opacity: 0.8; text-decoration: underline; } .notification__close___HuvTp { display: inline-block; position: absolute; height: 2.8rem; width: 2.8rem; top: 50%; right: 1.6rem; transform: translate3d(0, -50%, 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .notification__close___HuvTp svg { fill: var(--color_white); } .slideDown___AEDdT { height: 0; overflow: hidden; transition: height 250ms ease-out; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .actionBar___VWgVa { z-index: 6; align-items: center; color: var(--color_grey-300); display: flex; font-weight: var(--fontWeight_regular); justify-content: space-around; position: relative; width: 100%; } @media screen and (min-width: 960px) { .actionBar___VWgVa { justify-content: flex-end; width: auto } } @media screen and (min-width: 960px) { .actionBar__item___arQ3p { margin: 0 0.5rem } } .actionBar__item___arQ3p:last-child { margin-right: 0; } .actionBar__item___arQ3p:hover { cursor: pointer; } .actionBar__item___arQ3p svg { vertical-align: middle; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .immersive___OHEvj { height: 100vh; width: 100%; background-color: rgba(28, 28, 28, 0.9); display: none; position: fixed; top: 0; z-index: var(--z-index-10); } .immersive--show___jXXjQ { display: block; } .immersive--isDetailV5___MDgeN { background: var(--color_black); } .immersive__wrapper___orwjl { cursor: pointer; height: 100vh; margin: 0 auto; opacity: 1; -webkit-overflow-scrolling: auto; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; width: 100vw; } .immersive__wrapper--noScroll___aPuVt { overflow: hidden; z-index: var(--z-index-1); } .immersive__wrapper--show___vhQcS { animation: opacityIn___zoreX 180ms ease-in; } .immersive__wrapper--exiting___yXFBE { animation-direction: reverse; } [data-device-type="tv"] .immersive__wrapper___orwjl { overflow-y: hidden; } .immersive__container___u0og_ { cursor: default; /* This margin-bottom must be apply in a container without scroll and overflow properties defined. Otherwise it will be ignored by FF and IE. */ margin: 0 auto; max-width: 128rem; width: 100%; outline: none; } @media screen and (min-width: 960px) { .immersive__container___u0og_ { margin-bottom: 6rem } } @media screen and (min-width: 700px) { .immersive__container___u0og_ { width: 90% } } @media screen and (max-height: 800px) { .immersive__container___u0og_ { max-width: 100rem } } .immersive__container--immersiveFull___NTzL0 { max-width: 100%; width: 100%; margin: 0; } .immersive__container--isDetailV5___Wgo9s { max-width: 100vw; width: 100vw; background: var(--color_detail-content); margin: 0 auto; } @media screen and (min-width: 700px) { .immersive__container--isDetailV5___Wgo9s { overflow: hidden; border-top-left-radius: 2rem; border-top-right-radius: 2rem; margin-top: 2rem; max-width: 90vw; width: 90vw; margin-bottom: 2rem } [data-device-type="tv"] .immersive__container--isDetailV5___Wgo9s { border-radius: none; margin-top: 0; max-width: 100vw; width: 100vw; } } .immersive__actionBarContainer___FAghO { position: relative; } .immersive__actionBarContainer--fixed___imhN4 { bottom: auto; position: relative; } @keyframes opacityIn___zoreX { from { opacity: 0; } to { opacity: 1; } } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .immersiveNav___bf7MQ { height: 5rem; position: relative; } @media screen and (min-width: 700px) { .immersiveNav___bf7MQ { height: 6rem } } .immersiveNav--immersiveFull___vvGPa, .immersiveNav--isDetailV5___V9Dg0 { height: 0; z-index: 2; } .immersiveNav--focus___Z_vDl { list-style: none; } .immersiveNav__prev___YBI6P { padding: 1.2rem 1.75rem; /* use a large padding to increase touch area of button */ position: absolute; left: 0.6rem; top: 0.6rem; transition: opacity 250ms ease; z-index: 1; } @media screen and (min-width: 700px) { .immersiveNav__prev___YBI6P { padding: 1.75rem 3rem 1.75rem 0 } } .immersiveNav__prev___YBI6P svg { height: 2.5rem; width: 1.3rem; display: block; fill: var(--color_white); margin: auto; transform: rotate(180deg); transition: fill 200ms ease; } .immersiveNav__prev___YBI6P:hover svg { opacity: .7; fill: var(--color_grey-200); } .immersiveNav__close___D8qB6 { height: 3.5rem; width: 3.5rem; opacity: 1; padding: 0; position: absolute; right: 0.6rem; top: 0.6rem; transition: opacity 250ms ease; z-index: 1; } @media screen and (min-width: 700px) { .immersiveNav__close___D8qB6 { height: 4rem; width: 4rem; right: 0; top: 1.2rem } } .immersiveNav__close___D8qB6 svg { fill: var(--color_white); transition: fill 200ms ease; } .immersiveNav__close___D8qB6:hover svg { opacity: .7; fill: var(--color_grey-200); } .immersiveNav__close--disabled___MQ0Dy { cursor: default; } .immersiveNav__close--disabled___MQ0Dy:hover svg, .immersiveNav__close--disabled___MQ0Dy svg { fill: hsl(0, 0%, 50%); /* #808080 */ } .immersiveNav__close--v5___mqLkl { height: 3rem; width: 3rem; top: 1.5rem; right: 1.5rem; } /* TV focus style */ .immersiveNav .tv__focus { border: 0.4rem solid var(--color_focus-outline); border-radius: var(--border-radius-big-outline); } .player___sgH75 { height: 100%; width: 100%; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .fullWindowed___ozrwo { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100vh; width: 100vw; overflow-x: hidden; overflow-y: scroll; z-index: 9999; } .windowed___E4_ZZ { height: 100%; width: 100%; z-index: 7; position: relative; } @media screen and (orientation: portrait) { .windowed--padded___LtDh7 { background-color: var(--color_black); padding: 0 0 5rem; } @media screen and (min-width: 960px) { .windowed--padded___LtDh7 { background: none; padding: 0 } } } .fullscreen___Igwpw { height: 100%; width: 100%; position: relative; } @media screen and (orientation: portrait) { .fullscreen--noPaddings___TLViR:-webkit-full-screen { padding: 0; } .fullscreen--noPaddings___TLViR:fullscreen { padding: 0; } } .player__playerContainer___xDxy_ { height: 100vh; width: 100vw; display: block; opacity: 1; position: fixed; top: 0; z-index: 1002; } .player__playerContainer--hidden___G8qHY { display: none; opacity: 0; transition: opacity 500ms ease-in; } .player__playerWrapper___JoZqV { height: 100%; width: 100%; position: relative; } .player__player___N34mG { height: 100%; width: 100%; background-color: var(--color_black); display: block; margin: 0 auto; position: relative; z-index: 1000; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .creativemediaContainer___yZLvC { --color_creativeMedia-bg: var(--color_white); } [data-theme~='dark'] .creativemediaContainer___yZLvC { --color_creativeMedia-bg: var(--color_grey-600); } .creativemediaContainer___yZLvC { background-color: var(--color_creativeMedia-bg); min-height: calc(70vh - 55px); position: relative; } .creativemediaContainer__actionBarContainer___Z4cjG { background-color: hsl(214, 8%, 16%); /* #26292d */ bottom: 0; display: block; left: 0; margin: 0 auto; opacity: 1; padding: 1rem 0; position: fixed; right: 0; transition: bottom 300ms ease, opacity 250ms ease; width: 100%; z-index: 1; } @media screen and (min-width: 960px) { .creativemediaContainer__actionBarContainer___Z4cjG { display: none; z-index: 5 } } .creativemediaContainer__actionBarContainer--fixed___DnBKI { bottom: auto; position: absolute; } @media screen and (min-width: 700px) { .creativemediaContainer__actionBarContainer--fixed___DnBKI { width: 100% } } .creativemediaContainer__actionBarContainer--hidden___cvfaP { display: none; } .creativemediaContainer--fixed___ucWyQ { bottom: auto; position: relative; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .genericError___V65BJ { --errorText_color: var(--color_white); --errorText_size: 2rem; height: 100%; width: 100%; background-color: var(--color_grey-600); color: var(--color_grey-300); padding: 2.5rem 5rem 6rem; } .genericError__title___piojU { color: var(--errorText_color); font-size: 2.8rem; font-weight: var(--fontWeight_semiBold); text-align: center; } @media screen and (min-width: 700px) { .genericError__title___piojU { font-size: 3.4rem } } .genericError__messageWrapper___ImQg2 { margin-left: auto; margin-right: auto; max-width: 60rem; position: relative; } .genericError__picture___P_VpP { width: 100%; } .genericError__text___i4VzE { bottom: 20%; color: var(--errorText_color); font-size: 1.7rem; margin-top: 8rem; text-align: center; } @media screen and (min-width: 700px) { .genericError__text___i4VzE { font-size: var(--errorText_size) } } .genericError__textLeaning____jEeP { left: 40%; position: absolute; transform: translate(-40%, 0) rotate(-5deg); width: 60%; } .serverError___sWKMG { height: 100%; width: 100%; background-color: var(--color_primary); text-align: center; } .serverError__wrapper____PrJ2 { margin: 0 auto; position: relative; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .detail___iUf2A { background-color: var(--color_media-card-body-bg); min-height: calc(100vh - var(--size_mobileHeader_height)); position: relative; width: 100%; z-index: 1; } @media screen and (min-width: 960px) { .detail___iUf2A { min-height: calc(100vh - var(--size_header_height)) } } .detail--error___tijkb { text-align: center; } .detail--immersive___QnveQ { overflow: hidden; } .detail--fullscreen___siosw { z-index: var(--z-index-auto); } .skipTo___mRtVQ { --color_skipTo-text: var(--color_white); } [data-theme~='tvod'] .skipTo___mRtVQ { --color_skipTo-text: var(--color_white); } [data-theme~='telecomitalia'] .skipTo___mRtVQ { --color_skipTo-text: var(--color_black); } .skipTo__content___hnB8W { display: none; } .skipTo___mRtVQ:focus, .skipTo___mRtVQ:active { background-color: var(--color_link-normal); border: 0.1rem solid rgba(255, 255, 255, 0.3); border-radius: var(--border-radius-small); color: var(--color_skipTo-text); font-size: 1.4rem; font-weight: var(--fontWeight_semiBold); height: 3.2rem; position: absolute; left: 2rem; padding: 0.5rem; padding: auto 0.8rem; text-align: center; top: 1.8rem; min-width: 20rem; z-index: 999; transition: all 0.3s ease; } .skipTo___mRtVQ:focus .skipTo__content___hnB8W, .skipTo___mRtVQ:active .skipTo__content___hnB8W { display: block; } /* OFFICIAL DESIGN SYSTEM BREAKPOINTS MIN MAX NAME ---- ------ ------------- 0 699 mobile 700 959 tablet 960 1284 laptop 1285 1599 desktop 1600 1919 large_desktop 1920 ∞ wide */ :root { --breakpoint_tablet: 700px; --breakpoint_laptop: 960px; --breakpoint_desktop: 1285px; --breakpoint_large_desktop: 1600px; --breakpoint_wide: 1920px; /* New DIVE breakpoints */ --breakpoint_xsmall_375: 375px; --breakpoint_xsmall_420: 420px; } /* Mobile-first media queries */ /* Browser-specific media queries */ .application___LJrpP { background: var(--background-page); min-height: 100%; overflow: hidden; padding-top: var(--size_mobileHeader_height); width: 100%; color: var(--color_text-primary); } [data-device-type="tv"] .application___LJrpP { min-height: 100vh; padding-top: var(--size_header_height-tv); } @media screen and (min-width: 960px) { .application___LJrpP { padding-top: var(--size_header_height) } } .application--dark___NWwKH { background: var(--color_darkmode-background-page); color: var(--color_darkmode-textcolor-primary); } .application___LJrpP:not(.application--focusOn___VN2M1) a:focus, .application___LJrpP:not(.application--focusOn___VN2M1) button:focus, .application___LJrpP:not(.application--focusOn___VN2M1) iframe:focus, .application___LJrpP:not(.application--focusOn___VN2M1) input:focus, .application___LJrpP:not(.application--focusOn___VN2M1) select:focus, .application___LJrpP:not(.application--focusOn___VN2M1) textarea:focus { outline: none; } /** * Sometimes, the header doesn't have navigation (non-connected prospect mode e.g) * This CSS class manage the position of application in this case * because header has a different height. */ .application--resetNav___QLTmU { padding-top: 4.5rem; } @media screen and (min-width: 960px) { .application--resetNav___QLTmU { padding-top: var(--size_header_height) } } /** * If application render a template `landing`, maybe there is a template `cover`. * In this case, displays the cover stiched to top of the viewport * because header is transparent. */ .application--cover___PenkX { padding-top: var(--size_mobileHeader_height); } @media screen and (min-width: 700px) { .application--cover___PenkX { padding-top: 0 } } .application--noHeader___N7f9H { padding-top: 0; } [data-device-type="tv"] .application--noHeader___N7f9H { padding-top: 3.5rem; } .application--hideHeader___PJymr { display: none; } /** * Sometimes, the scrool of application needs to be blocked * if a content is displaying above itself. */ .application--noScroll___Ag2M0 { overflow: hidden; } .application--hidden___DwaOl { display: none; background-color: var(--color_darkmode-background-page); } /** * Allows to display header & footer in an empty page * without having a "stitch effect" */ .application__mainContent___Pttj5 { min-height: calc(100vh - var(--size_mobileHeader_height)); } @media screen and (min-width: 960px) { .application__mainContent___Pttj5 { min-height: calc(100vh - var(--size_header_height)) } } .application__mainContent--immersiveFull___yAFur { min-height: 0; } @media screen and (min-width: 960px) { .application__mainContent--immersiveFull___yAFur { min-height: 0 } } .application__outlineRed___DEHo0 { outline: 3px solid var(--color_secondary) !important; } .application__backgroundRed___EiWl0 { border-radius: var(--border-radius-extraLarge) !important; background-color: var(--color_secondary) !important; color: var(--color_white) !important ; } .application__GDPRConsent___w66v8 { display: flex; height: auto; min-height: 100vh; padding: 0rem 40.8rem 10vh; max-width: none; max-width: initial; top: 0; width: 100vw; } /*# sourceMappingURL=main.e209fba3365bfa9508c6.css.map*/