@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,
        120;
      --ddsweb-theme-colors-nutrition-green: #b9d478;
      --ddsweb-theme-colors-nutrition-red-rgb:
        237,
        106,
        91;
      --ddsweb-theme-colors-nutrition-red: #ed6a5b;
      --ddsweb-theme-colors-nutrition-yellow-rgb:
        254,
        210,
        133;
      --ddsweb-theme-colors-nutrition-yellow: #fed285;
      --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-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-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;
    }
  }
}

:root {
  --ddsweb-theme-colors-transparent: transparent;
  --basket-tile-heading-line-clamp: 2;
  --basket-tile-heading-line-height: '20px';
}

.WinBlOE4R26jura {
  border: 1px solid var(--ddsweb-theme-colors-lines-base);
  border-top: 0;
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-flow: column;
  position: sticky;
  top: 0;
  max-width: 238px;
  background: var(--ddsweb-theme-colors-background-base);
}

.ZE01ge0L5kLXe5B {
  padding: var(--ddsweb-theme-spacing-lg) var(--ddsweb-theme-spacing-sm)
    var(--ddsweb-theme-spacing-sm);
  border-bottom: 1px solid var(--ddsweb-theme-colors-lines-base);
}

.LshDRtwO_oew0Kw {
  overflow-y: auto;
  background: var(--ddsweb-theme-colors-background-dark);
  word-break: break-word;
  flex: 1 1 0%;
}

.rIMbFOnRzxHBoqH {
  margin: 0;
  padding: 0;
}

.E0AGbaZkuo7r2GD {
  padding: var(--ddsweb-theme-spacing-sm);
  border-top: 1px solid var(--ddsweb-theme-colors-lines-base);
  background: var(--ddsweb-theme-colors-background-base);
}

:root {
  --basket-line-height-heading-xx: 1;
}

.EnhGdBQ8FKX5cSc {
  margin-top: var(--ddsweb-theme-spacing-sm);
}

.uCDOiElKvWEuExF {
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.FzPCiNil0JX3gEB {
  padding-bottom: var(--ddsweb-theme-spacing-sm);
}

.V7Zwdn_CkiRBckL {
  margin-top: var(--ddsweb-theme-spacing-xx);
  background-color: var(--ddsweb-theme-colors-lines-light);
}

.jCQ90Q26kCTo2EM {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-sm);
}

.iUFQqGv41am4KhE {
  display: flex;
  align-items: center;
  gap: var(--ddsweb-theme-spacing-xs);
}

.epuVNzvI9S_psWF {
  line-height: var(--basket-line-height-heading-xx);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--ddsweb-theme-spacing-xx);
  padding-bottom: var(--ddsweb-theme-spacing-xx);
}

.iI_Aq_7Hw1YNs2U {
  color: var(--ddsweb-theme-colors-primary);
  line-height: var(--ddsweb-theme-spacing-lg);
}

.J0FQalp9aMa3GnW {
  display: flex;
  justify-content: space-between;
}

.Gm2_0j9rLgLOSks {
  background: var(--ddsweb-theme-colors-promo);
  display: flex;
  justify-content: space-between;
  padding: var(--ddsweb-theme-spacing-sm);
}

.UIb4bEvQy0uMcbk {
  font-size: var(--ddsweb-theme-font-size-xs);
  padding: var(--ddsweb-theme-spacing-xs);
  height: fit-content;
  border-radius: calc(var(--ddsweb-theme-spacing-xxxl) * 2);
  width: 100%;
}

.wxDa7ZskFI3ikgV {
  display: block;
  margin-top: var(--ddsweb-theme-spacing-xx);
}

