@layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-family-heading: "TESCO Modern", Arial, sans-serif; --ddsweb-theme-font-family-text: "TESCO Modern", Arial, sans-serif; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-base-font-family: "TESCO Modern", Arial, sans-serif; --ddsweb-theme-base-font-size: 16px; --ddsweb-theme-base-hyphens: auto; --ddsweb-theme-base-line-height: 1.25; --ddsweb-theme-base-logo: default; --ddsweb-theme-base-outline: none; --ddsweb-theme-base-overflow-wrap: break-word; --ddsweb-theme-base-tap-highlight-color: transparent; --ddsweb-theme-base-transition-duration: 0.3s; --ddsweb-theme-base-rgb-opacity: 0.4; --ddsweb-theme-base-focus-outline-width: 3px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-branding-width: 121px; --ddsweb-theme-branding-height: 35px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-buttons-size-xs: 24px; --ddsweb-theme-buttons-size-sm: 32px; --ddsweb-theme-buttons-size-md: 40px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-colors-active-rgb: 0, 126, 179; --ddsweb-theme-colors-active: #007eb3; --ddsweb-theme-colors-background-base-rgb: 255, 255, 255; --ddsweb-theme-colors-background-base: #ffffff; --ddsweb-theme-colors-background-dark-rgb: 246, 246, 246; --ddsweb-theme-colors-background-dark: #f6f6f6; --ddsweb-theme-colors-background-darkest-rgb: 229, 229, 229; --ddsweb-theme-colors-background-darkest: #e5e5e5; --ddsweb-theme-colors-background-error-rgb: 248, 230, 230; --ddsweb-theme-colors-background-error: #f8e6e6; --ddsweb-theme-colors-background-info-rgb: 224, 239, 245; --ddsweb-theme-colors-background-info: #e0eff5; --ddsweb-theme-colors-background-success-rgb: 224, 240, 224; --ddsweb-theme-colors-background-success: #e0f0e0; --ddsweb-theme-colors-background-warning-rgb: 255, 242, 224; --ddsweb-theme-colors-background-warning: #fff2e0; --ddsweb-theme-colors-base-rgb: 51, 51, 51; --ddsweb-theme-colors-base: #333333; --ddsweb-theme-colors-black-rgb: 0, 0, 0; --ddsweb-theme-colors-black: #000000; --ddsweb-theme-colors-disabled-base-rgb: 204, 204, 204; --ddsweb-theme-colors-disabled-base: #cccccc; --ddsweb-theme-colors-disabled-with-background-rgb: 102, 102, 102; --ddsweb-theme-colors-disabled-with-background: #666666; --ddsweb-theme-colors-disabled-interaction-rgb: 229, 229, 229; --ddsweb-theme-colors-disabled-interaction: #e5e5e5; --ddsweb-theme-colors-error-rgb: 204, 51, 51; --ddsweb-theme-colors-error: #cc3333; --ddsweb-theme-colors-grayscale-rgb: 102, 102, 102; --ddsweb-theme-colors-grayscale: #666666; --ddsweb-theme-colors-heading-rgb: 51, 51, 51; --ddsweb-theme-colors-heading: #333333; --ddsweb-theme-colors-info-rgb: 0, 126, 179; --ddsweb-theme-colors-info: #007eb3; --ddsweb-theme-colors-info-messaging-rgb: 0, 116, 224; --ddsweb-theme-colors-info-messaging: #0074e0; --ddsweb-theme-colors-inverse-rgb: 255, 255, 255; --ddsweb-theme-colors-inverse: #ffffff; --ddsweb-theme-colors-lines-base-rgb: 204, 204, 204; --ddsweb-theme-colors-lines-base: #cccccc; --ddsweb-theme-colors-lines-light-rgb: 229, 229, 229; --ddsweb-theme-colors-lines-light: #e5e5e5; --ddsweb-theme-colors-link-active-rgb: 0, 126, 179; --ddsweb-theme-colors-link-active: #007eb3; --ddsweb-theme-colors-link-base-rgb: 0, 83, 159; --ddsweb-theme-colors-link-base: #00539f; --ddsweb-theme-colors-nutrition-green-rgb: 185, 212, 121; --ddsweb-theme-colors-nutrition-green: #b9d479; --ddsweb-theme-colors-nutrition-red-rgb: 240, 130, 117; --ddsweb-theme-colors-nutrition-red: #f08275; --ddsweb-theme-colors-nutrition-yellow-rgb: 253, 210, 133; --ddsweb-theme-colors-nutrition-yellow: #fdd285; --ddsweb-theme-colors-messaging-info-messaging-light-rgb: 224, 238, 251; --ddsweb-theme-colors-messaging-info-messaging-light: #e0eefb; --ddsweb-theme-colors-messaging-success-messaging-rgb: 224, 241, 224; --ddsweb-theme-colors-messaging-success-messaging: #e0f1e0; --ddsweb-theme-colors-messaging-error-messaging-rgb: 249, 231, 231; --ddsweb-theme-colors-messaging-error-messaging: #f9e7e7; --ddsweb-theme-colors-messaging-warning-messaging-rgb: 251, 236, 224; --ddsweb-theme-colors-messaging-warning-messaging: #fbece0; --ddsweb-theme-colors-messaging-amber-messaging-rgb: 189, 88, 0; --ddsweb-theme-colors-messaging-amber-messaging: #bd5800; --ddsweb-theme-colors-messaging-info-messaging-rgb: 0, 116, 224; --ddsweb-theme-colors-messaging-info-messaging: #0074e0; --ddsweb-theme-colors-messaging-amend-messaging-rgb: 0, 126, 179; --ddsweb-theme-colors-messaging-amend-messaging: #007eb3; --ddsweb-theme-colors-messaging-amend-messaging-light-rgb: 224, 239, 245; --ddsweb-theme-colors-messaging-amend-messaging-light: #e0eff5; --ddsweb-theme-colors-messaging-orange-rgb: 221, 104, 0; --ddsweb-theme-colors-messaging-orange: #dd6800; --ddsweb-theme-colors-tag-fullstop-red-rgb: 232, 28, 45; --ddsweb-theme-colors-tag-fullstop-red: #e81c2d; --ddsweb-theme-colors-primary-rgb: 0, 83, 159; --ddsweb-theme-colors-primary: #00539f; --ddsweb-theme-colors-promo-rgb: 252, 215, 0; --ddsweb-theme-colors-promo: #fcd700; --ddsweb-theme-colors-ratings-rgb: 252, 215, 0; --ddsweb-theme-colors-ratings: #fcd700; --ddsweb-theme-colors-secondary-rgb: 238, 28, 46; --ddsweb-theme-colors-secondary: #ee1c2e; --ddsweb-theme-colors-success-rgb: 0, 136, 0; --ddsweb-theme-colors-success: #008800; --ddsweb-theme-colors-tesco-blue-rgb: 0, 83, 159; --ddsweb-theme-colors-tesco-blue: #00539f; --ddsweb-theme-colors-light-blue-rgb: 197, 214, 229; --ddsweb-theme-colors-light-blue: #c5d6e5; --ddsweb-theme-colors-tesco-red-rgb: 238, 28, 46; --ddsweb-theme-colors-tesco-red: #ee1c2e; --ddsweb-theme-colors-text-base-rgb: 102, 102, 102; --ddsweb-theme-colors-text-base: #666666; --ddsweb-theme-colors-text-dark-rgb: 51, 51, 51; --ddsweb-theme-colors-text-dark: #333333; --ddsweb-theme-colors-utils-rgb: 0, 41, 79; --ddsweb-theme-colors-utils: #00294f; --ddsweb-theme-colors-warning-rgb: 255, 153, 0; --ddsweb-theme-colors-warning: #ff9900; --ddsweb-theme-colors-orange-rgb: 221, 104, 0; --ddsweb-theme-colors-orange: #dd6800; --ddsweb-theme-colors-white-rgb: 255, 255, 255; --ddsweb-theme-colors-white: #ffffff; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-size-next-text-xs: 12px; --ddsweb-theme-font-size-next-text-sm: 14px; --ddsweb-theme-font-size-next-text-md: 16px; --ddsweb-theme-font-size-next-text-lg: 20px; --ddsweb-theme-font-size-next-headline-sm: 14px; --ddsweb-theme-font-size-next-headline-md: 16px; --ddsweb-theme-font-size-next-headline-lg: 20px; --ddsweb-theme-font-size-next-headline-xl: 24px; --ddsweb-theme-font-size-next-headline-xxl: 28px; --ddsweb-theme-font-size-next-headline-xxxl: 32px; --ddsweb-theme-font-size-next-oversized-lg: 40px; --ddsweb-theme-font-size-next-oversized-xl: 48px; --ddsweb-theme-font-size-next-oversized-xxl: 56px; --ddsweb-theme-font-size-next-oversized-xxxl: 64px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-size-xxx: 12px; --ddsweb-theme-font-size-xx: 14px; --ddsweb-theme-font-size-xs: 16px; --ddsweb-theme-font-size-sm: 20px; --ddsweb-theme-font-size-md: 24px; --ddsweb-theme-font-size-lg: 28px; --ddsweb-theme-font-size-xl: 32px; --ddsweb-theme-font-size-xxl: 36px; --ddsweb-theme-font-size-xxxl: 40px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-weight-heading: bold; --ddsweb-theme-font-weight-text: normal; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-forms-small-field-diameter: 24px; --ddsweb-theme-forms-field-diameter: 32px; --ddsweb-theme-forms-field-height: 40px; --ddsweb-theme-forms-small-field-height: 32px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-icons-background-sizes-xx: 16px; --ddsweb-theme-icons-background-sizes-xs: 24px; --ddsweb-theme-icons-background-sizes-sm: 40px; --ddsweb-theme-icons-background-sizes-xl: 70px; --ddsweb-theme-icons-background-sizes-xxxl: 120px; --ddsweb-theme-icons-sizes-base: 22px; --ddsweb-theme-icons-sizes-xx: 0.5; --ddsweb-theme-icons-sizes-xs: 0.666666667; --ddsweb-theme-icons-sizes-sm: 1; --ddsweb-theme-icons-sizes-xl: 1.85; --ddsweb-theme-icons-sizes-xxxl: 3.65; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-line-height-next-heading: calc(1em + 0.25rem); --ddsweb-theme-line-height-next-text-sm: calc(1em + 0.25rem); --ddsweb-theme-line-height-next-text-md: calc(1em + 0.5rem); } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-line-height-heading-xs: 1.25; --ddsweb-theme-line-height-heading-sm: 1.2; --ddsweb-theme-line-height-heading-md: 1.17; --ddsweb-theme-line-height-heading-lg: 1.14; --ddsweb-theme-line-height-heading-xl: 1.13; --ddsweb-theme-line-height-text-xx: 1.57; --ddsweb-theme-line-height-text-xs: 1.5; --ddsweb-theme-line-height-text-sm: 1.4; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-spacing-xxx: 2px; --ddsweb-theme-spacing-xx: 4px; --ddsweb-theme-spacing-xs: 8px; --ddsweb-theme-spacing-sm: 12px; --ddsweb-theme-spacing-md: 16px; --ddsweb-theme-spacing-lg: 20px; --ddsweb-theme-spacing-xl: 24px; --ddsweb-theme-spacing-xxl: 28px; --ddsweb-theme-spacing-xxxl: 32px; } } } @layer ddsweb-base, ddsweb-small-atoms, ddsweb-large-atoms, ddsweb-molecules, ddsweb-organisms, ddsweb-overrides; @layer ddsweb-base { @layer ddsweb-normalise, ddsweb-theme, ddsweb-theme-smaller, ddsweb-theme-fandf, ddsweb-fonts, ddsweb-foundation, dds-grid, ddsweb-helpers; } @layer ddsweb-small-atoms { @layer ddsweb-divider, ddsweb-heading, ddsweb-icon, ddsweb-icons, ddsweb-branding, ddsweb-label, ddsweb-logos, ddsweb-tag, ddsweb-text; } @layer ddsweb-large-atoms { @layer ddsweb-spinner, ddsweb-button, ddsweb-link, ddsweb-rating, ddsweb-responsive-image, ddsweb-card; } @layer ddsweb-molecules { @layer ddsweb-calendar, ddsweb-action-menu, ddsweb-messaging, ddsweb-form-group, ddsweb-checkbox, ddsweb-checkbox-with-label, ddsweb-checkbox-group, ddsweb-text-input, ddsweb-time-input, ddsweb-textarea, ddsweb-textarea-group, ddsweb-date-input, ddsweb-date-picker, ddsweb-dropdown, ddsweb-filter-tabs, ddsweb-password-entry, ddsweb-password-entry-group, ddsweb-password-creation, ddsweb-radio-button, ddsweb-radio-button-with-label, ddsweb-radio-button-group, ddsweb-skip-to-content, ddsweb-multiselect-dropdown, ddsweb-toggle, ddsweb-progress-bar, ddsweb-breadcrumb, ddsweb-link-list, ddsweb-messaging-card, ddsweb-nutritional-info, ddsweb-page-action-control, ddsweb-product-header, ddsweb-pagination-bar, ddsweb-pagination, ddsweb-popover, ddsweb-search-input, ddsweb-segmented-controller, ddsweb-step-indicator, ddsweb-tabs-menu, ddsweb-tabs, ddsweb-accordion, ddsweb-colleague-table, ddsweb-table, ddsweb-footer, ddsweb-value-bar, ddsweb-value-tile, ddsweb-global-navigation, ddsweb-sidebar-panel, ddsweb-sidebar-navigation, ddsweb-toolkit-navigation, ddsweb-local-navigation; } @layer ddsweb-organisms { @layer ddsweb-colleague-news-tile, ddsweb-banner, ddsweb-carousel, ddsweb-consent-banner, ddsweb-content-group, ddsweb-content-stamps, ddsweb-context-card, ddsweb-cookies-notification, ddsweb-icon-stamps, ddsweb-modal, ddsweb-sidebar, ddsweb-rewards-tile; } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-name: default; } } } .Euh_kZStE522LNb { position: relative; background: var(--ddsweb-theme-colors-background-base); } /*# sourceMappingURL=22d6466542802f4a3a3c.css.map*/