@layer ddsweb-small-atoms {
  @layer ddsweb-tag {
    .VPfF3a_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;
    }

    .VPfF3a_container.VPfF3a_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);
    }

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

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

    .VPfF3a_defaultTag, .VPfF3a_getGo, .VPfF3a_whoosh, .VPfF3a_newVariant {
      --tag-background-color: var(--dds-background-colour-background-dark-primary);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
    }

    .VPfF3a_homeDelivery, .VPfF3a_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);
    }

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

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

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

    .VPfF3a_bestSellerFNF {
      --tag-background-color: var(--dds-value-colour-value-black, #000);
    }

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

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

    @media (forced-colors: active) {
      .VPfF3a_newVariant, .VPfF3a_sponsored, .VPfF3a_whyNotTry, .VPfF3a_bestValue, .VPfF3a_getGo, .VPfF3a_whoosh, .VPfF3a_clickAndCollect {
        --tag-border: 1px solid CanvasText;
      }

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

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


/*# sourceMappingURL=966ef0bb1b273ad541d0.css.map*/