.OZulOF9x2vBcAVe {
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

.wCK182ygCzmHqli {
  background-color: var(--ddsweb-theme-colors-transparent);
  padding-left: 0;
  padding-right: 0;
}

.HfVbqxvkJKF0SHo {
  color: var(--ddsweb-theme-colors-grayscale);
}

.HfVbqxvkJKF0SHo > a {
  color: var(--ddsweb-theme-colors-primary);
}

.SXA0VXx3E4QBtyj {
  text-decoration: revert;
}

.SXA0VXx3E4QBtyj:hover {
  text-decoration: none;
}

.hqZgQWoZGLEmRf4 {
  text-decoration: none;
  font-weight: var(--ddsweb-theme-font-weight-heading);
  display: inline-flex;
  padding-top: var(--ddsweb-theme-spacing-xs);
}

.hqZgQWoZGLEmRf4:focus {
  text-decoration: underline;
}

.HSiOWT8UsYA8LYI {
  margin-left: var(--ddsweb-theme-spacing-xs);
  margin-top: var(--ddsweb-theme-spacing-xxx);
  height: 18px;
}

.Y9jvjGVZBDHN3gJ {
  margin-left: 0;
}

.sqpeokQSxR2b49t {
  padding-top: var(--ddsweb-theme-spacing-sm);
}

.CAZ7BWZJ7Fc5WBP {
  color: var(--ddsweb-theme-colors-grayscale);
  font-weight: normal;
}

.FLgkiU79JnRlHAY {
  padding: var(--ddsweb-theme-spacing-sm);
  border-bottom: 1px solid var(--ddsweb-theme-colors-lines-base);
}

.xtczdQmagQdxl2J {
  display: flex;
  gap: var(--ddsweb-theme-spacing-xs);
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.eqQ2ZH4yONB47lS {
  min-height: 40px;
}

.sndb2mtGohGF7ks {
  min-height: 49px;
}

.Orn5xf_q5lSPM9I {
  font-size: var(--ddsweb-theme-font-size-xx);
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.FzM5wKcKAd9q6ww {
  background-color: var(--ddsweb-theme-colors-background-base);
}

.pFy_o7n6falHB1e {
  border-top: 1px solid var(--ddsweb-theme-colors-lines-base);
}

.VzLtZ_r3wIrJJyJ {
  padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) 0;
}

.ZSGdqORr6jC0kiO {
  border-bottom: 1px solid var(--ddsweb-theme-colors-lines-base);
  padding: var(--ddsweb-theme-spacing-lg) var(--ddsweb-theme-spacing-sm)
    var(--ddsweb-theme-spacing-sm);
}

.QJm4vzrLZlfuBwb {
  padding: var(--ddsweb-theme-spacing-xs) 0 var(--ddsweb-theme-spacing-sm) 0;
}

.jjOlDnCuSMpn91_ {
  display: flex;
  justify-content: space-between;
  gap: var(--ddsweb-theme-spacing-xs);
}

.jjOlDnCuSMpn91_ > :last-child {
  white-space: nowrap;
}

.NVW58NeHFzOykFz {
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.aMiGzMLTQbqZ9Bw {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-sm);
}

@keyframes LekWQ9Ghgjchw1w {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes QN3m9zJJTeQMzAH {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.CcRlC0k1U5eYKVp {
  margin-bottom: var(--ddsweb-theme-spacing-lg);
  padding: 0 var(--ddsweb-theme-spacing-sm);
  font-weight: 300;
  font-size: var(--ddsweb-theme-font-size-next-text-sm);
}

.dPtMX5HRmg477Ln {
  text-align: center;
  padding: calc(var(--ddsweb-theme-spacing-md) * 3)
    var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm);
}

.dPtMX5HRmg477Ln.R0VEtglQIE2fMmF {
  animation: LekWQ9Ghgjchw1w 0.5s linear 0s 1;
}

.ywk5x4Ke7_ZxW7U {
  animation: QN3m9zJJTeQMzAH 0.25s linear 0s 1;
}

.A1RXcPVwzNwHyrd {
  border-left: 1px solid var(--ddsweb-theme-colors-lines-base);
  border-right: 1px solid var(--ddsweb-theme-colors-lines-base);
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-flow: column;
  position: sticky;
  top: 0;
}

.F4QRo9l29JvCjNA {
  background-color: var(--ddsweb-theme-colors-background-darkest);
  padding: var(--ddsweb-theme-spacing-xs);
  border-radius: 40px;
  display: inline-flex;
  color: var(--ddsweb-theme-colors-grayscale);
}

.aFAl_mTQ04KpYFq {
  background-color: var(--ddsweb-theme-colors-background-darkest);
  padding: var(--ddsweb-theme-spacing-xs);
  border-radius: 40px;
  display: inline-flex;
  color: var(--ddsweb-theme-colors-grayscale);
}

.Ci94L5PIHbq77q9 {
  margin-top: var(--ddsweb-theme-spacing-sm);
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.Km1wfvRyi8PbZgQ {
  margin-bottom: var(--ddsweb-theme-spacing-lg);
  font-size: var(--ddsweb-theme-font-size-xs);
}

.hO1fklakLtsvCRz {
  text-align: center;
  padding: 48px var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm);
}

.qD4LOAPV8Wk_0J_ {
  animation: FFODSlOPprKLzK0 0.5s linear 0s 1;
}

@keyframes FFODSlOPprKLzK0 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.DoxGT5qwGxEwvpW {
  animation: C0pfMlGBlY7bxm0 0.25s linear 0s 1;
}

@keyframes C0pfMlGBlY7bxm0 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.be1LMZy4ChNmzM_ {
  font-size: var(--ddsweb-theme-font-size-xs);
  margin-bottom: var(--ddsweb-theme-spacing-lg);
}

.be1LMZy4ChNmzM_ a {
  padding: var(--ddsweb-theme-spacing-xs);
  height: fit-content;
}

.be1LMZy4ChNmzM_ span {
  white-space: break-spaces;
  overflow-wrap: break-word;
  text-align: center;
}

.be1LMZy4ChNmzM_ span svg {
  stroke-width: 1.5px;
}

.TSkRNmKml5Key2C {
  background-color: var(--ddsweb-theme-colors-background-base);
  padding: var(--ddsweb-theme-spacing-sm);
  display: flex;
  flex-flow: column;
  gap: var(--ddsweb-theme-spacing-sm);
}

.TSkRNmKml5Key2C button {
  white-space: nowrap;
  width: 100%;
}

@media (max-width: 768px) {
  .TSkRNmKml5Key2C button {
    white-space: unset;
    height: auto;
  }
}

.VWzxoYn8fv6tMGs {
  padding-left: 0;
  margin: 0;
}

.DejTCAf1jhMfcmT {
  border-bottom: 1px solid var(--ddsweb-theme-colors-background-darkest);
  background: var(--ddsweb-theme-colors-background-base);
  display: block;
}

.eaGok5RG3IsRZua {
  width: 60px;
  min-height: 60px;
  background: var(--ddsweb-theme-colors-background-darkest);
}

.eaGok5RG3IsRZua a {
  display: inline;
}

.VrcJFYOlRptJLbj {
  overflow-wrap: break-word;
  font-size: var(--ddsweb-theme-font-size-xs);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}

.aVA0DzeE8GdMX3u {
  display: grid;
  padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) 6px
    var(--ddsweb-theme-spacing-sm);
  grid-template-columns: 68px 40px min-content 1fr auto;
  grid-template-areas:
    'image name name name remove'
    'image price price price remove'
    'image charges charges charges remove'
    'image decrement number increment increment';
}

.d6JbvSwCBF3ckxS {
  grid-template-areas:
    'image name name name remove'
    'image fnf fnf fnf remove'
    'image price price price remove'
    'image charges charges charges remove'
    'image decrement number increment increment';
}

.pulfkMg86fDVKpT {
  grid-area: increment;
  padding: var(--ddsweb-theme-spacing-xs) 0 6px;
}

.nwhivCs8wsHnvyC {
  grid-area: image;
}

.nwhivCs8wsHnvyC img {
  display: block;
  max-width: 60px;
}

.e7GubLloFQCaz5Y {
  grid-area: fnf;
}

.QHeIliSKhXXSAKw {
  grid-area: name;
}

.QHeIliSKhXXSAKw,
.e7GubLloFQCaz5Y {
  max-height: calc(
    var(--basket-tile-heading-line-clamp) *
      var(--basket-tile-heading-line-height)
  );
  width: calc(100% + var(--ddsweb-theme-spacing-xx));
}

.APWLfdo9uVOpOtN {
  grid-area: remove;
  min-width: 30px;
  min-height: 20px;
  margin-left: var(--ddsweb-theme-spacing-xs);
  display: flex;
  justify-content: flex-end;
}

.hea6MNQz3KUxaBw {
  margin-left: var(--ddsweb-theme-spacing-xs);
}

.DIV5j2ftn2WyMIY {
  grid-area: number;
  margin: auto;
  padding: var(--ddsweb-theme-spacing-xs) 0 6px;
  text-align: center;
}

.gqZkBK3oKKKWVXx {
  grid-area: decrement;
  padding: var(--ddsweb-theme-spacing-xs) 0 6px;
}

.dZu70q7BzrLmSzy {
  grid-area: price;
  text-align: left;
  margin: var(--ddsweb-theme-spacing-xxx) 0;
  display: flex;
  justify-content: start;
}

.St2hQ0Kn1SDekMB {
  grid-area: charges;
  margin-top: 6px;
}

.zg1yW8_xRI6XfCF {
  font-size: var(--ddsweb-theme-font-size-xs);
}

.QFedSMKIRaHuAUf {
  text-decoration: none;
}

.QFedSMKIRaHuAUf:hover,
.QFedSMKIRaHuAUf:focus {
  text-decoration: underline;
}

.KloCHJ3iiohlWjo {
  color: var(--ddsweb-theme-colors-primary);
  font-size: var(--ddsweb-theme-font-size-xx);
  line-height: var(--basket-tile-heading-line-height);
  overflow: hidden;
  white-space: initial;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: var(--basket-tile-heading-line-clamp);
  -webkit-line-clamp: var(
    --basket-tile-heading-line-clamp
  ); /* number of lines to show  */

  -webkit-box-orient: vertical;
}

.Z5uNfL_siZ7gX_4 {
  margin: 0 var(--ddsweb-theme-spacing-sm);
}

/* this is only shown in lego tablet view */
.VjFKG7HDsxbjzMY {
  display: none;
}


/*# sourceMappingURL=837f70318e63382fc1f5.css.map*/