.badge-ribbon{--etq-bg: var(--color-badge-bg);--etq-fg: var(--color-badge-text);display:inline-flex;align-items:center;max-width:100%;height:26px;padding:0 11px;overflow:hidden;border-radius:var(--radius-pill);color:var(--etq-fg);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:12px;line-height:1.25;letter-spacing:-.005em;white-space:nowrap}.badge-ribbon:not(.glass){border:1px solid transparent;background:var(--etq-bg);box-shadow:inset 0 1px #ffffff73,var(--lg-shadow-thin, 0 0 #0000)}.badge-ribbon--offer{--etq-bg: var(--color-accent);--etq-fg: var(--color-ink)}.badge-ribbon--new{--etq-fg: var(--color-ink)}.badge-ribbon--soldout{--etq-bg: var(--lg-text-muted, var(--color-text-muted));--etq-fg: var(--color-on-dark)}@media screen and (max-width:760px){.badge-ribbon{height:24px;padding:0 9px;font-size:11px}}@media(prefers-contrast:more){.badge-ribbon:not(.glass){box-shadow:none}}@media(forced-colors:active){.badge-ribbon{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-badge-ribbon.css.map */