/* src/component/css/src/component/css/styles.module.css */
@layer ddsweb-small-atoms {
  @layer ddsweb-tag {
    .f22db3_cF0Smq_container {
      height: var(--ddsweb-tc-tag-height, 20px);
      padding: 0 var(--ddsweb-theme-spacing-xs);
      border: var(--tag-border, none);
      background-color: var(--tag-background-color, var(--ddsweb-theme-colors-primary));
      color: var(--tag-text-color, var(--ddsweb-theme-colors-white));
      justify-content: center;
      align-items: center;
      margin: 0;
      padding-bottom: 1px;
      display: inline-flex;
    }
    .f22db3_cF0Smq_container.f22db3_cF0Smq_font {
      font-weight: var(--ddsweb-theme-font-weight-heading);
      font-size: var(--ddsweb-theme-font-size-next-text-xs);
      line-height: var(--ddsweb-theme-line-height-next-heading);
    }
    .f22db3_cF0Smq_bestValue {
      --tag-background-color: var(--ddsweb-theme-colors-promo);
      --tag-text-color: var(--ddsweb-theme-colors-heading);
    }
    .f22db3_cF0Smq_clickAndCollect {
      --tag-background-color: var(--ddsweb-theme-colors-tag-fullstop-red);
      --tag-text-color: var(--ddsweb-theme-colors-white);
    }
    .f22db3_cF0Smq_defaultTag,
    .f22db3_cF0Smq_getGo,
    .f22db3_cF0Smq_whoosh,
    .f22db3_cF0Smq_newVariant {
      --tag-background-color: var(--ddsweb-theme-colors-primary);
      --tag-text-color: var(--ddsweb-theme-colors-white);
    }
    .f22db3_cF0Smq_homeDelivery,
    .f22db3_cF0Smq_marketplace {
      --tag-background-color: var(--ddsweb-theme-colors-white);
      --tag-border: 1px solid var(--ddsweb-theme-colors-primary);
      --tag-text-color: var(--ddsweb-theme-colors-primary);
    }
    .f22db3_cF0Smq_sponsored {
      --tag-background-color: var(--ddsweb-theme-colors-active);
      --tag-text-color: var(--ddsweb-theme-colors-white);
    }
    .f22db3_cF0Smq_whyNotTry {
      --tag-background-color: var(--ddsweb-theme-colors-grayscale);
      --tag-text-color: var(--ddsweb-theme-colors-white);
    }
    .f22db3_cF0Smq_fAndF {
      --tag-background-color: var(--ddsweb-theme-colors-black);
      padding: 3px 4px;
    }
    .f22db3_cF0Smq_fullStopRed {
      color: var(--ddsweb-theme-colors-tag-fullstop-red);
    }
    .f22db3_cF0Smq_fullStopWhite {
      color: var(--ddsweb-theme-colors-white);
    }
  }
}


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