@layer ddsweb-small-atoms {
  @layer ddsweb-tag {
    .MAKZXG_container {
      height: var(--ddsweb-tc-tag-height, 20px);
      padding: 0 var(--dds-spacing-space-8);
      border: var(--tag-border, none);
      border-radius: var(--dds-border-radius-borderradius-sm);
      background-color: var(--tag-background-color, var(--dds-background-colour-background-dark-primary));
      color: var(--tag-text-color, var(--dds-typography-colour-text-on-dark));
      justify-content: center;
      align-items: center;
      margin: 0;
      padding-bottom: 1px;
      display: inline-flex;
    }

    .MAKZXG_container.MAKZXG_font {
      font-weight: var(--dds-typography-tokens-weight-sans-bold);
      font-size: var(--dds-typography-tokens-size-fontsize-12);
      line-height: var(--ddsweb-theme-line-height-next-heading);
    }

    .MAKZXG_bestValue {
      --tag-background-color: var(--dds-value-colour-value-yellow);
      --tag-text-color: var(--dds-value-colour-value-black);
    }

    .MAKZXG_clickAndCollect {
      --tag-background-color: var(--dds-fullstop-colour-fullstop);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
      border-radius: var(--dds-border-radius-borderradius-sm);
    }

    .MAKZXG_defaultTag, .MAKZXG_getGo, .MAKZXG_whoosh, .MAKZXG_newVariant {
      --tag-background-color: var(--dds-background-colour-background-dark-primary);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
    }

    .MAKZXG_homeDelivery, .MAKZXG_marketplace {
      --tag-background-color: var(--dds-background-colour-background-1);
      --tag-border: 1px solid var(--dds-background-colour-background-dark-primary);
      --tag-text-color: var(--dds-typography-colour-text-header-secondary);
    }

    .MAKZXG_sponsored {
      --tag-background-color: var(--dds-interaction-colour-interactive-active);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
    }

    .MAKZXG_whyNotTry {
      --tag-background-color: var(--dds-retain-colour-in-dark-mode-retain-text-body);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
    }

    .MAKZXG_fAndF {
      --tag-background-color: #000;
      padding: 3px 4px;
    }

    .MAKZXG_fullStopRed {
      color: var(--dds-fullstop-colour-fullstop);
    }

    .MAKZXG_fullStopWhite {
      color: var(--dds-typography-colour-text-on-dark);
    }

    @media (forced-colors: active) {
      .MAKZXG_newVariant, .MAKZXG_sponsored, .MAKZXG_whyNotTry, .MAKZXG_bestValue, .MAKZXG_getGo, .MAKZXG_whoosh, .MAKZXG_clickAndCollect {
        --tag-border: 1px solid CanvasText;
      }

      .MAKZXG_fAndF {
        --tag-background-color: CanvasText;
      }

      .MAKZXG_fAndF svg path {
        fill: canvas;
      }
    }
  }
}


/*# sourceMappingURL=25a7cf66f96b4da1dbd9.css.map*/