.badge{--trade-hnv2-badge-font-size: 10px;--trade-hnv2-badge-line-height: 1.2;--trade-hnv2-badge-font-weight: var(--trade-hnv2-weight-medium);--trade-hnv2-badge-padding-block: 2px;--trade-hnv2-badge-padding-inline: 6px;--trade-hnv2-badge-min-height: 18px;--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-neutral-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-neutral-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-neutral-on-strong);--trade-hnv2-badge-background: var(--trade-hnv2-badge-soft);--trade-hnv2-badge-foreground: var(--trade-hnv2-badge-strong);--trade-hnv2-badge-border-color: color-mix( in srgb, var(--trade-hnv2-badge-strong) 32%, var(--trade-hnv2-badge-soft) );--trade-hnv2-badge-border-width: 1px;--trade-hnv2-badge-border: var(--trade-hnv2-badge-border-width) solid var(--trade-hnv2-badge-border-color);display:inline-flex;max-width:100%;min-height:var(--trade-hnv2-badge-min-height);align-items:center;justify-content:center;padding:var(--trade-hnv2-badge-padding-block) var(--trade-hnv2-badge-padding-inline);border:var(--trade-hnv2-badge-border);border-radius:var(--trade-hnv2-badge-radius);color:var(--trade-hnv2-badge-foreground);background:var(--trade-hnv2-badge-background);font-size:var(--trade-hnv2-badge-font-size);font-weight:var(--trade-hnv2-badge-font-weight);letter-spacing:0;line-height:var(--trade-hnv2-badge-line-height);text-align:center;overflow-wrap:anywhere}html[data-hnv2-badge-treatment=filled] .badge:not(.badge--outline){--trade-hnv2-badge-background: var(--trade-hnv2-badge-strong);--trade-hnv2-badge-foreground: var(--trade-hnv2-badge-on-strong);--trade-hnv2-badge-border-color: transparent;--trade-hnv2-badge-border-width: 1px}html[data-hnv2-badge-treatment=outline] .badge,.badge--outline{--trade-hnv2-badge-background: transparent;--trade-hnv2-badge-foreground: var(--trade-hnv2-badge-strong);--trade-hnv2-badge-border-color: var(--trade-hnv2-badge-strong);--trade-hnv2-badge-border-width: 1px}.badge--palette-neutral{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-neutral-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-neutral-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-neutral-on-strong)}.badge--palette-blue{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-blue-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-blue-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-blue-on-strong)}.badge--palette-green{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-green-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-green-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-green-on-strong)}.badge--palette-amber{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-amber-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-amber-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-amber-on-strong)}.badge--palette-red{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-red-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-red-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-red-on-strong)}.badge--palette-violet{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-palette-violet-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-palette-violet-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-palette-violet-on-strong)}.badge--marketing{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-marketing-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-marketing-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-marketing-on-strong)}.badge--sale{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-sale-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-sale-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-sale-on-strong)}.badge--sold-out{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-sold-out-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-sold-out-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-sold-out-on-strong)}.badge--context{--trade-hnv2-badge-soft: var(--trade-hnv2-badge-context-soft);--trade-hnv2-badge-strong: var(--trade-hnv2-badge-context-strong);--trade-hnv2-badge-on-strong: var(--trade-hnv2-badge-context-on-strong)}@media(forced-colors:active){.badge{border-color:CanvasText;color:CanvasText;background:Canvas}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-badge.css.map */