.logo { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: hsl(6, 78%, 57%); --toastify-color-transparent: rgba(255, 255, 255, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1); --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; --chakra-ring-inset: var(--chakra-empty,/*!*/ /*!*/); --chakra-ring-offset-width: 0px; --chakra-ring-offset-color: #fff; --chakra-ring-color: rgba(66, 153, 225, 0.6); --chakra-ring-offset-shadow: 0 0 #0000; --chakra-ring-shadow: 0 0 #0000; --chakra-space-x-reverse: 0; --chakra-space-y-reverse: 0; --colors-light: #fff; --colors-dark: #252525; --colors-gray: #f2f2f2; --colors-palette-almostBlack: #252525; --colors-palette-grey_400: #575757; --colors-palette-grey_300: #737373; --colors-palette-white: #ffffff; --colors-palette-grey_100: #dddddd; --colors-palette-grey_50: #f2f2f2; --colors-palette-green_400: #134028; --colors-palette-purple_400: #480081; --colors-palette-grey_200: #b9b9b9; --colors-palette-blue_400: #242463; --colors-palette-orange_400: #ae5308; --colors-palette-purple_50: #bc9fea; --colors-palette-orange_200: #ffa215; --colors-palette-orange_300: #ee6b00; --colors-palette-purple_25: #cfc0ff; --colors-palette-orange_100: #ffd34d; --colors-palette-purple_15: #e4e0fc; --colors-palette-orange_15: #ffefb5; --colors-palette-purple_05: #f4f3fe; --colors-palette-green_200: #75b260; --colors-palette-green_300: #33823f; --colors-palette-purple_300: #7119b8; --colors-palette-green_100: #aee26d; --colors-palette-purple_200: #8529cd; --colors-palette-green_15: #d6f6b5; --colors-palette-purple_100: #9b50d6; --colors-palette-red_100: #ff99b2; --colors-palette-red_400: #720827; --colors-palette-blue_200: #2b83d3; --colors-palette-blue_300: #3e3e9d; --colors-palette-blue_100: #61bce3; --colors-palette-blue_15: #d9ecf7; --colors-palette-red_200: #f43e49; --colors-palette-red_300: #b90037; --colors-palette-red_15: #ffe2eb; --colors-palette-grey_250: #949494; --colors-palette-grey_05: #fafafa; --colors-palette-red_05: #fff8f9; --colors-palette-blue_05: #f2f9fd; --colors-palette-orange_05: #fff9e8; --colors-palette-green_05: #f8fff2; --colors-palette-brown_400: #462c0f; --colors-palette-brown_300: #724007; --colors-palette-brown_200: #ad681f; --colors-palette-brown_100: #d1a06f; --colors-palette-brown_15: #ecdac4; --colors-palette-brown_05: #f9f2ea; --colors-palette-gold_400: #55380c; --colors-palette-gold_300: #815717; --colors-palette-gold_200: #936816; --colors-palette-gold_100: #b1884c; --colors-palette-gold_50: #d6c1a1; --colors-palette-gold_25: #ece3d3; --colors-palette-gold_15: #f8f5ef; --colors-palette-gold_05: #fbf9f4; --colors-fill-sectionInverseSecondary: #252525; --colors-fill-ctaPrimary: #8529cd; --colors-fill-sectionInversePrimary: #242463; --colors-fill-default: #ffffff; --colors-fill-bannerOverlay: linear-gradient(90deg, #242463ff, #24246300); --colors-fill-extensionIllustration: #480081; --colors-fill-preferenceBackground: #f4f3fe; --colors-fill-listviewBackground: #d9ecf7; --colors-fill-ctaSecondaryRakPlus: #f8f5ef; --colors-fill-ctaPrimaryRakPlus: #936816; --colors-fill-sectionInversePrimaryRakPlus: #252525; --colors-fill-sectionPrimaryRakPlus: #fbf9f4; --colors-border-primary: #252525; --colors-border-inverse: #ffffff; --colors-border-iconContainer: #dddddd; --colors-border-divider: #b9b9b9; --colors-border-listViewDivider: #f4f3fe; --colors-text-primary: #252525; --colors-text-secondary: #575757; --colors-text-tertiary: #737373; --colors-text-inverse: #ffffff; --colors-text-cashback: #8529cd; --colors-text-cashbackInStore: #8529cd; --colors-text-action: #8529cd; --colors-text-actionRakPlus: #936816; --colors-text-cashbackRakPlus: #936816; --colors-brand-purple: #8529cd; --colors-brand-darkIndigo: #242463; --colors-brand-goldRakPlus: #b1884c; --colors-state-error: #b90037; --colors-state-disabled: #949494; --colors-state-unselected: #737373; --colors-state-hover: #9b50d6; --colors-state-pressed: #7119b8; --colors-state-selected: #8529cd; --colors-state-focused: #8529cd; --colors-state-info: #3e3e9d; --colors-state-success: #33823f; --colors-state-warning: #ee6b00; --colors-state-pressedRakPlus: #815717; --colors-state-focusedRakPlus: #b1884c; --colors-state-hoverRakPlus: #b1884c; --colors-state-selectedRakPlus: #936816; --fonts-hero-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-hero-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-hero-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-h1-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-h1-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-h1-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-tagLarge: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-tagSmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-strikethrough: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorLarge: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorMedium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorSmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorXsmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorXxsmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-body: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subnav: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-finePrint: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-buttonSmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-buttonMedium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-buttonLarge: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-link: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-h2-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-h2-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-h2-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-h3-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-h3-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-h3-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-bannerLarge-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerLarge-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerLarge-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerSmall-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerSmall-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerSmall-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-nav-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-nav-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-nav-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderSmall-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderSmall-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderSmall-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderLarge-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderLarge-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderLarge-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-cashback-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-cashback-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-cashback-large: Inter,system-ui,Arial,Roboto,sans-serif; --fontSizes-hero-large: 64px; --fontSizes-hero-medium: 46px; --fontSizes-hero-base: 40px; --fontSizes-buttonLarge: 18px; --fontSizes-tagLarge: 16px; --fontSizes-buttonMedium: 16px; --fontSizes-link: 16px; --fontSizes-buttonSmall: 14px; --fontSizes-body: 14px; --fontSizes-subnav: 14px; --fontSizes-tagSmall: 12px; --fontSizes-finePrint: 12px; --fontSizes-h1-medium: 40px; --fontSizes-h1-large: 52px; --fontSizes-h1-base: 32px; --fontSizes-strikethrough: 14px; --fontSizes-descriptorLarge: 20px; --fontSizes-descriptorMedium: 18px; --fontSizes-descriptorSmall: 16px; --fontSizes-descriptorXsmall: 14px; --fontSizes-descriptorXxsmall: 12px; --fontSizes-h2-medium: 32px; --fontSizes-h2-large: 40px; --fontSizes-h2-base: 24px; --fontSizes-h3-medium: 28px; --fontSizes-h3-large: 32px; --fontSizes-h3-base: 20px; --fontSizes-bannerLarge-medium: 28px; --fontSizes-bannerLarge-large: 28px; --fontSizes-bannerLarge-base: 24px; --fontSizes-bannerSmall-medium: 24px; --fontSizes-bannerSmall-large: 24px; --fontSizes-bannerSmall-base: 22px; --fontSizes-subheaderLarge-medium: 24px; --fontSizes-subheaderLarge-large: 24px; --fontSizes-subheaderLarge-base: 18px; --fontSizes-subheaderSmall-medium: 20px; --fontSizes-subheaderSmall-large: 20px; --fontSizes-subheaderSmall-base: 16px; --fontSizes-nav-medium: 14px; --fontSizes-nav-large: 14px; --fontSizes-nav-base: 12px; --fontSizes-cashback-base: 14px; --fontSizes-cashback-medium: 16px; --fontSizes-cashback-large: 16px; --fontWeights-hero-large: 300; --fontWeights-hero-medium: 300; --fontWeights-hero-base: 300; --fontWeights-body: 400; --fontWeights-tagLarge: 600; --fontWeights-tagSmall: 600; --fontWeights-h1-medium: 300; --fontWeights-h1-large: 300; --fontWeights-h1-base: 300; --fontWeights-descriptorLarge: 700; --fontWeights-descriptorXsmall: 700; --fontWeights-descriptorXxsmall: 600; --fontWeights-descriptorSmall: 700; --fontWeights-descriptorMedium: 700; --fontWeights-buttonSmall: 600; --fontWeights-buttonMedium: 600; --fontWeights-buttonLarge: 600; --fontWeights-link: 600; --fontWeights-subnav: 400; --fontWeights-finePrint: 400; --fontWeights-h2-medium: 400; --fontWeights-h2-large: 400; --fontWeights-h2-base: 400; --fontWeights-subheaderLarge-large: 400; --fontWeights-subheaderLarge-medium: 400; --fontWeights-subheaderLarge-base: 400; --fontWeights-h3-medium: 400; --fontWeights-h3-large: 400; --fontWeights-h3-base: 400; --fontWeights-bannerLarge-medium: 900; --fontWeights-bannerLarge-large: 900; --fontWeights-bannerLarge-base: 900; --fontWeights-bannerSmall-medium: 900; --fontWeights-bannerSmall-large: 900; --fontWeights-bannerSmall-base: 900; --fontWeights-nav-medium: 600; --fontWeights-nav-large: 600; --fontWeights-nav-base: 600; --fontWeights-subheaderSmall-medium: 400; --fontWeights-subheaderSmall-large: 400; --fontWeights-subheaderSmall-base: 400; --fontWeights-cashback-base: 600; --fontWeights-cashback-medium: 600; --fontWeights-cashback-large: 600; --fontWeights-strikethrough: 700; --letterSpacings-tagSmall: 1px; --letterSpacings-tagLarge: 1px; --lineHeights-hero-large: 66px; --lineHeights-hero-medium: 48px; --lineHeights-hero-base: 44px; --lineHeights-buttonLarge: 24px; --lineHeights-tagLarge: 24px; --lineHeights-buttonSmall: 20px; --lineHeights-descriptorLarge: 24px; --lineHeights-descriptorMedium: 22px; --lineHeights-descriptorSmall: 20px; --lineHeights-descriptorXsmall: 16px; --lineHeights-descriptorXxsmall: 16px; --lineHeights-subnav: 16px; --lineHeights-finePrint: 16px; --lineHeights-buttonMedium: 24px; --lineHeights-link: 24px; --lineHeights-body: 20px; --lineHeights-tagSmall: 16px; --lineHeights-strikethrough: 16px; --lineHeights-h1-medium: 44px; --lineHeights-h1-large: 56px; --lineHeights-h1-base: 36px; --lineHeights-h2-medium: 36px; --lineHeights-h2-large: 42px; --lineHeights-h2-base: 28px; --lineHeights-h3-medium: 30px; --lineHeights-h3-large: 36px; --lineHeights-h3-base: 24px; --lineHeights-bannerLarge-medium: 34px; --lineHeights-bannerLarge-large: 34px; --lineHeights-bannerLarge-base: 28px; --lineHeights-bannerSmall-medium: 28px; --lineHeights-bannerSmall-large: 28px; --lineHeights-bannerSmall-base: 28px; --lineHeights-subheaderSmall-medium: 24px; --lineHeights-subheaderSmall-large: 24px; --lineHeights-subheaderSmall-base: 22px; --lineHeights-subheaderLarge-medium: 26px; --lineHeights-subheaderLarge-large: 28px; --lineHeights-subheaderLarge-base: 22px; --lineHeights-nav-medium: 20px; --lineHeights-nav-large: 20px; --lineHeights-nav-base: 16px; --lineHeights-cashback-base: 16px; --lineHeights-cashback-medium: 16px; --lineHeights-cashback-large: 16px; --radii-full: 9999px; --radii-cta: 20px; --radii-ui: 8px; --radii-tag: 4px; --space-xsmall: 8px; --space-large: 32px; --space-medium: 16px; --space-small: 12px; --space-xlarge: 48px; --space-xxlarge: 64px; --space-xxsmall: 4px; --space-grande: 24px; --space-venti: 20px; --shadows-onDarkBackground: 0px 4px 8px #0a1646cc; --shadows-navigationBottom: 0px -2px 16px #0a16461f; --shadows-default: 0px 4px 8px #0a164626; --shadows-listView: 0px 4px 4px #0a16461a; --shadows-modal: 0px 4px 16px #0a164666; --shadows-defaultEmphasized: 0px 4px 11px #0a164633; --shadows-defaultHover: 0px 4px 11px #0a164633; --shadows-hoverOnDarkBackground: 0px 4px 11px #0a1646d4; --sizes-full: 100%; --sizes-ratio-_1_91_1: 0.5238; --sizes-ratio-_21_9: 0.4286; --sizes-ratio-_6_5: 0.8333; --sizes-ratio-_1_1: 1; --sizes-ratio-_4_5: 1.25; --sizes-ratio-_3_2: 0.6667; --sizes-ratio-_2_1: 0.5; --sizes-ratio-_3_4: 1.3333; --sizes-ratio-brandLogo: 0.4596; --sizes-ratio-categoryImage-base: 0.6231; --sizes-ratio-categoryImage-large: 0.5126; --sizes-ratio-mediaHeroImage-base: 0.5276; --sizes-ratio-mediaHeroImage-medium: 0.2814; --sizes-ratio-mediaHeroImage-large: 0.2814; --sizes-grid-margin-large: 144px; --sizes-grid-margin-medium: 48px; --sizes-grid-margin-base: 20px; --sizes-grid-gutter-large: 24px; --sizes-grid-gutter-medium: 16px; --sizes-grid-gutter-base: 16px; --sizes-grid-columns-medium: 12; --sizes-grid-columns-large: 12; --sizes-grid-columns-base: 8; --sizes-grid-maxWidth-large: 1632px; --sizes-paddingProportion-imageContainer: 0.25; --sizes-paddingProportion-mediaHeroImage-base: 0.1; --sizes-paddingProportion-mediaHeroImage-medium: 0.15; --sizes-paddingProportion-mediaHeroImage-large: 0.2; --sizes-paddingProportion-mediaHeroImageRight-base: 0.85; --sizes-paddingProportion-mediaHeroImageRight-medium: 2; --sizes-paddingProportion-mediaHeroImageRight-large: 2.35; --sizes-xxsmall: 48px; --sizes-xsmall: 56px; --sizes-small: 64px; --sizes-medium: 72px; --sizes-large: 80px; --sizes-xlarge: 88px; --sizes-xxlarge: 96px; --zIndices-hide: -1; --zIndices-auto: auto; --zIndices-base: 0; --zIndices-docked: 10; --zIndices-dropdown: 1000; --zIndices-sticky: 1100; --zIndices-banner: 1200; --zIndices-overlay: 1300; --zIndices-modal: 1400; --zIndices-popover: 1500; --zIndices-skipLink: 1600; --zIndices-toast: 1700; --zIndices-tooltip: 1800; font-size: 14px; font-weight: 400; font-family: Inter,system-ui,Arial,Roboto,sans-serif; line-height: 20px; padding: 0; box-sizing: border-box; text-decoration: none; color: #252525; margin: 0px; display: inline-block; } .actpict { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: hsl(6, 78%, 57%); --toastify-color-transparent: rgba(255, 255, 255, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1); --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; --chakra-ring-inset: var(--chakra-empty,/*!*/ /*!*/); --chakra-ring-offset-width: 0px; --chakra-ring-offset-color: #fff; --chakra-ring-color: rgba(66, 153, 225, 0.6); --chakra-ring-offset-shadow: 0 0 #0000; --chakra-ring-shadow: 0 0 #0000; --chakra-space-x-reverse: 0; --chakra-space-y-reverse: 0; --colors-light: #fff; --colors-dark: #252525; --colors-gray: #f2f2f2; --colors-palette-almostBlack: #252525; --colors-palette-grey_400: #575757; --colors-palette-grey_300: #737373; --colors-palette-white: #ffffff; --colors-palette-grey_100: #dddddd; --colors-palette-grey_50: #f2f2f2; --colors-palette-green_400: #134028; --colors-palette-purple_400: #480081; --colors-palette-grey_200: #b9b9b9; --colors-palette-blue_400: #242463; --colors-palette-orange_400: #ae5308; --colors-palette-purple_50: #bc9fea; --colors-palette-orange_200: #ffa215; --colors-palette-orange_300: #ee6b00; --colors-palette-purple_25: #cfc0ff; --colors-palette-orange_100: #ffd34d; --colors-palette-purple_15: #e4e0fc; --colors-palette-orange_15: #ffefb5; --colors-palette-purple_05: #f4f3fe; --colors-palette-green_200: #75b260; --colors-palette-green_300: #33823f; --colors-palette-purple_300: #7119b8; --colors-palette-green_100: #aee26d; --colors-palette-purple_200: #8529cd; --colors-palette-green_15: #d6f6b5; --colors-palette-purple_100: #9b50d6; --colors-palette-red_100: #ff99b2; --colors-palette-red_400: #720827; --colors-palette-blue_200: #2b83d3; --colors-palette-blue_300: #3e3e9d; --colors-palette-blue_100: #61bce3; --colors-palette-blue_15: #d9ecf7; --colors-palette-red_200: #f43e49; --colors-palette-red_300: #b90037; --colors-palette-red_15: #ffe2eb; --colors-palette-grey_250: #949494; --colors-palette-grey_05: #fafafa; --colors-palette-red_05: #fff8f9; --colors-palette-blue_05: #f2f9fd; --colors-palette-orange_05: #fff9e8; --colors-palette-green_05: #f8fff2; --colors-palette-brown_400: #462c0f; --colors-palette-brown_300: #724007; --colors-palette-brown_200: #ad681f; --colors-palette-brown_100: #d1a06f; --colors-palette-brown_15: #ecdac4; --colors-palette-brown_05: #f9f2ea; --colors-palette-gold_400: #55380c; --colors-palette-gold_300: #815717; --colors-palette-gold_200: #936816; --colors-palette-gold_100: #b1884c; --colors-palette-gold_50: #d6c1a1; --colors-palette-gold_25: #ece3d3; --colors-palette-gold_15: #f8f5ef; --colors-palette-gold_05: #fbf9f4; --colors-fill-sectionInverseSecondary: #252525; --colors-fill-ctaPrimary: #8529cd; --colors-fill-sectionInversePrimary: #242463; --colors-fill-default: #ffffff; --colors-fill-bannerOverlay: linear-gradient(90deg, #242463ff, #24246300); --colors-fill-extensionIllustration: #480081; --colors-fill-preferenceBackground: #f4f3fe; --colors-fill-listviewBackground: #d9ecf7; --colors-fill-ctaSecondaryRakPlus: #f8f5ef; --colors-fill-ctaPrimaryRakPlus: #936816; --colors-fill-sectionInversePrimaryRakPlus: #252525; --colors-fill-sectionPrimaryRakPlus: #fbf9f4; --colors-border-primary: #252525; --colors-border-inverse: #ffffff; --colors-border-iconContainer: #dddddd; --colors-border-divider: #b9b9b9; --colors-border-listViewDivider: #f4f3fe; --colors-text-primary: #252525; --colors-text-secondary: #575757; --colors-text-tertiary: #737373; --colors-text-inverse: #ffffff; --colors-text-cashback: #8529cd; --colors-text-cashbackInStore: #8529cd; --colors-text-action: #8529cd; --colors-text-actionRakPlus: #936816; --colors-text-cashbackRakPlus: #936816; --colors-brand-purple: #8529cd; --colors-brand-darkIndigo: #242463; --colors-brand-goldRakPlus: #b1884c; --colors-state-error: #b90037; --colors-state-disabled: #949494; --colors-state-unselected: #737373; --colors-state-hover: #9b50d6; --colors-state-pressed: #7119b8; --colors-state-selected: #8529cd; --colors-state-focused: #8529cd; --colors-state-info: #3e3e9d; --colors-state-success: #33823f; --colors-state-warning: #ee6b00; --colors-state-pressedRakPlus: #815717; --colors-state-focusedRakPlus: #b1884c; --colors-state-hoverRakPlus: #b1884c; --colors-state-selectedRakPlus: #936816; --fonts-hero-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-hero-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-hero-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-h1-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-h1-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-h1-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-tagLarge: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-tagSmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-strikethrough: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorLarge: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorMedium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorSmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorXsmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-descriptorXxsmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-body: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subnav: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-finePrint: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-buttonSmall: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-buttonMedium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-buttonLarge: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-link: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-h2-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-h2-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-h2-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-h3-medium: Stag,Georgia,Times New Roman,Times,serif; --fonts-h3-large: Stag,Georgia,Times New Roman,Times,serif; --fonts-h3-base: Stag,Georgia,Times New Roman,Times,serif; --fonts-bannerLarge-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerLarge-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerLarge-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerSmall-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerSmall-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-bannerSmall-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-nav-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-nav-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-nav-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderSmall-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderSmall-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderSmall-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderLarge-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderLarge-large: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-subheaderLarge-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-cashback-base: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-cashback-medium: Inter,system-ui,Arial,Roboto,sans-serif; --fonts-cashback-large: Inter,system-ui,Arial,Roboto,sans-serif; --fontSizes-hero-large: 64px; --fontSizes-hero-medium: 46px; --fontSizes-hero-base: 40px; --fontSizes-buttonLarge: 18px; --fontSizes-tagLarge: 16px; --fontSizes-buttonMedium: 16px; --fontSizes-link: 16px; --fontSizes-buttonSmall: 14px; --fontSizes-body: 14px; --fontSizes-subnav: 14px; --fontSizes-tagSmall: 12px; --fontSizes-finePrint: 12px; --fontSizes-h1-medium: 40px; --fontSizes-h1-large: 52px; --fontSizes-h1-base: 32px; --fontSizes-strikethrough: 14px; --fontSizes-descriptorLarge: 20px; --fontSizes-descriptorMedium: 18px; --fontSizes-descriptorSmall: 16px; --fontSizes-descriptorXsmall: 14px; --fontSizes-descriptorXxsmall: 12px; --fontSizes-h2-medium: 32px; --fontSizes-h2-large: 40px; --fontSizes-h2-base: 24px; --fontSizes-h3-medium: 28px; --fontSizes-h3-large: 32px; --fontSizes-h3-base: 20px; --fontSizes-bannerLarge-medium: 28px; --fontSizes-bannerLarge-large: 28px; --fontSizes-bannerLarge-base: 24px; --fontSizes-bannerSmall-medium: 24px; --fontSizes-bannerSmall-large: 24px; --fontSizes-bannerSmall-base: 22px; --fontSizes-subheaderLarge-medium: 24px; --fontSizes-subheaderLarge-large: 24px; --fontSizes-subheaderLarge-base: 18px; --fontSizes-subheaderSmall-medium: 20px; --fontSizes-subheaderSmall-large: 20px; --fontSizes-subheaderSmall-base: 16px; --fontSizes-nav-medium: 14px; --fontSizes-nav-large: 14px; --fontSizes-nav-base: 12px; --fontSizes-cashback-base: 14px; --fontSizes-cashback-medium: 16px; --fontSizes-cashback-large: 16px; --fontWeights-hero-large: 300; --fontWeights-hero-medium: 300; --fontWeights-hero-base: 300; --fontWeights-body: 400; --fontWeights-tagLarge: 600; --fontWeights-tagSmall: 600; --fontWeights-h1-medium: 300; --fontWeights-h1-large: 300; --fontWeights-h1-base: 300; --fontWeights-descriptorLarge: 700; --fontWeights-descriptorXsmall: 700; --fontWeights-descriptorXxsmall: 600; --fontWeights-descriptorSmall: 700; --fontWeights-descriptorMedium: 700; --fontWeights-buttonSmall: 600; --fontWeights-buttonMedium: 600; --fontWeights-buttonLarge: 600; --fontWeights-link: 600; --fontWeights-subnav: 400; --fontWeights-finePrint: 400; --fontWeights-h2-medium: 400; --fontWeights-h2-large: 400; --fontWeights-h2-base: 400; --fontWeights-subheaderLarge-large: 400; --fontWeights-subheaderLarge-medium: 400; --fontWeights-subheaderLarge-base: 400; --fontWeights-h3-medium: 400; --fontWeights-h3-large: 400; --fontWeights-h3-base: 400; --fontWeights-bannerLarge-medium: 900; --fontWeights-bannerLarge-large: 900; --fontWeights-bannerLarge-base: 900; --fontWeights-bannerSmall-medium: 900; --fontWeights-bannerSmall-large: 900; --fontWeights-bannerSmall-base: 900; --fontWeights-nav-medium: 600; --fontWeights-nav-large: 600; --fontWeights-nav-base: 600; --fontWeights-subheaderSmall-medium: 400; --fontWeights-subheaderSmall-large: 400; --fontWeights-subheaderSmall-base: 400; --fontWeights-cashback-base: 600; --fontWeights-cashback-medium: 600; --fontWeights-cashback-large: 600; --fontWeights-strikethrough: 700; --letterSpacings-tagSmall: 1px; --letterSpacings-tagLarge: 1px; --lineHeights-hero-large: 66px; --lineHeights-hero-medium: 48px; --lineHeights-hero-base: 44px; --lineHeights-buttonLarge: 24px; --lineHeights-tagLarge: 24px; --lineHeights-buttonSmall: 20px; --lineHeights-descriptorLarge: 24px; --lineHeights-descriptorMedium: 22px; --lineHeights-descriptorSmall: 20px; --lineHeights-descriptorXsmall: 16px; --lineHeights-descriptorXxsmall: 16px; --lineHeights-subnav: 16px; --lineHeights-finePrint: 16px; --lineHeights-buttonMedium: 24px; --lineHeights-link: 24px; --lineHeights-body: 20px; --lineHeights-tagSmall: 16px; --lineHeights-strikethrough: 16px; --lineHeights-h1-medium: 44px; --lineHeights-h1-large: 56px; --lineHeights-h1-base: 36px; --lineHeights-h2-medium: 36px; --lineHeights-h2-large: 42px; --lineHeights-h2-base: 28px; --lineHeights-h3-medium: 30px; --lineHeights-h3-large: 36px; --lineHeights-h3-base: 24px; --lineHeights-bannerLarge-medium: 34px; --lineHeights-bannerLarge-large: 34px; --lineHeights-bannerLarge-base: 28px; --lineHeights-bannerSmall-medium: 28px; --lineHeights-bannerSmall-large: 28px; --lineHeights-bannerSmall-base: 28px; --lineHeights-subheaderSmall-medium: 24px; --lineHeights-subheaderSmall-large: 24px; --lineHeights-subheaderSmall-base: 22px; --lineHeights-subheaderLarge-medium: 26px; --lineHeights-subheaderLarge-large: 28px; --lineHeights-subheaderLarge-base: 22px; --lineHeights-nav-medium: 20px; --lineHeights-nav-large: 20px; --lineHeights-nav-base: 16px; --lineHeights-cashback-base: 16px; --lineHeights-cashback-medium: 16px; --lineHeights-cashback-large: 16px; --radii-full: 9999px; --radii-cta: 20px; --radii-ui: 8px; --radii-tag: 4px; --space-xsmall: 8px; --space-large: 32px; --space-medium: 16px; --space-small: 12px; --space-xlarge: 48px; --space-xxlarge: 64px; --space-xxsmall: 4px; --space-grande: 24px; --space-venti: 20px; --shadows-onDarkBackground: 0px 4px 8px #0a1646cc; --shadows-navigationBottom: 0px -2px 16px #0a16461f; --shadows-default: 0px 4px 8px #0a164626; --shadows-listView: 0px 4px 4px #0a16461a; --shadows-modal: 0px 4px 16px #0a164666; --shadows-defaultEmphasized: 0px 4px 11px #0a164633; --shadows-defaultHover: 0px 4px 11px #0a164633; --shadows-hoverOnDarkBackground: 0px 4px 11px #0a1646d4; --sizes-full: 100%; --sizes-ratio-_1_91_1: 0.5238; --sizes-ratio-_21_9: 0.4286; --sizes-ratio-_6_5: 0.8333; --sizes-ratio-_1_1: 1; --sizes-ratio-_4_5: 1.25; --sizes-ratio-_3_2: 0.6667; --sizes-ratio-_2_1: 0.5; --sizes-ratio-_3_4: 1.3333; --sizes-ratio-brandLogo: 0.4596; --sizes-ratio-categoryImage-base: 0.6231; --sizes-ratio-categoryImage-large: 0.5126; --sizes-ratio-mediaHeroImage-base: 0.5276; --sizes-ratio-mediaHeroImage-medium: 0.2814; --sizes-ratio-mediaHeroImage-large: 0.2814; --sizes-grid-margin-large: 144px; --sizes-grid-margin-medium: 48px; --sizes-grid-margin-base: 20px; --sizes-grid-gutter-large: 24px; --sizes-grid-gutter-medium: 16px; --sizes-grid-gutter-base: 16px; --sizes-grid-columns-medium: 12; --sizes-grid-columns-large: 12; --sizes-grid-columns-base: 8; --sizes-grid-maxWidth-large: 1632px; --sizes-paddingProportion-imageContainer: 0.25; --sizes-paddingProportion-mediaHeroImage-base: 0.1; --sizes-paddingProportion-mediaHeroImage-medium: 0.15; --sizes-paddingProportion-mediaHeroImage-large: 0.2; --sizes-paddingProportion-mediaHeroImageRight-base: 0.85; --sizes-paddingProportion-mediaHeroImageRight-medium: 2; --sizes-paddingProportion-mediaHeroImageRight-large: 2.35; --sizes-xxsmall: 48px; --sizes-xsmall: 56px; --sizes-small: 64px; --sizes-medium: 72px; --sizes-large: 80px; --sizes-xlarge: 88px; --sizes-xxlarge: 96px; --zIndices-hide: -1; --zIndices-auto: auto; --zIndices-base: 0; --zIndices-docked: 10; --zIndices-dropdown: 1000; --zIndices-sticky: 1100; --zIndices-banner: 1200; --zIndices-overlay: 1300; --zIndices-modal: 1400; --zIndices-popover: 1500; --zIndices-skipLink: 1600; --zIndices-toast: 1700; --zIndices-tooltip: 1800; font-size: 14px; font-weight: 400; font-family: Inter,system-ui,Arial,Roboto,sans-serif; line-height: 20px; color: #252525; aspect-ratio: auto 113 / 34; margin: 0; padding: 0; box-sizing: border-box; max-width: 100%; width: auto; height: 48px; } /* RTL Support for Logo and Navigation - Minimal approach */ [dir="rtl"] .firtsline-inner { flex-direction: row-reverse; } [dir="rtl"] .firtsline-innerh_right { margin-left: 0; margin-right: auto; } [dir="rtl"] .custom-navbar-btn { margin-left: 0; margin-right: 8px; } [dir="rtl"] .custom-navbar-btn:last-child { margin-right: 0; margin-left: 8px; } [dir="rtl"] .custom-navbar-lang { margin-left: 0; margin-right: 8px; } /* Mobile RTL - Removed conflicting rules, handled by toprow.css */