@layer ddsweb-small-atoms {
  @layer ddsweb-tag {
    .taNXKG_container {
      height: var(--ddsweb-tc-tag-height, 20px);
      padding: 0 var(--dds-spacing-space-8);
      border: var(--tag-border, none);
      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;
    }

    .taNXKG_container.taNXKG_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);
    }

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

    .taNXKG_clickAndCollect {
      --tag-background-color: var(--dds-fullstop-colour-fullstop);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
    }

    .taNXKG_defaultTag, .taNXKG_getGo, .taNXKG_whoosh, .taNXKG_newVariant {
      --tag-background-color: var(--dds-background-colour-background-dark-primary);
      --tag-text-color: var(--dds-typography-colour-text-on-dark);
    }

    .taNXKG_homeDelivery, .taNXKG_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);
    }

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

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

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

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

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


/*# sourceMappingURL=6cb2aa709ff9a729eb84.css.map*/