/* 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 {
    ._64Yvfa_styledLink {
      min-width: none;
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_whiteBackground {
      height: 56px;
      margin-top: var(--ddsweb-theme-spacing-xx);
      padding: var(--ddsweb-theme-spacing-xx) 0;
      display: flex;
    }
    ._64Yvfa_allowSubstitutionsContainer {
      margin-top: var(--ddsweb-theme-spacing-sm);
    }
    @media (min-width: 756px) {
      ._64Yvfa_allowSubstitutionsContainer {
        margin-top: initial;
      }
    }
    @media (min-width: 1260px) {
      ._64Yvfa_allowSubstitutionsContainer {
        margin-left: 96px;
      }
    }
    @layer ddsweb-buy-box {
      ._64Yvfa_withPadding {
        padding-bottom: var(--ddsweb-theme-spacing-xxxl);
      }
      ._64Yvfa_formGroup {
        margin-bottom: var(--ddsweb-theme-spacing-md);
      }
      ._64Yvfa_priceAndActions ._64Yvfa_formGroup {
        margin-bottom: 0;
      }
      ._64Yvfa_orientationHorizontal {
        width: calc(50% - var(--ddsweb-theme-spacing-sm));
      }
      ._64Yvfa_orientationVertical {
        width: 100%;
      }
      ._64Yvfa_formGroupWithRadio .ddsweb-form-group__children {
        gap: var(--ddsweb-theme-spacing-sm);
        flex-direction: column;
        display: flex;
      }
      ._64Yvfa_verticalTile ._64Yvfa_priceValueActionVertical {
        row-gap: var(--ddsweb-theme-spacing-sm);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
      }
      ._64Yvfa_priceValueVariation {
        margin-bottom: var(--ddsweb-theme-spacing-sm);
      }
      ._64Yvfa_verticalTile ._64Yvfa_verticalVariationContainer {
        row-gap: var(--ddsweb-theme-spacing-sm);
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        display: flex;
      }
      @media (min-width: 756px) {
        ._64Yvfa_verticalTile ._64Yvfa_verticalVariationContainer {
          flex-wrap: nowrap;
        }
        ._64Yvfa_formGroupWithRadio .ddsweb-form-group__children {
          flex-direction: row;
          gap: 0;
        }
      }
      ._64Yvfa_radioButtonWithLabel {
        margin-bottom: 0;
        display: inline-flex;
      }
      ._64Yvfa_radioButtonWithLabel .ddsweb-radio-button-with-label__label-with-description {
        margin-top: 0;
        margin-left: var(--ddsweb-theme-spacing-xs);
      }
      ._64Yvfa_radioButtonWithLabelIndexZero {
        margin-right: var(--ddsweb-theme-spacing-sm);
      }
      ._64Yvfa_radioButtonWithLabelIndexOne {
        padding-top: var(--ddsweb-theme-spacing-xs);
      }
      @media (min-width: 756px) {
        ._64Yvfa_radioButtonWithLabel {
          padding-top: 0;
        }
        ._64Yvfa_verticalTile ._64Yvfa_priceContainerLooseWeightVertical {
          position: absolute;
        }
        ._64Yvfa_verticalTile ._64Yvfa_priceContainerNarrowVertical {
          width: 50%;
          max-width: calc(100% - 115px);
        }
      }
      ._64Yvfa_priceContainerNarrow {
        margin-bottom: var(--ddsweb-theme-spacing-sm);
        display: block;
      }
      ._64Yvfa_verticalTile ._64Yvfa_priceContainerNarrowVertical {
        margin-bottom: 0;
      }
      ._64Yvfa_verticalTile ._64Yvfa_priceValueActionVertical > div {
        flex: 50%;
      }
      ._64Yvfa_priceContainerWide {
        margin-top: var(--ddsweb-theme-spacing-xx);
        margin-right: var(--ddsweb-theme-spacing-xxl);
        vertical-align: top;
        display: inline-block;
      }
      ._64Yvfa_priceAndActionsWide {
        justify-content: space-between;
        display: flex;
      }
      ._64Yvfa_verticalTile ._64Yvfa_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;
      }
      ._64Yvfa_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;
      }
      ._64Yvfa_verticalTile ._64Yvfa_priceTextVertical {
        font-size: var(--ddsweb-theme-font-size-next-text-md);
        line-height: var(--ddsweb-theme-line-height-next-text-sm);
      }
      ._64Yvfa_subtext {
        margin-left: var(--ddsweb-theme-spacing-xs);
        display: inline-flex;
      }
      ._64Yvfa_verticalTile ._64Yvfa_subtextVertical {
        font-size: var(--ddsweb-theme-font-size-next-text-xs);
        line-height: var(--ddsweb-theme-line-height-next-text-sm);
        margin-left: 0;
      }
      ._64Yvfa_container {
        display: block;
      }
      ._64Yvfa_containerVertical {
        width: 100%;
      }
      ._64Yvfa_containerVertical .ddsweb-form-group__children {
        align-self: baseline;
        gap: var(--dds-spacing-space-8);
        width: 100%;
      }
      ._64Yvfa_containerVerticalMinHeight {
        gap: var(--ddsweb-theme-spacing-xs);
        flex-wrap: wrap;
        width: 100%;
        min-height: 88px;
        display: flex;
      }
      ._64Yvfa_containerVerticalMinHeight .ddsweb-quantity-controls__form-group {
        align-self: flex-end;
        width: 100%;
      }
      ._64Yvfa_containerWide {
        vertical-align: top;
        display: inline-block;
      }
      ._64Yvfa_formGroup .ddsweb-form-group__children {
        display: flex;
      }
      ._64Yvfa_formGroup .ddsweb-form-group__message {
        margin-bottom: calc(var(--ddsweb-theme-spacing-xx) - 1px);
      }
      ._64Yvfa_formGroup .ddsweb-form-group__success-message {
        font-weight: bold;
      }
      ._64Yvfa_dropdown {
        width: 100%;
        margin-bottom: 0;
        display: inline-block;
      }
      ._64Yvfa_looseProductVerticalDropdown {
        width: 100%;
        margin-right: 0;
        position: absolute;
        top: 0;
      }
      ._64Yvfa_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);
      }
      ._64Yvfa_dropdown .ddsweb-dropdown__select-icon {
        right: var(--ddsweb-theme-spacing-xs);
      }
      ._64Yvfa_input {
        width: calc(100% - var(--ddsweb-theme-spacing-sm));
        min-width: 40px;
        margin-right: var(--ddsweb-theme-spacing-sm);
        margin-bottom: 0;
      }
      ._64Yvfa_buttonsWrapper {
        align-items: flex-start;
        width: 88px;
        display: inline-flex;
      }
      ._64Yvfa_buttonsWrapperVertical {
        gap: var(--ddsweb-theme-spacing-xs);
        min-width: 115px;
      }
      ._64Yvfa_buttonsWrapperDropdownVertical {
        position: absolute;
        bottom: 0;
      }
      @media (min-width: 756px) {
        ._64Yvfa_buttonsWrapperDropdownVertical {
          position: absolute;
          bottom: 0;
          right: 0;
        }
        ._64Yvfa_containerVertical {
          justify-self: flex-end;
          width: 100%;
        }
      }
      ._64Yvfa_decrementButton {
        margin-right: var(--ddsweb-theme-spacing-xs);
      }
      ._64Yvfa_textButton {
        flex-shrink: 0;
        width: 50%;
      }
      ._64Yvfa_textButtonVertical {
        flex: 1;
        min-width: 50%;
      }
      ._64Yvfa_textButtonLooseProductVertical {
        flex: 1;
        width: 50%;
        bottom: 0;
      }
      ._64Yvfa_textButtonSavedForLater {
        flex-shrink: 0;
        width: 50%;
      }
      ._64Yvfa_quantityText {
        font-weight: bold;
        font-size: var(--ddsweb-theme-font-size-next-text-md);
        margin: auto;
      }
      ._64Yvfa_looseWeightWrapperVertical {
        position: absolute;
        top: 0;
        bottom: 0;
      }
      ._64Yvfa_looseWeightWrapperHorizontal {
        margin-right: var(--ddsweb-theme-spacing-sm);
      }
      @media (min-width: 756px) {
        ._64Yvfa_looseWeightWrapperVertical {
          position: unset;
        }
        ._64Yvfa_textButtonSavedForLater {
          width: 25%;
        }
        ._64Yvfa_containerVertical {
          width: 50%;
        }
        ._64Yvfa_textButtonLooseProductVertical {
          flex: 1;
          position: absolute;
          right: 0;
        }
      }
      ._64Yvfa_quantityControlWrapper {
        width: 50%;
        margin-bottom: 0;
      }
      ._64Yvfa_quantityControlWrapperVertical {
        justify-content: flex-start;
        width: 100%;
        margin-left: 0;
        display: flex;
      }
    }
    ._64Yvfa_changeYourSlotLink {
      margin-bottom: var(--ddsweb-theme-spacing-md);
    }
    ._64Yvfa_promotionsWithClubcardPriceContainer {
      margin: 0;
    }
    ._64Yvfa_name {
      margin-left: var(--ddsweb-theme-spacing-xx);
    }
    ._64Yvfa_wrapper {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
    }
    ._64Yvfa_image {
      max-width: 128px;
      margin-left: var(--ddsweb-theme-spacing-xx);
    }
    ._64Yvfa_styledFootnote {
      align-items: center;
      display: flex;
    }
    ._64Yvfa_styledDepositText {
      padding: var(--ddsweb-theme-spacing-xx) 0;
    }
    ._64Yvfa_imageContainer {
      text-align: center;
      display: block;
    }
    ._64Yvfa_imageMargin {
      margin: var(--ddsweb-theme-spacing-sm);
    }
    ._64Yvfa_baseImage {
      width: 84px;
      height: 84px;
    }
    ._64Yvfa_portrait {
      aspect-ratio: 4 / 5;
      height: 100px;
    }
    ._64Yvfa_orientationVertical {
      width: 100%;
      max-width: 84px;
      height: auto;
      max-height: 100px;
    }
    @media (min-width: 756px) {
      ._64Yvfa_baseImage {
        margin-bottom: var(--ddsweb-theme-spacing-md);
      }
    }
    @media (min-width: 1512px) {
      ._64Yvfa_orientationVertical {
        max-height: 267.5px;
      }
    }
    @media (min-width: 504px) {
      ._64Yvfa_orientationVertical {
        max-width: 228px;
        max-height: 285px;
      }
    }
    @layer ddsweb-info-message-with-popover {
      ._64Yvfa_infoButton .ddsweb-button__text-container {
        font-weight: normal;
        font-size: var(--ddsweb-theme-font-size-xx);
        text-decoration: underline;
      }
      ._64Yvfa_infoButtonVertical .ddsweb-button__icon-container {
        background-color: var(--ddsweb-theme-colors-info-messaging);
        font-weight: normal;
      }
      ._64Yvfa_wrapper .ddsweb-messaging__icon {
        display: none;
      }
      ._64Yvfa_wrapper .ddsweb-messaging__inner-container .ddsweb-text {
        color: var(--ddsweb-theme-colors-inverse);
      }
    }
    @layer ddsweb-info-message {
      ._64Yvfa_styledMessage {
        margin-bottom: 12px;
        padding: 8px 12px;
        font-size: 14px;
      }
      ._64Yvfa_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;
      }
      ._64Yvfa_info {
        background-color: #dfe9f6;
      }
      ._64Yvfa_success {
        background-color: #e3f1e1;
      }
      ._64Yvfa_warning {
        background-color: #fefadb;
      }
    }
    ._64Yvfa_layoutImageContainer {
      grid-area: image;
    }
    ._64Yvfa_titleContainer {
      gap: var(--ddsweb-theme-spacing-xs);
      grid-area: title;
    }
    ._64Yvfa_detailsContainer {
      flex-direction: column;
      grid-area: details;
      display: flex;
    }
    @media (min-width: 1260px) {
      ._64Yvfa_detailsContainerHorizontal a {
        margin-bottom: var(--ddsweb-theme-spacing-xs);
      }
    }
    ._64Yvfa_buyBoxContainer {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      grid-area: buy-box;
    }
    @media (min-width: 1260px) {
      ._64Yvfa_buyBoxContainerHorizontal {
        grid-row-end: 9;
      }
    }
    ._64Yvfa_promotionsContainer {
      grid-area: promotion;
    }
    ._64Yvfa_messagingContainer {
      grid-area: messaging;
    }
    ._64Yvfa_messagingContainerHorizontal {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
    }
    ._64Yvfa_messagingContainerHorizontal > div {
      margin-top: 0;
    }
    ._64Yvfa_footerContainer {
      grid-area: footer;
    }
    ._64Yvfa_deliveryMessageContainer {
      grid-area: deliverymessage;
    }
    ._64Yvfa_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) {
      ._64Yvfa_actionIconContainer {
        flex-direction: row;
      }
      ._64Yvfa_verticalTile ._64Yvfa_buyBoxContainerVertical {
        margin-bottom: 0;
      }
    }
    ._64Yvfa_verticalTile ._64Yvfa_actionIconContainerVertical {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      flex-direction: column-reverse;
      grid-area: action-icon;
      display: flex;
    }
    ._64Yvfa_layoutAllowSubstitutionsContainer {
      grid-area: substitutions;
    }
    ._64Yvfa_preferencesContainer {
      gap: var(--ddsweb-theme-spacing-md);
      grid-area: preferences;
      display: grid;
    }
    @media (min-width: 1260px) {
      ._64Yvfa_preferencesContainerHorizontal {
        grid-column: 1 / 5;
        min-width: 0;
        min-height: 0;
      }
    }
    ._64Yvfa_offerSashContainer {
      grid-area: offersash;
    }
    ._64Yvfa_saveForLaterContainer {
      margin-top: var(--ddsweb-theme-spacing-md);
      grid-area: save-for-later;
    }
    ._64Yvfa_variationsTextContainer {
      grid-area: variations;
    }
    ._64Yvfa_saveToListContainer {
      margin-top: var(--ddsweb-theme-spacing-md);
      grid-area: save-to-list;
    }
    ._64Yvfa_variationsContainer {
      grid-area: variations;
    }
    ._64Yvfa_offerSashList {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      flex-wrap: wrap;
      grid-column: 1 / 3;
      display: flex;
    }
    ._64Yvfa_marketPlaceTag,
    ._64Yvfa_marketPlaceTag span {
      margin: 0 var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xx) 0;
    }
    ._64Yvfa_pickerNoteContent {
      margin-top: var(--ddsweb-theme-spacing-xs);
      padding-top: var(--ddsweb-theme-spacing-xs);
      position: relative;
    }
    ._64Yvfa_pickerNoteContent:before,
    ._64Yvfa_pickerNoteContent:after {
      background-color: var(--ddsweb-theme-colors-lines-base);
      content: "";
      width: 100%;
      height: 1px;
      display: block;
      position: absolute;
      top: 0;
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_status {
      margin-left: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-base);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._64Yvfa_statusSuccess {
      margin-left: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-success);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._64Yvfa_statusError {
      margin-left: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-error);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._64Yvfa_textAreaGroup textarea {
      white-space: nowrap;
      resize: none;
      height: 46px;
      overflow-y: auto;
    }
    ._64Yvfa_textAreaGroup .ddsweb-textarea-group__count-text {
      margin-bottom: 0;
    }
    ._64Yvfa_errorIcon {
      width: var(--ddsweb-theme-font-size-xs);
      height: var(--ddsweb-theme-font-size-xs);
    }
    @media (min-width: 1260px) {
      ._64Yvfa_checkBoxContainer,
      ._64Yvfa_pickerNoteContent {
        margin-left: 96px;
      }
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_horizontalTile input[type=number] {
      -moz-appearance: textfield;
    }
    ._64Yvfa_horizontalTile input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    ._64Yvfa_horizontalTile input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    @media (min-width: 756px) {
      ._64Yvfa_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) {
      ._64Yvfa_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";
      }
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_verticalTile input[type=number] {
      -moz-appearance: textfield;
    }
    ._64Yvfa_verticalTile input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    ._64Yvfa_verticalTile input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    @media (min-width: 756px) {
      ._64Yvfa_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;
      }
    }
    ._64Yvfa_promoMessage {
      color: var(--ddsweb-theme-colors-secondary);
    }
    ._64Yvfa_linkStyles {
      cursor: pointer;
      text-decoration: none;
    }
    ._64Yvfa_linkStyles:focus,
    ._64Yvfa_linkStyles:hover {
      text-decoration: underline;
    }
    ._64Yvfa_termsMessage {
      margin: var(--ddsweb-theme-spacing-xs) 0;
      line-height: var(--ddsweb-theme-base-line-height);
    }
    ._64Yvfa_promoDepositText {
      color: var(--ddsweb-theme-colors-secondary);
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_valueBar .ddsweb-value-bar__inner-container {
      height: auto;
    }
    ._64Yvfa_valueBar .ddsweb-value-bar__content-container {
      padding: var(--ddsweb-theme-spacing-sm);
    }
    ._64Yvfa_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) {
        ._64Yvfa_promotionsContainer {
          grid-template-areas: "image title" "image promotion" "image details" "image messaging" "image buy-box" "image substitutions" "footer footer";
        }
        ._64Yvfa_promotionsContainer > div:last-child ._64Yvfa_termsMessage {
          margin-bottom: 0;
        }
        ._64Yvfa_promotionsContainer > div:last-child ._64Yvfa_styledMessage {
          margin-top: var(--ddsweb-theme-spacing-xs);
          margin-bottom: 0;
        }
      }
    }
    ._64Yvfa_saveForLaterButton {
      font-size: var(--ddsweb-theme-font-size-xx);
      line-height: var(--ddsweb-theme-spacing-xl);
    }
    ._64Yvfa_styledButton {
      font-size: var(--ddsweb-theme-font-size-next-text-sm);
      line-height: var(--ddsweb-theme-line-height-next-text-sm);
    }
    ._64Yvfa_styledButton > span {
      align-items: center;
      gap: var(--ddsweb-theme-spacing-xx);
      display: flex;
    }
    ._64Yvfa_styledStatusMessaging {
      margin: var(--ddsweb-theme-spacing-xs) 0;
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_swatchBaselayerSm {
      --ddsweb-swatch-container-area: 30px;
      border-width: var(--ddsweb-theme-spacing-xxx);
    }
    ._64Yvfa_swatchBaselayerHoverMode {
      --ddsweb-swatch-hover-border-color: var(--ddsweb-swatch-tesco-blue);
    }
    ._64Yvfa_swatchBaselayer:active,
    ._64Yvfa_swatchBaselayer:focus ._64Yvfa_swatchBaselayer:focus-visible {
      border-color: var(--ddsweb-swatch-tesco-blue);
    }
    ._64Yvfa_swatchBaselayer:hover {
      border-color: var(--ddsweb-swatch-hover-border-color);
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_slantedLineSelected {
      --ddsweb-swatch-out-of-stock-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._64Yvfa_slantedLineHoverMode {
      --ddsweb-swatch-hover-border-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._64Yvfa_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%);
    }
    ._64Yvfa_slantedLine:active,
    ._64Yvfa_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%);
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_swatchDataLayerSm {
      --ddsweb-swatch-min-hit-area: var(--ddsweb-theme-buttons-size-xs);
    }
    ._64Yvfa_swatchDataLayerSelected {
      --ddsweb-swatch-border-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._64Yvfa_swatchDataLayerHoverMode {
      --ddsweb-swatch-hover-border-color: var(--ddsweb-theme-colors-tesco-blue);
    }
    ._64Yvfa_swatchDataLayer:active,
    ._64Yvfa_swatchDataLayer:focus {
      border-color: var(--ddsweb-swatch-tesco-blue);
    }
    ._64Yvfa_swatchDataLayer:hover {
      border-color: var(--ddsweb-swatch-hover-border-color);
    }
    ._64Yvfa_unStyledButton,
    ._64Yvfa_unStyledAnchor {
      cursor: pointer;
      background: none;
      border: none;
    }
    ._64Yvfa_unStyledButton:focus,
    ._64Yvfa_unStyledButton:active,
    ._64Yvfa_unStyledAnchor:focus,
    ._64Yvfa_unStyledAnchor:focus-visible,
    ._64Yvfa_unStyledButton:focus-visible {
      border-radius: 50%;
    }
    ._64Yvfa_dataLayerimage {
      box-sizing: border-box;
      border-radius: 50%;
      width: 100%;
      height: 100%;
    }
    ._64Yvfa_imageUnavailable {
      border: 1px solid #fff;
    }
    ._64Yvfa_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;
    }
    ._64Yvfa_selectedIcon .ddsweb-icon__svg {
      stroke-width: var(--ddsweb-theme-spacing-xx);
    }
    ._64Yvfa_title {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      padding-right: var(--ddsweb-theme-spacing-md);
      overflow: visible;
    }
    ._64Yvfa_verticalTile ._64Yvfa_titleVertical {
      font-weight: normal;
    }
    ._64Yvfa_title ._64Yvfa_ddsweb-title-link__link {
      text-decoration: none;
    }
    ._64Yvfa_title ._64Yvfa_ddsweb-title-link__link:focus,
    ._64Yvfa_title ._64Yvfa_ddsweb-title-link__link:hover {
      text-decoration: underline;
    }
    ._64Yvfa_titleLink {
      text-decoration: none;
    }
    ._64Yvfa_titleLink:focus,
    ._64Yvfa_titleLink:hover {
      text-decoration: underline;
    }
    ._64Yvfa_spinner {
      border-width: 3px;
      width: 16px;
      height: 16px;
    }
    ._64Yvfa_totalPrice {
      margin-bottom: var(--ddsweb-theme-spacing-md);
      align-items: center;
      display: flex;
    }
    ._64Yvfa_totalPrice ._64Yvfa_totalText {
      margin-right: var(--ddsweb-theme-spacing-xx);
    }
    ._64Yvfa_totalPrice ._64Yvfa_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) {
      ._64Yvfa_totalPrice {
        margin-bottom: 0;
      }
    }
    ._64Yvfa_sizeColourContainer {
      padding: 0 0 var(--ddsweb-theme-spacing-xs);
    }
    ._64Yvfa_colourVariationContainer {
      flex-flow: wrap;
      align-items: center;
      display: flex;
    }
    ._64Yvfa_colorText {
      margin-left: var(--ddsweb-theme-spacing-xx);
    }
    ._64Yvfa_variationContainer {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
      gap: var(--ddsweb-theme-spacing-sm);
      flex-direction: column;
      display: flex;
    }
    ._64Yvfa_reviewStyledLink {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
      font-size: var(--ddsweb-theme-font-size-xx);
    }
    ._64Yvfa_verticalTile ._64Yvfa_styledReviewLinkVertical {
      font-weight: normal;
    }
    ._64Yvfa_visuallyHidden {
      clip: rect(0 0 0 0);
      border: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    ._64Yvfa_sponsoredLabel {
      margin-bottom: var(--ddsweb-theme-spacing-xx);
      display: grid;
    }
  }
}
@layer ddsweb-overrides;


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