._cYCv_WbCXtUlRn {
  display: flex;
  flex-direction: column;
  margin-top: var(--ddsweb-theme-spacing-md);
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--ddsweb-theme-spacing-sm);
  margin-bottom: var(--ddsweb-theme-spacing-xxxl);
  max-width: 1512px;
}

@media (min-width: 360px) {
  ._cYCv_WbCXtUlRn {
    padding: 0 var(--ddsweb-theme-spacing-sm);
    gap: var(--ddsweb-theme-spacing-xxxl);
  }
}

/* ≥504px (mobileLarge) */
@media (min-width: 504px) {
  ._cYCv_WbCXtUlRn {
    margin-bottom: 64px;
  }
}

/* ≥756px (tablet) */
@media (min-width: 756px) {
  ._cYCv_WbCXtUlRn {
    padding: 0 var(--ddsweb-theme-spacing-md);
    gap: var(--ddsweb-theme-spacing-xxxl);
  }
}

@media (min-width: 1008px) {
  ._cYCv_WbCXtUlRn {
    gap: 48px;
  }
}

/* 
@media (min-width: 1260px) {

}

@media (min-width: 1512px) {

}
*/
.LvjArokr0zodu29 {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-md); /* Adjust for row spacing */
}

.j8QOtUtglXEyyoy {
  display: flex;
  justify-content: space-between;
  flex-direction: column; /* Evenly space columns */
  gap: var(--ddsweb-theme-spacing-xl); /* Adjust for column spacing */
}

.LbpydU24kpKthei {
  flex: 1; /* Equal width for all columns */
}

@media (min-width: 756px) {
  .j8QOtUtglXEyyoy {
    flex-direction: row; /* two columns next to each other */
  }
}

.cLMRdWO8yoijebc {
  border: 1px solid var(--ddsweb-theme-colors-grayscale);
  padding: var(--ddsweb-theme-spacing-sm);
}

.MdP2n7r4ZASwjSj {
  border: 1px solid var(--ddsweb-theme-colors-grayscale);
  padding: var(--ddsweb-theme-spacing-sm);
  height: 200px;
}

.Y39mtQ5_0kL7mdu .ddsweb-card__card-container {
  background-color: var(--ddsweb-theme-colors-messaging-info-messaging-light);
}

.dU7Le2ZatIajbdT {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-xl); /* default gap for mobile */
}

@media (min-width: 1260px) {
  .dU7Le2ZatIajbdT {
    gap: var(--ddsweb-theme-spacing-xxl); /* decrease gap on desktop */
  }
}

.hshCewNy5cKHHbh {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--ddsweb-theme-spacing-xxxl);
  gap: var(--ddsweb-theme-spacing-xxxl);
}

.B2AHOo9CeDQcsWr {
  width: 100%;
}

.TW_NPdzJbevOlcC {
  flex: 1;
}

@media (min-width: 1008px) {
  .hshCewNy5cKHHbh {
    gap: 48px;
  }
}
.fSKiCInAKmEcaq6 {
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

.ZWUUVxFjr1O31Xm {
  line-height: var(--ddsweb-theme-spacing-xl);
}

.HuWnmo6M3hRdlrq p{
    padding-bottom: var(--ddsweb-theme-spacing-xs);
}
.y2NBzYn_p3T56zH {
  border: revert-layer;
  line-height: var(--ddsweb-theme-spacing-xl);
}

.SuHa6EDbTPSaTsK {
  line-height: var(--ddsweb-theme-spacing-xl);
  font-family: var(--ddsweb-theme-font-family-heading);
}

@media (min-width: 756px) {
  .y2NBzYn_p3T56zH {
    border: 1px solid var(--dds-line-colour-border-primary);
    padding: 0 var(--ddsweb-theme-spacing-md);
  }
}

.HN0S4JMpzMSaOwt {
  margin-top: 0;
  margin-bottom: 0;
}

.i859CDL1O_RmyB8 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--ddsweb-theme-spacing-xs);
}

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

.zctHk8svE5ns1vc {
  width: var(--ddsweb-theme-spacing-xl);
  height: var(--ddsweb-theme-spacing-xl);
  object-fit: contain;
}

.VTEFV7tweNSAWp2 {
  margin-bottom: var(--ddsweb-theme-spacing-md);
  font-size: var(--ddsweb-theme-font-size-md);
}

@media (min-width: 756px) {
  .VTEFV7tweNSAWp2 {
    font-size: var(--ddsweb-theme-font-size-lg);
  }
}

.KO34Xw4hPFw9ZAs {
  width: var(--ddsweb-theme-spacing-lg);
  margin-right: var(--ddsweb-theme-spacing-xs);
}

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

.kedchpsfM1gZH2Z {
  display: inline-block;
  margin-bottom: var(--ddsweb-theme-spacing-md);
  line-height: var(--ddsweb-theme-spacing-xl);
}

.KippkRH0OHTLuvy {
  width: 119px;
  margin-left: -7px;
}

._30H7_QUFto5JUmV {
  line-height: var(--dds-typography-tokens-line-height-lineheight-22);
}

.LgxAd2AQ6GJj6KI {
  border: none;
  padding: var(--dds-spacing-space-12);
}

.Lmnavc_KHGDBeIk {
  padding: var(--ddsweb-theme-spacing-xxx);
}

.Ps3wdO5vWMAihBv {
  width: 71px;
  height: 20px;
}

