/* src/components/src/components/styles.module.css */
@layer ddsweb-base, ddsweb-small-atoms, ddsweb-large-atoms, ddsweb-molecules;
@layer ddsweb-organisms {
  @layer ddsweb-one-tile {
    ._2T4RuW_styledLink {
      min-width: none;
    }
    ._2T4RuW_infoMessageWrapper {
      padding-top: var(--ddsweb-theme-spacing-md);
      padding-left: var(--ddsweb-theme-spacing-sm);
      background-color: var(--ddsweb-theme-colors-background-base);
      color: var(--ddsweb-theme-colors-base);
      font-weight: bold;
      font-size: var(--ddsweb-theme-font-size-xs);
      line-height: var(--ddsweb-theme-spacing-lg);
      font-family: var(--ddsweb-theme-base-font-family);
      text-shadow: none;
      margin-top: 0;
      margin-bottom: 0;
    }
    ._2T4RuW_whiteBackground {
      height: 56px;
      margin-top: var(--ddsweb-theme-spacing-xx);
      padding: var(--ddsweb-theme-spacing-xx) 0;
      display: flex;
    }
    ._2T4RuW_allowSubstitutionsContainer {
      margin-top: var(--ddsweb-theme-spacing-sm);
    }
    @media (min-width: 756px) {
      ._2T4RuW_allowSubstitutionsContainer {
        margin-top: initial;
      }
    }
    @media (min-width: 1260px) {
      ._2T4RuW_allowSubstitutionsContainer {
        margin-left: 96px;
      }
    }
    @layer ddsweb-buy-box {
      ._2T4RuW_withPadding {
        padding-bottom: var(--ddsweb-theme-spacing-xxxl);
      }
      ._2T4RuW_formGroup {
        margin-bottom: var(--ddsweb-theme-spacing-md);
      }
      ._2T4RuW_priceAndActions ._2T4RuW_formGroup {
        margin-bottom: 0;
      }
      ._2T4RuW_orientationHorizontal {
        width: calc(50% - var(--ddsweb-theme-spacing-sm));
      }
      ._2T4RuW_orientationVertical {
        width: 100%;
      }
      ._2T4RuW_formGroupWithRadio .ddsweb-form-group__children {
        gap: var(--ddsweb-theme-spacing-sm);
        flex-direction: column;
        display: flex;
      }
      ._2T4RuW_verticalTile ._2T4RuW_priceValueActionVertical {
        row-gap: var(--ddsweb-theme-spacing-sm);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
      }
      ._2T4RuW_priceValueVariation {
        margin-bottom: var(--ddsweb-theme-spacing-sm);
      }
      ._2T4RuW_verticalTile ._2T4RuW_verticalVariationContainer {
        row-gap: var(--ddsweb-theme-spacing-sm);
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        display: flex;
      }
      @media (min-width: 756px) {
        ._2T4RuW_verticalTile ._2T4RuW_verticalVariationContainer {
          flex-wrap: nowrap;
        }
        ._2T4RuW_formGroupWithRadio .ddsweb-form-group__children {
          flex-direction: row;
          gap: 0;
        }
      }
      ._2T4RuW_radioButtonWithLabel {
        margin-bottom: 0;
        display: inline-flex;
      }
      ._2T4RuW_radioButtonWithLabel .ddsweb-radio-button-with-label__label-with-description {
        margin-top: 0;
        margin-left: var(--ddsweb-theme-spacing-xs);
      }
      ._2T4RuW_radioButtonWithLabelIndexZero {
        margin-right: var(--ddsweb-theme-spacing-sm);
      }
      ._2T4RuW_radioButtonWithLabelIndexOne {
        padding-top: var(--ddsweb-theme-spacing-xs);
      }
      @media (min-width: 756px) {
        ._2T4RuW_radioButtonWithLabel {
          padding-top: 0;
        }
        ._2T4RuW_verticalTile ._2T4RuW_priceContainerLooseWeightVertical {
          position: absolute;
        }
        ._2T4RuW_verticalTile ._2T4RuW_priceContainerNarrowVertical {
          width: 50%;
        }
      }
      ._2T4RuW_priceContainerNarrow {
        margin-bottom: var(--ddsweb-theme-spacing-sm);
        display: block;
      }
      ._2T4RuW_verticalTile ._2T4RuW_priceContainerNarrowVertical {
        margin-bottom: 0;
      }
      ._2T4RuW_verticalTile ._2T4RuW_priceValueActionVertical > div {
        flex: 50%;
      }
      ._2T4RuW_priceContainerWide {
        margin-top: var(--ddsweb-theme-spacing-xx);
        margin-right: var(--ddsweb-theme-spacing-xxl);
        vertical-align: top;
        display: inline-block;
      }
      ._2T4RuW_priceAndActionsWide {
        justify-content: space-between;
        display: flex;
      }
      ._2T4RuW_verticalTile ._2T4RuW_priceContainer {
        word-wrap: break-word;
        white-space: normal;
        word-break: break-word;
        flex-flow: column wrap;
        width: 95%;
        min-width: 95px;
        margin-bottom: 0;
        display: flex;
      }
      ._2T4RuW_priceText {
        --ddsweb-text-font-size: var(--ddsweb-theme-font-size-next-headline-xl);
        --ddsweb-text-color: var(--ddsweb-theme-colors-heading);
        font-weight: bold;
        display: inline-flex;
      }
      ._2T4RuW_verticalTile ._2T4RuW_priceTextVertical {
        font-size: var(--ddsweb-theme-font-size-next-text-md);
        line-height: var(--ddsweb-theme-line-height-next-text-sm);
      }
      ._2T4RuW_subtext {
        margin-left: var(--ddsweb-theme-spacing-xs);
        display: inline-flex;
      }
      ._2T4RuW_verticalTile ._2T4RuW_subtextVertical {
        font-size: var(--ddsweb-theme-font-size-next-text-xs);
        line-height: var(--ddsweb-theme-line-height-next-text-sm);
        margin-left: 0;
      }
      ._2T4RuW_container {
        display: block;
      }
      ._2T4RuW_containerVertical {
        width: 100%;
      }
      ._2T4RuW_containerVertical .ddsweb-form-group__children {
        align-self: baseline;
        gap: var(--dds-spacing-space-8);
        width: 100%;
      }
      ._2T4RuW_containerVerticalMinHeight {
        gap: var(--ddsweb-theme-spacing-xs);
        flex-wrap: wrap;
        width: 100%;
        min-height: 88px;
        display: flex;
      }
      ._2T4RuW_containerVerticalMinHeight .ddsweb-quantity-controls__form-group {
        align-self: flex-end;
        width: 100%;
      }
      ._2T4RuW_containerWide {
        vertical-align: top;
        display: inline-block;
      }
      ._2T4RuW_formGroup .ddsweb-form-group__children {
        display: flex;
      }
      ._2T4RuW_formGroup .ddsweb-form-group__message {
        margin-bottom: calc(var(--ddsweb-theme-spacing-xx) - 1px);
      }
      ._2T4RuW_formGroup .ddsweb-form-group__success-message {
        font-weight: bold;
      }
      ._2T4RuW_dropdown {
        width: 100%;
        margin-bottom: 0;
        display: inline-block;
      }
      ._2T4RuW_looseProductVerticalDropdown {
        width: 100%;
        margin-right: 0;
        position: absolute;
        top: 0;
      }
      ._2T4RuW_dropdown .ddsweb-dropdown__select-span {
        padding: var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xs);
      }
      ._2T4RuW_dropdown .ddsweb-dropdown__select-icon {
        right: var(--ddsweb-theme-spacing-xs);
      }
      ._2T4RuW_input {
        width: calc(100% - var(--ddsweb-theme-spacing-sm));
        min-width: 40px;
        margin-right: var(--ddsweb-theme-spacing-sm);
        margin-bottom: 0;
      }
      ._2T4RuW_buttonsWrapper {
        align-items: flex-start;
        width: 88px;
        display: inline-flex;
      }
      ._2T4RuW_buttonsWrapperVertical {
        gap: var(--ddsweb-theme-spacing-xs);
        min-width: 115px;
      }
      ._2T4RuW_buttonsWrapperDropdownVertical {
        position: absolute;
        bottom: 0;
      }
      @media (min-width: 756px) {
        ._2T4RuW_buttonsWrapperDropdownVertical {
          position: absolute;
          bottom: 0;
          right: 0;
        }
        ._2T4RuW_containerVertical {
          justify-self: flex-end;
          width: 100%;
        }
      }
      ._2T4RuW_decrementButton {
        margin-right: var(--ddsweb-theme-spacing-xs);
      }
      ._2T4RuW_textButton {
        flex-shrink: 0;
        width: 50%;
      }
      ._2T4RuW_textButtonVertical {
        flex: 1;
        min-width: 50%;
      }
      ._2T4RuW_textButtonLooseProductVertical {
        flex: 1;
        width: 50%;
        bottom: 0;
      }
      ._2T4RuW_textButtonSavedForLater {
        flex-shrink: 0;
        width: 50%;
      }
      ._2T4RuW_quantityText {
        font-weight: bold;
        font-size: var(--ddsweb-theme-font-size-next-text-md);
        margin: auto;
      }
      ._2T4RuW_looseWeightWrapperVertical {
        position: absolute;
        top: 0;
        bottom: 0;
      }
      ._2T4RuW_looseWeightWrapperHorizontal {
        margin-right: var(--ddsweb-theme-spacing-sm);
      }
      @media (min-width: 756px) {
        ._2T4RuW_looseWeightWrapperVertical {
          position: unset;
        }
        ._2T4RuW_textButtonSavedForLater {
          width: 25%;
        }
        ._2T4RuW_containerVertical {
          width: 50%;
        }
        ._2T4RuW_textButtonLooseProductVertical {
          flex: 1;
          position: absolute;
          right: 0;
        }
      }
      ._2T4RuW_quantityControlWrapper {
        width: 50%;
        margin-bottom: 0;
      }
      ._2T4RuW_quantityControlWrapperVertical {
        justify-content: flex-start;
        width: 100%;
        margin-left: 0;
        display: flex;
      }
    }
    ._2T4RuW_changeYourSlotLink {
      margin-bottom: var(--ddsweb-theme-spacing-md);
    }
    ._2T4RuW_promotionsWithClubcardPriceContainer {
      margin: 0;
    }
    ._2T4RuW_name {
      margin-left: var(--ddsweb-theme-spacing-xx);
    }
    ._2T4RuW_wrapper {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
    }
    ._2T4RuW_image {
      max-width: 128px;
      margin-left: var(--ddsweb-theme-spacing-xx);
    }
    ._2T4RuW_styledFootnote {
      align-items: center;
      display: flex;
    }
    ._2T4RuW_styledDepositText {
      padding: var(--ddsweb-theme-spacing-xx) 0;
    }
    ._2T4RuW_imageContainer {
      text-align: center;
      display: block;
    }
    ._2T4RuW_imageMargin {
      margin: var(--ddsweb-theme-spacing-sm);
    }
    ._2T4RuW_baseImage {
      width: 84px;
      height: 84px;
    }
    ._2T4RuW_portrait {
      aspect-ratio: 4 / 5;
      height: 100px;
    }
    ._2T4RuW_orientationVertical {
      width: 100%;
      max-width: 228px;
      height: auto;
    }
    @media (min-width: 756px) {
      ._2T4RuW_baseImage {
        margin-bottom: var(--ddsweb-theme-spacing-md);
      }
    }
    @layer ddsweb-info-message-with-popover {
      ._2T4RuW_infoButton .ddsweb-button__text-container {
        font-weight: normal;
        font-size: var(--ddsweb-theme-font-size-xx);
        text-decoration: underline;
      }
      ._2T4RuW_infoButtonVertical .ddsweb-button__icon-container {
        background-color: var(--ddsweb-theme-colors-info-messaging);
        font-weight: normal;
      }
      ._2T4RuW_wrapper .ddsweb-messaging__icon {
        display: none;
      }
      ._2T4RuW_wrapper .ddsweb-messaging__inner-container .ddsweb-text {
        color: var(--ddsweb-theme-colors-inverse);
      }
    }
    @layer ddsweb-info-message {
      ._2T4RuW_styledMessage {
        margin-bottom: 12px;
        padding: 8px 12px;
        font-size: 14px;
      }
      ._2T4RuW_styledInfoStatusMessaging {
        -webkit-tap-highlight-color: var(--ddsweb-theme-base-tap-highlight-color);
        box-sizing: border-box;
        outline: var(--ddsweb-theme-base-outline);
        margin-bottom: 8px;
        position: relative;
      }
      ._2T4RuW_info {
        background-color: #dfe9f6;
      }
      ._2T4RuW_success {
        background-color: #e3f1e1;
      }
      ._2T4RuW_warning {
        background-color: #fefadb;
      }
    }
    ._2T4RuW_layoutImageContainer {
      grid-area: image;
    }
    ._2T4RuW_titleContainer {
      gap: var(--ddsweb-theme-spacing-xs);
      grid-area: title;
    }
    ._2T4RuW_detailsContainer {
      flex-direction: column;
      grid-area: details;
      display: flex;
    }
    @media (min-width: 1260px) {
      ._2T4RuW_detailsContainerHorizontal a {
        margin-bottom: var(--ddsweb-theme-spacing-xs);
      }
    }
    ._2T4RuW_buyBoxContainer {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      grid-area: buy-box;
    }
    @media (min-width: 1260px) {
      ._2T4RuW_buyBoxContainerHorizontal {
        grid-row-end: 9;
      }
    }
    ._2T4RuW_promotionsContainer {
      grid-area: promotion;
    }
    ._2T4RuW_messagingContainer {
      grid-area: messaging;
    }
    ._2T4RuW_messagingContainerHorizontal {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
    }
    ._2T4RuW_messagingContainerHorizontal > div {
      margin-top: 0;
    }
    ._2T4RuW_footerContainer {
      grid-area: footer;
    }
    ._2T4RuW_deliveryMessageContainer {
      grid-area: deliverymessage;
    }
    ._2T4RuW_actionIconContainer {
      align-items: flex-start;
      gap: var(--ddsweb-theme-spacing-xx);
      flex-direction: column-reverse;
      grid-area: action-icon;
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
    }
    @media (min-width: 756px) {
      ._2T4RuW_actionIconContainer {
        flex-direction: row;
      }
      ._2T4RuW_verticalTile ._2T4RuW_buyBoxContainerVertical {
        margin-bottom: 0;
      }
    }
    ._2T4RuW_verticalTile ._2T4RuW_actionIconContainerVertical {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      flex-direction: column-reverse;
      grid-area: action-icon;
      display: flex;
    }
    ._2T4RuW_layoutAllowSubstitutionsContainer {
      grid-area: substitutions;
    }
    ._2T4RuW_preferencesContainer {
      gap: var(--ddsweb-theme-spacing-md);
      grid-area: preferences;
      display: grid;
    }
    @media (min-width: 1260px) {
      ._2T4RuW_preferencesContainerHorizontal {
        grid-column: 1 / 5;
        min-width: 0;
        min-height: 0;
      }
    }
    ._2T4RuW_offerSashContainer {
      grid-area: offersash;
    }
    ._2T4RuW_saveForLaterContainer {
      margin-top: var(--ddsweb-theme-spacing-md);
      grid-area: save-for-later;
    }
    ._2T4RuW_variationsTextContainer {
      grid-area: variations;
    }
    ._2T4RuW_saveToListContainer {
      margin-top: var(--ddsweb-theme-spacing-md);
      grid-area: save-to-list;
    }
    ._2T4RuW_variationsContainer {
      grid-area: variations;
    }
    ._2T4RuW_offerSashList {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      flex-wrap: wrap;
      grid-column: 1 / 3;
      display: flex;
    }
    ._2T4RuW_marketPlaceTag,
    ._2T4RuW_marketPlaceTag span {
      margin: 0 var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xx) 0;
    }
    ._2T4RuW_pickerNoteContent {
      margin-top: var(--ddsweb-theme-spacing-xs);
      padding-top: var(--ddsweb-theme-spacing-xs);
      position: relative;
    }
    ._2T4RuW_pickerNoteContent:before,
    ._2T4RuW_pickerNoteContent:after {
      background-color: var(--ddsweb-theme-colors-lines-base);
      content: "";
      width: 100%;
      height: 1px;
      display: block;
      position: absolute;
      top: 0;
    }
    ._2T4RuW_pickerStatusError {
      min-height: var(--ddsweb-theme-icons-background-sizes-xs);
      margin-top: var(--ddsweb-theme-spacing-xx);
      flex-wrap: wrap;
      align-items: center;
      padding-right: 60px;
      display: flex;
    }
    ._2T4RuW_pickerStatusMessage {
      min-height: var(--ddsweb-theme-icons-background-sizes-xs);
      margin-top: calc(-1 * var(--ddsweb-theme-icons-background-sizes-xs));
      justify-content: end;
      align-items: center;
      display: flex;
    }
    ._2T4RuW_status {
      margin-left: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-base);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._2T4RuW_statusSuccess {
      margin-left: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-success);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._2T4RuW_statusError {
      margin-left: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-error);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._2T4RuW_textAreaGroup textarea {
      white-space: nowrap;
      resize: none;
      height: 46px;
      overflow-y: auto;
    }
    ._2T4RuW_textAreaGroup .ddsweb-textarea-group__count-text {
      margin-bottom: 0;
    }
    ._2T4RuW_errorIcon {
      width: var(--ddsweb-theme-font-size-xs);
      height: var(--ddsweb-theme-font-size-xs);
    }
    @media (min-width: 1260px) {
      ._2T4RuW_checkBoxContainer,
      ._2T4RuW_pickerNoteContent {
        margin-left: 96px;
      }
    }
    ._2T4RuW_horizontalTile {
      min-height: var(--ddsweb-theme-spacing-xl);
      border: 1px solid var(--ddsweb-theme-colors-lines-base);
      background-color: var(--ddsweb-theme-colors-background-base);
      grid-column-gap: var(--ddsweb-theme-spacing-md);
      padding: var(--ddsweb-theme-spacing-md);
      grid-template-columns: 80px 1fr auto;
      grid-template-areas: "offersash offersash action-icon" "image title ." "image variations variations" "image deliverymessage deliverymessage" "image details details" "image buy-box buy-box" "image save-to-list save-to-list" "promotion promotion promotion" "messaging messaging messaging" "substitutions substitutions substitutions" "preferences preferences preferences" "save-for-later save-for-later save-for-later" "footer footer footer";
      display: grid;
      position: relative;
    }
    ._2T4RuW_horizontalTile input[type=number] {
      -moz-appearance: textfield;
    }
    ._2T4RuW_horizontalTile input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    ._2T4RuW_horizontalTile input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    @media (min-width: 756px) {
      ._2T4RuW_horizontalTile {
        grid-template-areas: "offersash offersash action-icon" "image title title" "image variations variations" "image deliverymessage deliverymessage" "image details details" "image promotion promotion" "image messaging messaging" "image buy-box buy-box" "image save-to-list save-to-list" "substitutions substitutions substitutions" "image preferences preferences" "image save-for-later save-for-later" "footer footer footer";
      }
    }
    @media (min-width: 1260px) {
      ._2T4RuW_horizontalTile {
        grid-template-columns: 80px minmax(0, 1.7fr) minmax(0, 1fr) auto;
        grid-template-areas: "offersash offersash offersash action-icon" "image title buy-box ." "image variations buy-box ." "image deliverymessage buy-box ." "image details buy-box ." "image promotion buy-box ." "image messaging buy-box ." "image save-to-list buy-box ." "image substitutions buy-box ." "image preferences buy-box ." "image save-for-later buy-box ." "footer footer footer footer";
      }
    }
    ._2T4RuW_verticalTile {
      min-height: var(--ddsweb-theme-spacing-xl);
      border: 1px solid var(--ddsweb-theme-colors-lines-base);
      background-color: var(--ddsweb-theme-colors-background-base);
      grid-column-gap: var(--ddsweb-theme-spacing-md);
      padding: var(--ddsweb-theme-spacing-md);
      grid-template-columns: 80px 1fr;
      grid-template-areas: "offersash offersash action-icon" "image title title" "image variations variations" "image deliverymessage deliverymessage" "image details details" "image buy-box buy-box" "image save-to-list save-to-list" "messaging messaging messaging" "save-for-later save-for-later save-for-later" "footer footer footer" "promotion promotion promotion" "preferences preferences preferences";
      display: grid;
      position: relative;
    }
    ._2T4RuW_verticalTile input[type=number] {
      -moz-appearance: textfield;
    }
    ._2T4RuW_verticalTile input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    ._2T4RuW_verticalTile input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    @media (min-width: 756px) {
      ._2T4RuW_verticalTile {
        grid-column-gap: 0;
        grid-template-columns: 1fr auto;
        grid-template-areas: "offersash offersash offersash action-icon" "image image image image" "title title title title" "variations variations variations variations" "deliverymessage deliverymessage deliverymessage deliverymessage" "details details details details" "messaging messaging messaging messaging" "promotion promotion promotion promotion" "buy-box buy-box buy-box buy-box" "preferences preferences preferences preferences" "save-to-list save-to-list save-to-list save-to-list" "save-for-later save-for-later save-for-later save-for-later" "footer footer footer footer";
        width: 228px;
      }
    }
    ._2T4RuW_promoMessage {
      color: var(--ddsweb-theme-colors-secondary);
    }
    ._2T4RuW_linkStyles {
      cursor: pointer;
      text-decoration: none;
    }
    ._2T4RuW_linkStyles:focus,
    ._2T4RuW_linkStyles:hover {
      text-decoration: underline;
    }
    ._2T4RuW_termsMessage {
      margin: var(--ddsweb-theme-spacing-xs) 0;
      line-height: var(--ddsweb-theme-base-line-height);
    }
    ._2T4RuW_promoDepositText {
      color: var(--ddsweb-theme-colors-secondary);
    }
    ._2T4RuW_styledOfferText {
      line-clamp: 2;
      -webkit-line-clamp: 2;
      line-height: var(--ddsweb-theme-line-height-heading-sm);
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
    ._2T4RuW_valueBar .ddsweb-value-bar__inner-container {
      height: auto;
    }
    ._2T4RuW_valueBar .ddsweb-value-bar__content-container {
      padding: var(--ddsweb-theme-spacing-sm);
    }
    ._2T4RuW_valueBar .ddsweb-value-bar__terms {
      padding: var(--ddsweb-theme-spacing-xs) 0;
      font-size: var(--ddsweb-theme-font-size-xx);
      text-align: left;
      line-height: calc(1em + .25rem);
    }
    @layer ddsweb-promotions {
      @media (min-width: 756px) {
        ._2T4RuW_promotionsContainer {
          grid-template-areas: "image title" "image promotion" "image details" "image messaging" "image buy-box" "image substitutions" "footer footer";
        }
        ._2T4RuW_promotionsContainer > div:last-child ._2T4RuW_termsMessage {
          margin-bottom: 0;
        }
        ._2T4RuW_promotionsContainer > div:last-child ._2T4RuW_styledMessage {
          margin-top: var(--ddsweb-theme-spacing-xs);
          margin-bottom: 0;
        }
      }
    }
    ._2T4RuW_saveForLaterButton {
      font-size: var(--ddsweb-theme-font-size-xx);
      line-height: var(--ddsweb-theme-spacing-xl);
    }
    ._2T4RuW_styledButton {
      font-size: var(--ddsweb-theme-font-size-next-text-sm);
      line-height: var(--ddsweb-theme-line-height-next-text-sm);
    }
    ._2T4RuW_styledButton > span {
      align-items: center;
      gap: var(--ddsweb-theme-spacing-xx);
      display: flex;
    }
    ._2T4RuW_styledStatusMessaging {
      margin: var(--ddsweb-theme-spacing-xs) 0;
    }
    ._2T4RuW_swatchBaselayer {
      --ddsweb-swatch-container-area: 40px;
      --ddsweb-swatch-border-color: transparent;
      --ddsweb-swatch-hover-border-color: var(--ddsweb-swatch-border-color);
      --ddsweb-swatch-tesco-blue: var(--ddsweb-theme-colors-tesco-blue);
      box-sizing: border-box;
      width: var(--ddsweb-swatch-container-area);
      height: var(--ddsweb-swatch-container-area);
      border-style: solid;
      border-width: 3px;
      border-color: var(--ddsweb-swatch-border-color);
      border-radius: 50%;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
    ._2T4RuW_swatchBaselayerSm {
      --ddsweb-swatch-container-area: 30px;
      border-width: var(--ddsweb-theme-spacing-xxx);
    }
    ._2T4RuW_swatchBaselayerHoverMode {
      --ddsweb-swatch-hover-border-color: var(--ddsweb-swatch-tesco-blue);
    }
    ._2T4RuW_swatchBaselayer:active,
    ._2T4RuW_swatchBaselayer:focus ._2T4RuW_swatchBaselayer:focus-visible {
      border-color: var(--ddsweb-swatch-tesco-blue);
    }
    ._2T4RuW_swatchBaselayer:hover {
      border-color: var(--ddsweb-swatch-hover-border-color);
    }
    ._2T4RuW_slantedLine {
      --ddsweb-swatch-out-of-stock-color: var(--ddsweb-theme-colors-grayscale);
      --ddsweb-swatch-hover-border-color: var(--ddsweb-swatch-out-of-stock-color);
      --ddsweb-swatch-tesco-blue: var(--ddsweb-theme-colors-tesco-blue);
      background:
        linear-gradient(
          to left bottom,
          transparent 45%,
          white 46%,
          white 49%,
          var(--ddsweb-swatch-out-of-stock-color) 50%,
          var(--ddsweb-swatch-out-of-stock-color) 51%,
          white 52%,
          white 55%,
          transparent 55%,
          transparent 100%);
      color: var(--ddsweb-theme-colors-grayscale);
      border-radius: 50%;
      position: absolute;
      inset: 0;
    }
    ._2T4RuW_slantedLineSelected {
      --ddsweb-swatch-out-of-stock-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._2T4RuW_slantedLineHoverMode {
      --ddsweb-swatch-hover-border-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._2T4RuW_slantedLine:hover {
      background:
        linear-gradient(
          to left bottom,
          transparent 45%,
          white 46%,
          white 49%,
          var(--ddsweb-swatch-hover-border-color) 50%,
          var(--ddsweb-swatch-hover-border-color) 51%,
          white 52%,
          white 55%,
          transparent 55%,
          transparent 100%);
    }
    ._2T4RuW_slantedLine:active,
    ._2T4RuW_slantedLine:focus {
      background:
        linear-gradient(
          to left bottom,
          transparent 45%,
          white 46%,
          white 49%,
          var(--ddsweb-swatch-tesco-blue) 50%,
          var(--ddsweb-swatch-tesco-blue) 51%,
          white 52%,
          white 55%,
          transparent 55%,
          transparent 100%);
    }
    ._2T4RuW_swatchDataLayer {
      --ddsweb-swatch-min-hit-area: var(--ddsweb-theme-buttons-size-sm);
      --ddsweb-swatch-border-color: var(--ddsweb-theme-colors-grayscale);
      --ddsweb-swatch-tesco-blue: var(--ddsweb-theme-colors-tesco-blue);
      --ddsweb-swatch-hover-border-color: var(--ddsweb-swatch-border-color);
      box-sizing: border-box;
      width: var(--ddsweb-swatch-min-hit-area);
      height: var(--ddsweb-swatch-min-hit-area);
      border-style: solid;
      border-width: 1px;
      border-color: var(--ddsweb-swatch-border-color);
      background: var(--ddsweb-swatch-background-color);
      background-size: contain;
      border-radius: 50%;
      position: relative;
    }
    ._2T4RuW_swatchDataLayerSm {
      --ddsweb-swatch-min-hit-area: var(--ddsweb-theme-buttons-size-xs);
    }
    ._2T4RuW_swatchDataLayerSelected {
      --ddsweb-swatch-border-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._2T4RuW_swatchDataLayerHoverMode {
      --ddsweb-swatch-hover-border-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._2T4RuW_swatchDataLayer:active,
    ._2T4RuW_swatchDataLayer:focus {
      border-color: var(--ddsweb-swatch-tesco-blue);
    }
    ._2T4RuW_swatchDataLayer:hover {
      border-color: var(--ddsweb-swatch-hover-border-color);
    }
    ._2T4RuW_unStyledButton,
    ._2T4RuW_unStyledAnchor {
      cursor: pointer;
      background: none;
      border: none;
    }
    ._2T4RuW_unStyledButton:focus,
    ._2T4RuW_unStyledButton:active,
    ._2T4RuW_unStyledAnchor:focus,
    ._2T4RuW_unStyledAnchor:focus-visible,
    ._2T4RuW_unStyledButton:focus-visible {
      border-radius: 50%;
    }
    ._2T4RuW_dataLayerimage {
      box-sizing: border-box;
      border-radius: 50%;
      width: 100%;
      height: 100%;
    }
    ._2T4RuW_imageUnavailable {
      border: 1px solid #fff;
    }
    ._2T4RuW_selectedIcon {
      box-sizing: border-box;
      z-index: 1;
      border: var(--ddsweb-theme-spacing-xxx) solid var(--ddsweb-theme-colors-primary);
      background-color: var(--ddsweb-theme-colors-background-base);
      width: 20px;
      height: 20px;
      color: var(--ddsweb-theme-colors-primary);
      cursor: default;
      border-radius: 50%;
      align-items: center;
      padding: 3px;
      display: flex;
      position: absolute;
      top: -5px;
      right: -5px;
    }
    ._2T4RuW_selectedIcon .ddsweb-icon__svg {
      stroke-width: var(--ddsweb-theme-spacing-xx);
    }
    ._2T4RuW_title {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      padding-right: var(--ddsweb-theme-spacing-md);
      overflow: visible;
    }
    ._2T4RuW_verticalTile ._2T4RuW_titleVertical {
      font-weight: normal;
    }
    ._2T4RuW_title ._2T4RuW_ddsweb-title-link__link {
      text-decoration: none;
    }
    ._2T4RuW_title ._2T4RuW_ddsweb-title-link__link:focus,
    ._2T4RuW_title ._2T4RuW_ddsweb-title-link__link:hover {
      text-decoration: underline;
    }
    ._2T4RuW_titleLink {
      text-decoration: none;
    }
    ._2T4RuW_titleLink:focus,
    ._2T4RuW_titleLink:hover {
      text-decoration: underline;
    }
    ._2T4RuW_spinner {
      border-width: 3px;
      width: 16px;
      height: 16px;
    }
    ._2T4RuW_totalPrice {
      margin-bottom: var(--ddsweb-theme-spacing-md);
      align-items: center;
      display: flex;
    }
    ._2T4RuW_totalPrice ._2T4RuW_totalText {
      margin-right: var(--ddsweb-theme-spacing-xx);
    }
    ._2T4RuW_totalPrice ._2T4RuW_priceText {
      color: var(--ddsweb-theme-colors-heading);
      --ddsweb-text-font-size: var(--ddsweb-theme-font-size-next-text-md);
      font-weight: var(--ddsweb-theme-font-weight-heading);
    }
    @media (min-width: 1260px) {
      ._2T4RuW_totalPrice {
        margin-bottom: 0;
      }
    }
    ._2T4RuW_sizeColourContainer {
      padding: 0 0 var(--ddsweb-theme-spacing-xs);
    }
    ._2T4RuW_colourVariationContainer {
      flex-flow: wrap;
      align-items: center;
      display: flex;
    }
    ._2T4RuW_colorText {
      margin-left: var(--ddsweb-theme-spacing-xx);
    }
    ._2T4RuW_variationContainer {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
      gap: var(--ddsweb-theme-spacing-sm);
      flex-direction: column;
      display: flex;
    }
    ._2T4RuW_reviewStyledLink {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._2T4RuW_verticalTile ._2T4RuW_styledReviewLinkVertical {
      font-weight: normal;
    }
    ._2T4RuW_visuallyHidden {
      clip: rect(0 0 0 0);
      border: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    ._2T4RuW_sponsoredLabel {
      margin-bottom: var(--ddsweb-theme-spacing-xx);
      display: grid;
    }
  }
}
@layer ddsweb-overrides;


/*# sourceMappingURL=9030de339990dd366693.css.map*/