.hds-badge{--_hds-badge-background-color:var(--hds-colors-base-default);--_hds-badge-color:var(--hds-colors-base-contrast-default);border-radius:var(--hds-border-radius);text-transform:uppercase;font-family:var(--hds-fonts-posten-sans);-moz-osx-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;vertical-align:10%;background-color:var(--_hds-badge-background-color);color:var(--_hds-badge-color);font-size:12px;font-weight:500;line-height:18px;display:inline-block}.hds-badge{padding:var(--hds-spacing-4)var(--hds-spacing-8)}.hds-badge.hds-badge--small{padding:var(--hds-spacing-4)var(--hds-spacing-8)}.hds-badge.hds-badge--smaller{padding:2px 6px}.hds-badge.hds-badge--lighter{background-color:var(--hds-colors-surface-tinted);color:var(--hds-colors-base-active)}.hds-badge.hds-badge--darker{background-color:var(--hds-colors-base-active);color:var(--hds-colors-base-contrast-default)}.hds-badge.hds-badge--white{background-color:var(--hds-colors-neutral-surface-default);color:var(--hds-colors-neutral-text-default)}[data-color=bring] .hds-badge.hds-badge--darker{background-color:var(--hds-colors-text-default);color:var(--hds-colors-surface-tinted)}[data-color=bring] .hds-badge.hds-badge--lighter{background-color:var(--hds-colors-surface-tinted);color:var(--hds-colors-text-subtle)}