@media (min-width: 756px) {
  .Ps3wdO5vWMAihBv {
    margin-top: 0;
  }
}

.CZX96e6CQ9Pewrw {
  display: grid;

  /* Default: single-column so name takes full width when alone */
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--ddsweb-theme-spacing-sm);
  width: 100%;
  align-items: start; /* ensures children top-align */
}

/* Children placement */
.RsxK7GkpQzrltfY {
  display: flex; /* allow centering */
  align-items: center; /* vertical center */
  justify-content: center;
  box-sizing: border-box;
  align-self: center;
  border: 1px solid var(--dds-line-colour-border-primary);
  width: 64px;
  height: 64px;
  padding: var(--dds-spacing-space-4);
}

.RsxK7GkpQzrltfY img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* keep aspect ratio, stretch within box */
}

.ljuTfXq8W3WEf7o {
  justify-self: start;
  margin-top: 0;
  align-self: end;
}

/* By default, name spans full width */
.TIUcmaadVPNDskh {
  grid-column: 1 / -1; /* or 2 in two-column mode */
  width: 100%; /* take full width of its grid cell */
  max-width: none;
  align-self: center;
}

.TIUcmaadVPNDskh h1 {
font-size: var( --ddsweb-theme-font-size-md);
}

/* If logo or badge is present, switch to two-column layout */
.CZX96e6CQ9Pewrw:has(.RsxK7GkpQzrltfY),
.CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o) {
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto; /* each row fits content */
}

/* In two-column mode, move name to column 2 */
.CZX96e6CQ9Pewrw:has(.RsxK7GkpQzrltfY) .TIUcmaadVPNDskh,
.CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o) .TIUcmaadVPNDskh {
  grid-column: 2;
  grid-row: 2;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Place items explicitly for the two-column layout */
.CZX96e6CQ9Pewrw:has(.RsxK7GkpQzrltfY) .RsxK7GkpQzrltfY {
  grid-column: 1;
  grid-row: 2;
}

.CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o) .ljuTfXq8W3WEf7o {
  grid-column: 1 / -1;
  grid-row: 1;
}

.CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o):not(:has(.RsxK7GkpQzrltfY)) {
  gap: var(--ddsweb-theme-spacing-xx) 0; /* remove horizontal gap */
}

@media (min-width: 504px) {
  .TIUcmaadVPNDskh h1 {
    font-size: var(--ddsweb-theme-font-size-xl);
  }
}

@media (min-width: 756px) {
  /* When at least one of logo/badge exists */
  .CZX96e6CQ9Pewrw {
    width: 100%;
  }

  .CZX96e6CQ9Pewrw:has(.RsxK7GkpQzrltfY),
  .CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o) {
    grid-template-columns: auto 2fr;
    grid-template-rows: auto auto; /* flexible rows */
    gap: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-md);
    align-items: start; /* keep default top alignment */
  }

  .CZX96e6CQ9Pewrw:has(.RsxK7GkpQzrltfY) .RsxK7GkpQzrltfY {
    grid-column: 1;
    grid-row: 1 / 3; /* spans both rows */
    width: 96px;
    height: 96px;
  }

  .CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o) .ljuTfXq8W3WEf7o {
    grid-column: 2;
    grid-row: 1;
  }

  .CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o) .TIUcmaadVPNDskh {
    grid-column: 2;
    grid-row: 2;
    margin-left: calc(-1 * var(--dds-spacing-space-4));
    align-self: flex-start; /* keep top aligned when badge exists */
  }

  .CZX96e6CQ9Pewrw:has(.RsxK7GkpQzrltfY):not(:has(.ljuTfXq8W3WEf7o)) .TIUcmaadVPNDskh {
    grid-column: 2;
    grid-row: 1 / 3; /* span same height as logo */
    display: flex; /* enable flex centering */
    align-items: center; /* vertical centering */
    margin-left: calc(-1 * var(--dds-spacing-space-4));
  }

  .CZX96e6CQ9Pewrw:has(.ljuTfXq8W3WEf7o):not(:has(.RsxK7GkpQzrltfY)) {
    grid-template-columns: auto 2fr;
    grid-template-rows: auto auto;
    gap: var(--ddsweb-theme-spacing-xx) 0; /* remove horizontal gap */
    align-items: start;
  }
}

.vTgkdxgZg8IohgM {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-md);
  width: 100%;
}

.RwUQJPqV_uPfbYC {
  flex: 0 1 auto;
}

@media (min-width: 756px) {
  .vTgkdxgZg8IohgM {
    flex-direction: row;
    gap: var(--ddsweb-theme-spacing-xl);
  }

  .CZX96e6CQ9Pewrw {
    flex: 1;
  }

  .RwUQJPqV_uPfbYC {
    flex: 1;
  }

  .kziPg5kwTuz0ulF {
    flex-direction: column;
    gap: var(--ddsweb-theme-spacing-md);
  }

  .kziPg5kwTuz0ulF .CZX96e6CQ9Pewrw {
    flex: initial;
  }

  .kziPg5kwTuz0ulF .RwUQJPqV_uPfbYC {
    flex: 0 1 auto;
  }
}

@media (max-width: 503px) {
  .YvX8RfwlzrgAEfs {
    font-size: var(--ddsweb-theme-font-size-sm);
  }
}

.accgicGIVlJA18c {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--ddsweb-theme-spacing-sm);
}

.accgicGIVlJA18c.TK8CC3maSVDtqMN {
  height: 425px;
}

.accgicGIVlJA18c.RhrBXbWTTKlO4Ea {
  height: 236px;
}

@media (min-width: 756px) {
  .accgicGIVlJA18c.RhrBXbWTTKlO4Ea {
    height: 306px;
  }

  .accgicGIVlJA18c.TK8CC3maSVDtqMN {
    height: 495px;
  }
}

.fobfXa6ajbx5_Ng {
  margin-top: var(--ddsweb-theme-spacing-xxxl);
}

@media (max-width: 755px) {
  .fobfXa6ajbx5_Ng {
    margin-top: var(--ddsweb-theme-spacing-xxxl);
  }
}

.hHhP2wpd6h16mUH {
  font-family: var(--ddsweb-theme-font-family-text);
  font-weight: var(--ddsweb-theme-font-weight-heading);
  width: fit-content;
}

.hHhP2wpd6h16mUH .ddsweb-link__text {
  font-weight: 700;
}

.mp756BAqC11EySi {
  grid-row: row-sash;
  display: flex;
  column-gap: var(--ddsweb-theme-spacing-xx);
}

.mp756BAqC11EySi > * {
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.wbHIiXCCM72uSQg {
  grid-row: row-image;
  display: flex;
  justify-content: center;
}

.yywe8jrhWf9F7Ns {
  width: 84px;
  height: 84px;
}

@media (min-width: 756px) {
  .yywe8jrhWf9F7Ns {
    width: 135px;
    height: 135px;
    margin-bottom: var(--ddsweb-theme-spacing-md);
  }
}

.W97r7mzSfy7nRdI {
  grid-row: row-title;
}

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

.xMKc6Dj3i6DaTFJ {
  grid-row: row-swatch;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.xMKc6Dj3i6DaTFJ > * {
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.OfN4tv7BwwOuHfa {
  grid-row: row-fulfillment;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.J7eD6PUQv1pX6R0 {
  grid-row: row-messages;
}

.WzMXHgqCUSHvesy {
  grid-row: row-promotions;
}

.WzMXHgqCUSHvesy > * {
  width: 196px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.n7RvIv2vy3IT9WW {
  grid-row: row-buybox;
}

.US6AoiS1bAR3Owp {
  display: flex;
  gap: var(--ddsweb-theme-spacing-xs);
  align-items: baseline;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.LxRnNKf9m8SGvxa {
  font-size: var(--ddsweb-theme-font-size-md);
}

.sETWNCe68qDI_X4 {
  font-size: var(--ddsweb-theme-font-size-xx);
}

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

.rHt0dLJG17vhaGC {
  display: flex;
  column-gap: var(--ddsweb-theme-spacing-xs);
  justify-content: center;
}

.z6RRVIvlJfVay5a > * {
  width: calc(50% - 6px);
}

.qLbfj62INKOAfUX {
  font-family: var(--ddsweb-theme-base-font-family);
}

.ZDE3QzSEQSLcVcn {
  margin-top: 12px;
}

/* Keyframes */

@keyframes YCQ3N2yWLARCXg0 {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

@keyframes EuMo3iP4LlaOMgb {
  0% {
    background-color: var(--ddsweb-theme-colors-lines-light);
  }

  50% {
    background-color: var(--ddsweb-theme-colors-white);
  }

  100% {
    background-color: var(--ddsweb-theme-colors-lines-light);
  }
}

@keyframes L0qPfracDoMYuHY {
  0% {
    background-color: var(--ddsweb-theme-colors-lines-light);
  }

  50% {
    background-color: var(--ddsweb-theme-colors-background-dark);
  }

  100% {
    background-color: var(--ddsweb-theme-colors-lines-light);
  }
}

/* Base shimmer effect - reusable class */
.rAhTtc6VLGEBQhz {
  background-image: linear-gradient(
    to right,
    var(--ddsweb-theme-colors-background-dark) 0%,
    var(--ddsweb-theme-colors-lines-light) 20%,
    var(--ddsweb-theme-colors-background-dark) 40%,
    var(--ddsweb-theme-colors-background-dark) 100%
  );
  background-size: 200% 100%;
  animation: YCQ3N2yWLARCXg0 1.5s infinite linear;
}

/* Base animation classes */
.Us15IGBhCRfOni4 {
  animation: L0qPfracDoMYuHY 1s linear infinite;
}

/* Animation delay classes for staggered effects */
.DP93t6dRZupHXrt {
  animation-delay: 0s;
}

.fMEuAPszlQHsazj {
  animation-delay: 0.25s;
}

.Zuk879kSJjcIvsh {
  animation-delay: 0.5s;
}

.r1q4c9XcC_4vt3y {
  animation-delay: 0.75s;
}

.MRHmdqY0tR81CiE {
  animation-delay: 1s;
}

.aekdJsMh9C_dJiy {
  animation-delay: 1.25s;
}

/* Shared dimension classes */

/* Main components */
.TRLYz7fkBgPPOwD {
  padding: var(--ddsweb-theme-spacing-xl) 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 504px) {
  .TRLYz7fkBgPPOwD {
    padding: var(--ddsweb-theme-spacing-xxl) 0 0 0;
  }
}

.zwBRVD1eh0M61pQ {
  height: 40px;
  flex: 1;
  border-radius: 50px;
}

.W4k38wOom_Eq82R {
  height: 40px;
  flex: 1;
}

.rfWs9h2XXuV4Gmp {
  height: 24px;
  width: 100px;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.vqevpG_0cwNBZ4k {
  width: 135px;
  height: 135px;
  margin-bottom: var(--ddsweb-theme-spacing-md);
  align-self: center;
}

.OT_s3pbxNGFZWyG {
  width: 200px;
  height: 40px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.nuNiINwJ6bfZ_1I {
  width: 200px;
  height: 22px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.DOShWX7BPKsZ3vg {
  width: 150px;
  height: 28px;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.zjjDrWE79P5Hz0b {
  width: 200px;
  height: 47px;
  margin-top: var(--ddsweb-theme-spacing-xl);
}

.wJbxHzH3Cp6ls1E {
  width: 175px;
  height: 36px;
  margin: var(--ddsweb-theme-spacing-xs) 0;
}

.jqxXvFlEqJDdqZ8 {
  display: flex;
  flex-direction: column;
}

.jqxXvFlEqJDdqZ8 .eh7_2EePkA_0Q4M {
  display: flex;
  justify-content: space-between;
  margin-right: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 756px) {
  .jqxXvFlEqJDdqZ8 .eh7_2EePkA_0Q4M {
    display: none;
  }
}

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

.jqxXvFlEqJDdqZ8 .kfNPf3hEP04SjZ3 .thumyoUBX_AWUn9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.jqxXvFlEqJDdqZ8 .kfNPf3hEP04SjZ3 .thumyoUBX_AWUn9 .uJHcN3yVlC_gT20 {
  display: flex;
  gap: var(--ddsweb-theme-spacing-xs);
  overflow: auto;
}

.jqxXvFlEqJDdqZ8 .kfNPf3hEP04SjZ3 .thumyoUBX_AWUn9 .eh7_2EePkA_0Q4M {
  display: flex;
  align-items: center;
  gap: var(--ddsweb-theme-spacing-xs);
}

@media (min-width: 756px) {
  .jqxXvFlEqJDdqZ8 .kfNPf3hEP04SjZ3 .thumyoUBX_AWUn9 .eh7_2EePkA_0Q4M {
    display: flex;
  }
}

.RJGOEKtTq9Nx2lp {
  width: 50vw;
  height: 32px;
  background-color: var(--ddsweb-theme-colors-lines-light);
}

.nDjlzvpdBAnyDbv {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 65vw;
  height: 20px;
  background-color: var(--ddsweb-theme-colors-lines-light);
}

.VTOqQN1uqDl1MeW {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 100px;
  height: 34px;
  border-radius: 50px;
}

.NFcc28iDcImELKr {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 100px;
  height: 34px;
  border-radius: 50px;
}

.pn0kIYfPYSBMfJV {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 100px;
  height: 24px;
}

/* SkeletonCard component styles */
.ZQnOUKN7X6qHzV9 {
  width: 254px;
  height: 384px;
  border: 1px solid var(--ddsweb-theme-colors-lines-light);
  padding: var(--ddsweb-theme-spacing-xs);
}

.uNeBJG82KEMAegI {
  height: 136px;
  width: 136px;
  margin: 0 auto;
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

.ss2P4Jws12q9YNf {
  margin-bottom: var(--ddsweb-theme-spacing-sm);
  height: 112px;
}

.ON0JsEMyW5IHFwi {
  height: 16px;
  width: 214px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.g8hlnOWHYSGgj_2 {
  height: 16px;
  width: 124px;
}

.dvwLy8btJILFDQU {
  display: flex;
  height: 76px;
  align-items: end;
}

.MunJhdr_mmDjsjQ {
  background-color: var(--ddsweb-theme-colors-lines-light);
  display: inline-block;
  height: 40px;
  width: 94px;
  margin-right: var(--ddsweb-theme-spacing-xs);
}

.SGdJThazqhay24G {
  height: 40px;
  border-radius: 20px;
  display: inline-block;
  width: 108px;
}

.RUGN4kFvvlOo_37 .ddsweb-carousel__items-container {
  margin-top: var(--ddsweb-theme-spacing-md);
  margin-bottom: var(--ddsweb-theme-spacing-sm);
  gap: var(--ddsweb-theme-spacing-sm);
}

.RUGN4kFvvlOo_37 .ddsweb-carousel__item {
  margin-right: 0;
  margin-bottom: 0;
}

.CrvxwIw1sbfTPuQ .ddsweb-carousel__content-container {
  display: grid;
  grid-auto-columns: minmax(228px, 1fr);
  row-gap: 0;
  grid-template-rows:
    [row-sash] auto
    [row-image] auto
    [row-title] auto
    [row-swatch] auto
    [row-fulfillment] auto
    [row-messages] auto
    [row-promotions] auto
    [row-buybox] auto;
}

.CrvxwIw1sbfTPuQ .ddsweb-carousel__item-container {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: 1 / -1;
  grid-template-columns: 1fr;
  padding: var(--ddsweb-theme-spacing-md);
  border: 1px solid var(--ddsweb-theme-colors-lines-base);
}

@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: var( --dds-typography-tokens-size-fontsize-16 );
      --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: var(--dds-sizing-size-24);
      --ddsweb-theme-buttons-size-sm: var(--dds-sizing-size-32);
      --ddsweb-theme-buttons-size-md: var(--dds-sizing-size-40);
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-colors-active-rgb: var( --dds-interaction-colour-interactive-active-rgb );
      --ddsweb-theme-colors-active: var( --dds-interaction-colour-interactive-active );
      --ddsweb-theme-colors-background-base-rgb: var( --dds-background-colour-background-1-rgb );
      --ddsweb-theme-colors-background-base: var( --dds-background-colour-background-1 );
      --ddsweb-theme-colors-background-dark-rgb: var( --dds-background-colour-background-2-rgb );
      --ddsweb-theme-colors-background-dark: var( --dds-background-colour-background-2 );
      --ddsweb-theme-colors-background-darkest-rgb: var( --dds-background-colour-background-3-rgb );
      --ddsweb-theme-colors-background-darkest: var( --dds-background-colour-background-3 );
      --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: var( --dds-typography-colour-text-header-primary-rgb );
      --ddsweb-theme-colors-heading: var( --dds-typography-colour-text-header-primary );
      --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: var( --dds-interaction-colour-interactive-inverse-rgb );
      --ddsweb-theme-colors-inverse: var( --dds-interaction-colour-interactive-inverse );
      --ddsweb-theme-colors-lines-base-rgb: var( --dds-line-colour-border-primary-rgb );
      --ddsweb-theme-colors-lines-base: var(--dds-line-colour-border-primary);
      --ddsweb-theme-colors-lines-light-rgb: var( --dds-line-colour-border-secondary-rgb );
      --ddsweb-theme-colors-lines-light: var( --dds-line-colour-border-secondary );
      --ddsweb-theme-colors-link-active-rgb: var( --dds-interaction-colour-interactive-active-rgb );
      --ddsweb-theme-colors-link-active: var( --dds-interaction-colour-interactive-active );
      --ddsweb-theme-colors-link-base-rgb: var( --dds-interaction-colour-interactive-default-rgb );
      --ddsweb-theme-colors-link-base: var( --dds-interaction-colour-interactive-default );
      --ddsweb-theme-colors-nutrition-green-rgb: var( --dds-nutrition-colour-nutri-green-rgb );
      --ddsweb-theme-colors-nutrition-green: var( --dds-nutrition-colour-nutri-green );
      --ddsweb-theme-colors-nutrition-red-rgb: var( --dds-nutrition-colour-nutri-red-rgb );
      --ddsweb-theme-colors-nutrition-red: var( --dds-nutrition-colour-nutri-red );
      --ddsweb-theme-colors-nutrition-yellow-rgb: var( --dds-nutrition-colour-nutri-amber-rgb );
      --ddsweb-theme-colors-nutrition-yellow: var( --dds-nutrition-colour-nutri-amber );
      --ddsweb-theme-colors-messaging-info-messaging-light-rgb: var( --dds-messaging-colour-messaging-info-tint-rgb );
      --ddsweb-theme-colors-messaging-info-messaging-light: var( --dds-messaging-colour-messaging-info-tint );
      --ddsweb-theme-colors-messaging-success-messaging-rgb: var( --dds-messaging-colour-messaging-success-tint-rgb );
      --ddsweb-theme-colors-messaging-success-messaging: var( --dds-messaging-colour-messaging-success-tint );
      --ddsweb-theme-colors-messaging-error-messaging-rgb: var( --dds-messaging-colour-messaging-error-tint-rgb );
      --ddsweb-theme-colors-messaging-error-messaging: var( --dds-messaging-colour-messaging-error-tint );
      --ddsweb-theme-colors-messaging-warning-messaging-rgb: var( --dds-messaging-colour-messaging-warning-tint-rgb );
      --ddsweb-theme-colors-messaging-warning-messaging: var( --dds-messaging-colour-messaging-warning-tint );
      --ddsweb-theme-colors-messaging-amber-messaging-rgb: var( --dds-messaging-colour-messaging-warning-rgb );
      --ddsweb-theme-colors-messaging-amber-messaging: var( --dds-messaging-colour-messaging-warning );
      --ddsweb-theme-colors-messaging-info-messaging-rgb: var( --dds-messaging-colour-messaging-info-rgb );
      --ddsweb-theme-colors-messaging-info-messaging: var( --dds-messaging-colour-messaging-info );
      --ddsweb-theme-colors-messaging-amend-messaging-rgb: var( --dds-messaging-colour-messaging-active-rgb );
      --ddsweb-theme-colors-messaging-amend-messaging: var( --dds-messaging-colour-messaging-active );
      --ddsweb-theme-colors-messaging-amend-messaging-light-rgb: var( --dds-messaging-colour-messaging-active-tint-rgb );
      --ddsweb-theme-colors-messaging-amend-messaging-light: var( --dds-messaging-colour-messaging-active-tint );
      --ddsweb-theme-colors-messaging-orange-rgb: var( --dds-messaging-colour-messaging-warning-rgb );
      --ddsweb-theme-colors-messaging-orange: var( --dds-messaging-colour-messaging-warning );
      --ddsweb-theme-colors-tag-fullstop-red-rgb: var( --dds-fullstop-colour-fullstop-rgb );
      --ddsweb-theme-colors-tag-fullstop-red: var( --dds-fullstop-colour-fullstop );
      --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: var( --dds-typography-colour-text-body-rgb );
      --ddsweb-theme-colors-text-base: var(--dds-typography-colour-text-body);
      --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: var( --dds-typography-tokens-size-fontsize-12 );
      --ddsweb-theme-font-size-next-text-sm: var( --dds-typography-tokens-size-fontsize-14 );
      --ddsweb-theme-font-size-next-text-md: var( --dds-typography-tokens-size-fontsize-16 );
      --ddsweb-theme-font-size-next-text-lg: var( --dds-typography-tokens-size-fontsize-20 );
      --ddsweb-theme-font-size-next-headline-sm: var( --dds-typography-tokens-size-fontsize-14 );
      --ddsweb-theme-font-size-next-headline-md: var( --dds-typography-tokens-size-fontsize-16 );
      --ddsweb-theme-font-size-next-headline-lg: var( --dds-typography-tokens-size-fontsize-20 );
      --ddsweb-theme-font-size-next-headline-xl: var( --dds-typography-tokens-size-fontsize-24 );
      --ddsweb-theme-font-size-next-headline-xxl: var( --dds-typography-tokens-size-fontsize-28 );
      --ddsweb-theme-font-size-next-headline-xxxl: var( --dds-typography-tokens-size-fontsize-32 );
      --ddsweb-theme-font-size-next-oversized-lg: var( --dds-typography-tokens-size-fontsize-40 );
      --ddsweb-theme-font-size-next-oversized-xl: var( --dds-typography-tokens-size-fontsize-48 );
      --ddsweb-theme-font-size-next-oversized-xxl: var( --dds-typography-tokens-size-fontsize-56 );
      --ddsweb-theme-font-size-next-oversized-xxxl: var( --dds-typography-tokens-size-fontsize-64 );
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-font-size-xxx: var( --dds-typography-tokens-size-fontsize-12 );
      --ddsweb-theme-font-size-xx: var( --dds-typography-tokens-size-fontsize-14 );
      --ddsweb-theme-font-size-xs: var( --dds-typography-tokens-size-fontsize-16 );
      --ddsweb-theme-font-size-sm: var( --dds-typography-tokens-size-fontsize-20 );
      --ddsweb-theme-font-size-md: var( --dds-typography-tokens-size-fontsize-24 );
      --ddsweb-theme-font-size-lg: var( --dds-typography-tokens-size-fontsize-28 );
      --ddsweb-theme-font-size-xl: var( --dds-typography-tokens-size-fontsize-32 );
      --ddsweb-theme-font-size-xxl: var( --dds-typography-tokens-size-fontsize-36 );
      --ddsweb-theme-font-size-xxxl: var( --dds-typography-tokens-size-fontsize-40 );
    }
  }
}

@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: var(--dds-sizing-size-16);
      --ddsweb-theme-icons-background-sizes-xs: var(--dds-sizing-size-24);
      --ddsweb-theme-icons-background-sizes-sm: var(--dds-sizing-size-40);
      --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: var(--dds-spacing-space-2);
      --ddsweb-theme-spacing-xx: var(--dds-spacing-space-4);
      --ddsweb-theme-spacing-xs: var(--dds-spacing-space-8);
      --ddsweb-theme-spacing-sm: var(--dds-spacing-space-12);
      --ddsweb-theme-spacing-md: var(--dds-spacing-space-16);
      --ddsweb-theme-spacing-lg: var(--dds-spacing-space-20);
      --ddsweb-theme-spacing-xl: var(--dds-spacing-space-24);
      --ddsweb-theme-spacing-xxl: var(--dds-spacing-space-28);
      --ddsweb-theme-spacing-xxxl: var(--dds-spacing-space-32);
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-tokens {
    :root {
      --dds-typography-colour-text-header-primary: #333333;
      --dds-typography-colour-text-body: #666666;
      --dds-typography-colour-text-on-dark: #ffffff;
      --dds-typography-colour-text-header-secondary: #00539f;
      --dds-typography-colour-text-header-primary-rgb:
        51,
        51,
        51;
      --dds-typography-colour-text-body-rgb:
        102,
        102,
        102;
      --dds-typography-colour-text-on-dark-rgb:
        255,
        255,
        255;
      --dds-typography-colour-text-header-secondary-rgb:
        0,
        83,
        159;
      --dds-interaction-colour-interactive-default: #00539f;
      --dds-interaction-colour-interactive-active: #007eb3;
      --dds-interaction-colour-interactive-inverse: #ffffff;
      --dds-interaction-colour-interactive-form: #666666;
      --dds-interaction-colour-interactive-error-form: #cc3333;
      --dds-interaction-colour-interactive-default-rgb:
        0,
        83,
        159;
      --dds-interaction-colour-interactive-active-rgb:
        0,
        126,
        179;
      --dds-interaction-colour-interactive-inverse-rgb:
        255,
        255,
        255;
      --dds-interaction-colour-interactive-form-rgb:
        102,
        102,
        102;
      --dds-interaction-colour-interactive-error-form-rgb:
        204,
        51,
        51;
      --dds-line-colour-border-primary: #cccccc;
      --dds-line-colour-border-secondary: #e5e5e5;
      --dds-line-colour-border-primary-rgb:
        204,
        204,
        204;
      --dds-line-colour-border-secondary-rgb:
        229,
        229,
        229;
      --dds-background-colour-background-1: #ffffff;
      --dds-background-colour-background-2: #f6f6f6;
      --dds-background-colour-background-3: #e5e5e5;
      --dds-background-colour-background-dark-primary: #00539f;
      --dds-background-colour-background-dark-secondary: #002343;
      --dds-background-colour-background-1-rgb:
        255,
        255,
        255;
      --dds-background-colour-background-2-rgb:
        246,
        246,
        246;
      --dds-background-colour-background-3-rgb:
        229,
        229,
        229;
      --dds-background-colour-background-dark-primary-rgb:
        0,
        83,
        159;
      --dds-background-colour-background-dark-secondary-rgb:
        0,
        35,
        67;
      --dds-messaging-colour-messaging-error: #cc3333;
      --dds-messaging-colour-messaging-error-tint: #f9e6e6;
      --dds-messaging-colour-messaging-warning: #bd5800;
      --dds-messaging-colour-messaging-warning-tint: #ffe4cc;
      --dds-messaging-colour-messaging-success: #008800;
      --dds-messaging-colour-messaging-success-tint: #dff4df;
      --dds-messaging-colour-messaging-info: #0074e0;
      --dds-messaging-colour-messaging-info-tint: #deefff;
      --dds-messaging-colour-messaging-active: #007eb3;
      --dds-messaging-colour-messaging-active-tint: #dcf0f9;
      --dds-messaging-colour-messaging-error-rgb:
        204,
        51,
        51;
      --dds-messaging-colour-messaging-error-tint-rgb:
        249,
        230,
        230;
      --dds-messaging-colour-messaging-warning-rgb:
        189,
        88,
        0;
      --dds-messaging-colour-messaging-warning-tint-rgb:
        255,
        228,
        204;
      --dds-messaging-colour-messaging-success-rgb:
        0,
        136,
        0;
      --dds-messaging-colour-messaging-success-tint-rgb:
        223,
        244,
        223;
      --dds-messaging-colour-messaging-info-rgb:
        0,
        116,
        224;
      --dds-messaging-colour-messaging-info-tint-rgb:
        222,
        239,
        255;
      --dds-messaging-colour-messaging-active-rgb:
        0,
        126,
        179;
      --dds-messaging-colour-messaging-active-tint-rgb:
        220,
        240,
        249;
      --dds-tables-colour-table-header: #e5e5e5;
      --dds-tables-colour-table-cell-1: #ffffff;
      --dds-tables-colour-table-cell-2: #f6f6f6;
      --dds-tables-colour-table-border: #e5e5e5;
      --dds-tables-colour-table-header-rgb:
        229,
        229,
        229;
      --dds-tables-colour-table-cell-1-rgb:
        255,
        255,
        255;
      --dds-tables-colour-table-cell-2-rgb:
        246,
        246,
        246;
      --dds-tables-colour-table-border-rgb:
        229,
        229,
        229;
      --dds-nutrition-colour-nutri-green: #b9d479;
      --dds-nutrition-colour-nutri-amber: #fdd285;
      --dds-nutrition-colour-nutri-red: #f08275;
      --dds-nutrition-colour-nutri-green-rgb:
        185,
        212,
        121;
      --dds-nutrition-colour-nutri-amber-rgb:
        253,
        210,
        133;
      --dds-nutrition-colour-nutri-red-rgb:
        240,
        130,
        117;
      --dds-value-colour-value-yellow: #fcd700;
      --dds-value-colour-value-black: #000000;
      --dds-value-colour-value-yellow-rgb:
        252,
        215,
        0;
      --dds-value-colour-value-black-rgb:
        0,
        0,
        0;
      --dds-fullstop-colour-fullstop: #e81c2d;
      --dds-fullstop-colour-fullstop-rgb:
        232,
        28,
        45;
      --dds-overlays-colour-overlay: #000000b3;
      --dds-overlays-colour-overlay-2: #ffffffcc;
      --dds-overlays-colour-overlay-rgba: rgba(0, 0, 0, 0.7);
      --dds-overlays-colour-overlay-2-rgba: rgba(255, 255, 255, 0.8);
      --dds-retain-colour-in-dark-mode-retain-interactive-default: #00539f;
      --dds-retain-colour-in-dark-mode-retain-interactive-active: #007eb3;
      --dds-retain-colour-in-dark-mode-retain-interactive-inverse: #ffffff;
      --dds-retain-colour-in-dark-mode-retain-value-yellow: #fcd700;
      --dds-retain-colour-in-dark-mode-retain-header-primary: #333333;
      --dds-retain-colour-in-dark-mode-retain-text-body: #666666;
      --dds-retain-colour-in-dark-mode-retain-brand-tesco: #00539f;
      --dds-retain-colour-in-dark-mode-retain-interactive-default-rgb:
        0,
        83,
        159;
      --dds-retain-colour-in-dark-mode-retain-interactive-active-rgb:
        0,
        126,
        179;
      --dds-retain-colour-in-dark-mode-retain-interactive-inverse-rgb:
        255,
        255,
        255;
      --dds-retain-colour-in-dark-mode-retain-value-yellow-rgb:
        252,
        215,
        0;
      --dds-retain-colour-in-dark-mode-retain-header-primary-rgb:
        51,
        51,
        51;
      --dds-retain-colour-in-dark-mode-retain-text-body-rgb:
        102,
        102,
        102;
      --dds-retain-colour-in-dark-mode-retain-brand-tesco-rgb:
        0,
        83,
        159;
      --dds-typography-tokens-family-display: "Tesco Modern";
      --dds-typography-tokens-family-oversize-heading: "Tesco Modern";
      --dds-typography-tokens-family-heading: "Tesco Modern";
      --dds-typography-tokens-family-body: "Tesco Modern";
      --dds-typography-tokens-family-label: "Tesco Modern";
      --dds-typography-tokens-family-links: "Tesco Modern";
      --dds-typography-tokens-weight-sans-bold: Bold;
      --dds-typography-tokens-weight-sans-regular: Regular;
      --dds-typography-tokens-weight-sans-italic: Italic;
      --dds-typography-tokens-weight-serif-bold: Bold;
      --dds-typography-tokens-weight-serif-regular: Regular;
      --dds-typography-tokens-weight-serif-italic: Italic;
      --dds-typography-tokens-size-fontsize-64: 64px;
      --dds-typography-tokens-size-fontsize-56: 56px;
      --dds-typography-tokens-size-fontsize-48: 48px;
      --dds-typography-tokens-size-fontsize-40: 40px;
      --dds-typography-tokens-size-fontsize-32: 32px;
      --dds-typography-tokens-size-fontsize-28: 28px;
      --dds-typography-tokens-size-fontsize-24: 24px;
      --dds-typography-tokens-size-fontsize-20: 20px;
      --dds-typography-tokens-size-fontsize-16: 16px;
      --dds-typography-tokens-size-fontsize-14: 14px;
      --dds-typography-tokens-size-fontsize-12: 12px;
      --dds-typography-tokens-line-height-lineheight-68: 68px;
      --dds-typography-tokens-line-height-lineheight-60: 60px;
      --dds-typography-tokens-line-height-lineheight-52: 52px;
      --dds-typography-tokens-line-height-lineheight-44: 44px;
      --dds-typography-tokens-line-height-lineheight-36: 36px;
      --dds-typography-tokens-line-height-lineheight-32: 32px;
      --dds-typography-tokens-line-height-lineheight-28: 28px;
      --dds-typography-tokens-line-height-lineheight-24: 24px;
      --dds-typography-tokens-line-height-lineheight-22: 22px;
      --dds-typography-tokens-line-height-lineheight-20: 20px;
      --dds-typography-tokens-line-height-lineheight-18: 18px;
      --dds-typography-tokens-line-height-lineheight-16: 16px;
      --dds-spacing-space-0: 0px;
      --dds-spacing-space-4: 4px;
      --dds-spacing-space-8: 8px;
      --dds-spacing-space-12: 12px;
      --dds-spacing-space-16: 16px;
      --dds-spacing-space-20: 20px;
      --dds-spacing-space-24: 24px;
      --dds-spacing-space-28: 28px;
      --dds-spacing-space-32: 32px;
      --dds-spacing-space-36: 36px;
      --dds-spacing-space-40: 40px;
      --dds-spacing-space-48: 48px;
      --dds-spacing-space-56: 56px;
      --dds-spacing-space-60: 60px;
      --dds-spacing-space-72: 72px;
      --dds-spacing-space-80: 80px;
      --dds-spacing-space-2: 2px;
      --dds-sizing-size-0: 0px;
      --dds-sizing-size-2: 2px;
      --dds-sizing-size-4: 4px;
      --dds-sizing-size-8: 8px;
      --dds-sizing-size-12: 12px;
      --dds-sizing-size-16: 16px;
      --dds-sizing-size-20: 20px;
      --dds-sizing-size-24: 24px;
      --dds-sizing-size-28: 28px;
      --dds-sizing-size-32: 32px;
      --dds-sizing-size-36: 36px;
      --dds-sizing-size-40: 40px;
      --dds-sizing-size-48: 48px;
      --dds-sizing-size-56: 56px;
      --dds-sizing-size-60: 60px;
      --dds-sizing-size-64: 64px;
      --dds-sizing-size-72: 72px;
      --dds-sizing-size-80: 80px;
      --dds-border-radius-borderradius-0: 0px;
      --dds-border-radius-borderradius-4: 4px;
      --dds-border-radius-borderradius-8: 8px;
      --dds-border-radius-borderradius-12: 12px;
      --dds-border-radius-borderradius-16: 16px;
      --dds-border-radius-borderradius-20: 20px;
      --dds-border-radius-borderradius-24: 24px;
      --dds-border-radius-borderradius-28: 28px;
      --dds-border-radius-borderradius-32: 32px;
      --dds-border-radius-borderradius-36: 36px;
      --dds-border-radius-borderradius-40: 40px;
      --dds-strokeweight-strokeweight-1: 1px;
      --dds-strokeweight-strokeweight-1-half: 1.5px;
      --dds-strokeweight-strokeweight-2: 2px;
      --dds-strokeweight-strokeweight-3: 3px;
      --dds-dds-tokens-version: "dds-tokens-version: 1.0.0";
    }
  }
}



@layer ddsweb-base, ddsweb-small-atoms, ddsweb-large-atoms, ddsweb-molecules, ddsweb-organisms, ddsweb-overrides;
@layer ddsweb-base {
  @layer ddsweb-normalise, ddsweb-tokens, 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-fab, 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, ddsweb-bottom-sheet;
}
@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, ddsweb-one-tile;
}
@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-name: default;
    }
  }
}




/*# sourceMappingURL=d0aa3922e222a82cca37.css.map*/